.dl-section-page-sticky-header-y:has(.dl-page-sticky-header-y-section--fixed){position:sticky;top:0;z-index:100;transition:transform .23s ease}.dl-section-page-sticky-header-y:has(.dl-page-sticky-header-y-section--fixed.dl-scrolly-hide){transform:translateY(-100%);pointer-events:none}.dl-page-sticky-header-y-section{position:fixed;top:0;left:0;width:100%;z-index:100;transform:translateY(-100%);transition:transform .23s ease}.dl-page-sticky-header-y-section.dl-show{transform:translateY(0)}.dl-page-sticky-header-y-section.dl-show.dl-scrolly-hide:not(.dl-page-sticky-header-y-section--fixed){transform:translateY(-100%);pointer-events:none}.dl-page-sticky-header-y-section--fixed{position:relative;transform:none}.dl-page-sticky-header-y{width:100%;background:#ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dl-page-sticky-header-y__inner{display:flex;align-items:center;gap:48px;width:1440px;max-width:100%;min-height:64px;margin:0 auto;box-sizing:border-box}.dl-page-sticky-header-y__title{flex-shrink:0;font-size:20px;font-weight:500;line-height:1.2;white-space:nowrap}.dl-page-sticky-header-y__nav{flex:1;min-width:0;display:flex;justify-content:center}.dl-page-sticky-header-y--nav-left .dl-page-sticky-header-y__nav{justify-content:flex-start}.dl-page-sticky-header-y--nav-center .dl-page-sticky-header-y__nav{justify-content:center}.dl-page-sticky-header-y--nav-right .dl-page-sticky-header-y__nav{justify-content:flex-end}.dl-page-sticky-header-y__items{display:flex;align-items:center;justify-content:inherit;column-gap:32px}.dl-page-sticky-header-y__item{position:relative;display:inline-flex;align-items:center;height:64px;padding:0;border:0;background:transparent;color:#000000b3;font-size:16px;font-weight:400;line-height:1.2;white-space:nowrap;cursor:pointer;transition:color .2s ease}.dl-page-sticky-header-y__item:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;background:#315800;transform:translate(-50%);opacity:0;transition:width .2s ease,opacity .2s ease}.dl-page-sticky-header-y__item.dl-active{color:#000;font-weight:500}.dl-page-sticky-header-y__item.dl-active:after{width:100%;opacity:1}.dl-page-sticky-header-y__btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:104px;height:40px;padding:4px 16px;border-radius:4px;background:#315800;color:#fff;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.dl-page-sticky-header-y__btn:hover{opacity:.9;color:#fff}@media screen and (min-width:1921px){.dl-page-sticky-header-y__inner{width:75vw;min-height:calc(64 / 1920 * 100vw);gap:2.5vw}.dl-page-sticky-header-y__title{font-size:calc(20 / 1920 * 100vw)}.dl-page-sticky-header-y__items{column-gap:calc(32 / 1920 * 100vw)}.dl-page-sticky-header-y__item{height:calc(64 / 1920 * 100vw);font-size:calc(16 / 1920 * 100vw)}.dl-page-sticky-header-y__item:after{height:.15625vw}.dl-page-sticky-header-y__btn{min-width:calc(104 / 1920 * 100vw);height:calc(40 / 1920 * 100vw);padding:calc(4 / 1920 * 100vw) calc(16 / 1920 * 100vw);border-radius:calc(4 / 1920 * 100vw);font-size:calc(14 / 1920 * 100vw)}}@media screen and (min-width:1600px)and (max-width:1920px){.dl-page-sticky-header-y__inner{width:1440px}}@media screen and (min-width:990px)and (max-width:1599px){.dl-page-sticky-header-y__inner{width:90vw;min-height:4vw;gap:3vw}.dl-page-sticky-header-y__title{font-size:1.25vw}.dl-page-sticky-header-y__items{column-gap:2vw}.dl-page-sticky-header-y__item{height:4vw;font-size:1vw}.dl-page-sticky-header-y__item:after{height:.1875vw}.dl-page-sticky-header-y__btn{min-width:6.5vw;height:2.5vw;padding:.25vw 1vw;border-radius:.25vw;font-size:calc(14 / 1600 * 100vw)}}@media screen and (max-width:989px){.dl-page-sticky-header-y{padding:0 6.4vw}.dl-page-sticky-header-y__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title btn" "nav nav";align-items:center;gap:0;width:100%;min-height:0}.dl-page-sticky-header-y:not(.dl-page-sticky-header-y--has-btn) .dl-page-sticky-header-y__inner{grid-template-areas:"title title" "nav nav"}.dl-page-sticky-header-y__title{grid-area:title;padding:0;font-size:calc(16 / 375 * 100vw);min-height:calc(64 / 375 * 100vw);line-height:calc(64 / 375 * 100vw);overflow:hidden;text-overflow:ellipsis}.dl-page-sticky-header-y__btn{grid-area:btn;min-width:calc(104 / 375 * 100vw);height:calc(32 / 375 * 100vw);padding:calc(4 / 375 * 100vw) calc(16 / 375 * 100vw);border-radius:4px;font-size:calc(14 / 375 * 100vw)}.dl-page-sticky-header-y__nav{grid-area:nav;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -6.4vw;padding:0 6.4vw}.dl-page-sticky-header-y__nav::-webkit-scrollbar{display:none}.dl-page-sticky-header-y__items{width:max-content;min-width:100%;column-gap:6.4vw;box-sizing:border-box}.dl-page-sticky-header-y--nav-left .dl-page-sticky-header-y__items{justify-content:flex-start}.dl-page-sticky-header-y--nav-center .dl-page-sticky-header-y__items{justify-content:center}.dl-page-sticky-header-y--nav-right .dl-page-sticky-header-y__items{justify-content:flex-end;margin-left:auto}.dl-page-sticky-header-y__item{height:calc(44 / 375 * 100vw);font-size:calc(14 / 375 * 100vw)}.dl-page-sticky-header-y__item:after{height:.8vw}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/dl-page-sticky-header-y.css.map */