.blog-header-custom-section{--color-form-border: #B7B9BC;background-color:var(--bg-body);margin-bottom:30px}.blog-header-custom-section:has(.blog-header--sticky){position:sticky;top:var(--header-height);z-index:10}.blog-header--search input.blog-header__search-input{border-color:var(--color-accent)}.blog-header .blog-header__top{padding-top:12px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.blog-header .blog-header__title{margin-bottom:0;line-height:1.2;transition:all .25s ease-in-out}.blog-header .blog-header__title--search .h2{margin-bottom:10px}.blog-header .blog-header__title--search p{margin-bottom:0;font-size:16px}.blog-header .blog-header__search-wrapper{flex:1 1 auto}.blog-header .blog-header__search fieldset{position:relative;display:flex;align-items:center;gap:10px}.blog-header .blog-header__search-input{margin-bottom:0;padding:6px 50px 6px 16px;width:100%;border-radius:10px}.blog-header .blog-header__search-input:focus-visible{outline:none}.blog-header .blog-header__search-input::placeholder{font-size:16px;font-weight:500;line-height:13px;color:#868d94}.blog-header .blog-header__search-submit{position:absolute;right:6px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;background-color:var(--color-accent);border-radius:6px}.blog-header .blog-header__navigation{margin-top:20px;padding:8.5px 20px;transition:all .25s ease-in-out}.blog-header .blog-header__navigation .blog-header__navigation-inner{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.blog-header--sticky .row,.blog-header--sticky .columns{transition:all .25s ease-in-out}body:has(.is-sticky) .blog-header--sticky .row:has(.blog-header__navigation){padding:0;max-width:100%}body:has(.is-sticky) .blog-header--sticky .columns:has(.blog-header__navigation){padding:0}body:has(.is-sticky) .blog-header--sticky .blog-header__navigation{border-radius:0}body:has(.is-sticky) .blog-header--sticky .blog-header__title{font-size:20px}body:has(.is-sticky) .blog-header--sticky .blog-header__search-input{height:42px}body:has(.is-sticky) .blog-header--sticky .blog-header__search-submit{width:30px;height:30px}body:has(.is-sticky) .blog-header--sticky .blog-header__search-submit svg{width:15px;height:15px}.blog-header .blog-header__navigation-link{padding:8.5px 15px 9.5px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;border-radius:25px;white-space:nowrap}.blog-header .blog-header__navigation-link.active{background-color:var(--color-accent)}@media only screen and (max-width: 767px){.blog-header .row:has(.blog-header__navigation){padding:0}.blog-header .columns:has(.blog-header__navigation){padding:0}}@media only screen and (min-width: 768px){.blog-header .blog-header__top{flex-wrap:nowrap;gap:60px}.blog-header .blog-header__title{max-width:50%}.blog-header .blog-header__navigation{padding:20px 25px;border-radius:10px}body:has(.is-sticky) .blog-header--sticky .blog-header__title{font-size:24px}body:has(.is-sticky) .blog-header--sticky .blog-header__navigation{padding:8px 0;border-radius:0}body:has(.is-sticky) .blog-header--sticky .blog-header__navigation-wrapper{max-width:1380px;margin:0 auto;padding:0 70px}.blog-header .blog-header__navigation .blog-header__navigation-inner{scrollbar-width:auto;-ms-overflow-style:auto;scroll-behavior:smooth;scrollbar-gutter:stable}.blog-header .blog-header__navigation .blog-header__navigation-inner::-webkit-scrollbar{display:block;height:6px;background:#fff!important;cursor:grab!important;border-radius:4px;margin-top:10px;padding-top:10px}.blog-header .blog-header__navigation .blog-header__navigation-inner::-webkit-scrollbar-track{margin-top:10px;padding-top:10px;background:#fff!important;border-radius:4px;cursor:grab!important}.blog-header .blog-header__navigation .blog-header__navigation-inner::-webkit-scrollbar-thumb{background:#868d94!important;border-radius:4px;cursor:grab!important}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/blog-header.css.map */