.section-header:has(.header__search details[open]){z-index:12}.header--vaillant .search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1005;display:flex;align-items:flex-start;justify-content:flex-end;width:100%;height:100%;padding:1.4rem;background:#ffffffd1}.header--vaillant .search-modal .modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:transparent}.header--vaillant .search-modal__content{position:relative;inset:auto;z-index:1;display:block;width:min(83.1rem,calc(100vw - 2.8rem));height:min(73.4rem,calc(100svh - 2.8rem));min-height:0;max-height:calc(100svh - 2.8rem);margin:0;padding:4.8rem;overflow-y:auto;background:#fffffff2;box-shadow:0 .4rem 3.4rem #00000026;color:#000}.header--vaillant .search-vaillant__inner{display:flex;flex-direction:column;gap:2.4rem;width:100%;overflow-x:hidden}.header--vaillant .search-vaillant__upper{display:flex;flex-direction:column;align-items:flex-end;gap:3.5rem;width:100%}.header--vaillant .search-modal__close-button{position:static;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;min-width:0;min-height:0;padding:0;border:0;background:transparent;color:#000}.header--vaillant .search-modal__close-button .svg-wrapper,.header--vaillant .search-modal__close-button svg{display:block;width:1.5rem;height:1.5rem}.header--vaillant .search-vaillant__predictive{display:block;width:100%}.header--vaillant .search-modal__form,.header--vaillant .search-vaillant__form{width:100%;max-width:none;margin:0}.header--vaillant .search-vaillant__form .field{display:block;width:100%;height:auto}.header--vaillant .search-vaillant__form .field:before,.header--vaillant .search-vaillant__form .field:after{display:none}.header--vaillant .search-vaillant__form .search__input{width:100%;height:2.5rem;padding:0 0 1rem;border:0;border-bottom:.1rem solid #000;border-radius:0;outline:0;box-shadow:none;background:transparent;color:#000;font-family:var(--font-body-family);font-size:1.6rem;font-weight:var(--font-body-weight);line-height:normal}.header--vaillant .search-vaillant__form .field__label,.header--vaillant .search-vaillant__form .field__button{display:none}.search-vaillant__default{width:100%;margin-top:2.8rem}predictive-search[open] .search-vaillant__default,predictive-search[loading] .search-vaillant__default{display:none}.search-vaillant__suggestions-block{display:flex;flex-direction:column;gap:1.6rem;align-items:flex-start}.search-vaillant__suggestions-heading,.search-vaillant__recent-heading{margin:0;font-family:var(--font-body-family);font-size:1.6rem;font-weight:var(--font-body-weight);line-height:normal;color:#00000080;text-transform:uppercase}.search-vaillant__recent-heading{margin:4rem 0 0;width:100%}.search-vaillant__recent-heading[hidden]{display:none}predictive-search[open] .search-vaillant__recent-heading,predictive-search[loading] .search-vaillant__recent-heading{display:none}.search-vaillant__inner:has(predictive-search[open]) .search-vaillant__recent,.search-vaillant__inner:has(predictive-search[loading]) .search-vaillant__recent{display:none}.search-vaillant__suggestions-list{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;margin:0;padding:0;list-style:none}.search-vaillant__suggestion{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:#000;font-family:var(--font-body-family);font-size:1.6rem;font-weight:var(--font-body-weight);line-height:normal;text-align:left;cursor:pointer}.search-vaillant__suggestion:hover,.search-vaillant__suggestion:focus-visible{color:#000}.search-vaillant__recent{display:block;width:100%}.search-vaillant__recent[hidden]{display:none}.search-vaillant__recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;padding:0;overflow:hidden;list-style:none}.search-vaillant__recent .recently-viewed-vaillant__item{min-width:0}.search-vaillant__recent .vaillant-product-card__media-shell,.search-vaillant__recent .recently-viewed-vaillant__skeleton{aspect-ratio:245 / 316;min-height:31.6rem}.search-vaillant__recent .vaillant-product-card__details,.search-vaillant__recent .vaillant-product-card__gallery-controls,.search-vaillant__recent .vaillant-product-card__gallery-progress,.search-vaillant__recent .vaillant-product-card__swatches,.search-vaillant__recent .vaillant-product-card__tag{display:none}.search-vaillant__recent .recently-viewed-vaillant__skeleton{display:block;width:100%;overflow:hidden;background:#e7e9e8}.search-vaillant__recent .recently-viewed-vaillant__skeleton:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.65) 50%,transparent 80%);transform:translate(-100%);animation:search-vaillant-shimmer 1.35s ease-in-out infinite}.header--vaillant .predictive-search--header{position:static;top:auto;left:auto;right:auto;display:none;width:100%;max-height:none;margin-top:2.8rem;border:0;box-shadow:none;background:transparent;color:#000;overflow:visible}predictive-search[open] .header--vaillant .predictive-search--header,predictive-search[loading] .header--vaillant .predictive-search--header{display:block}.header--vaillant .search-modal__content:has(predictive-search[open]),.header--vaillant .search-modal__content:has(predictive-search[loading]){display:flex;flex-direction:column;overflow:hidden}.header--vaillant .search-modal__content:has(predictive-search[open]) .search-vaillant__inner,.header--vaillant .search-modal__content:has(predictive-search[loading]) .search-vaillant__inner{flex:1;min-height:0;gap:0;overflow:hidden}.header--vaillant .search-modal__content:has(predictive-search[open]) .search-vaillant__upper,.header--vaillant .search-modal__content:has(predictive-search[loading]) .search-vaillant__upper{flex:1;min-height:0;overflow:hidden}.header--vaillant .search-modal__content:has(predictive-search[open]) .search-vaillant__predictive,.header--vaillant .search-modal__content:has(predictive-search[loading]) .search-vaillant__predictive{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.header--vaillant .search-modal__content:has(predictive-search[open]) .search-modal__close-button,.header--vaillant .search-modal__content:has(predictive-search[loading]) .search-modal__close-button,.header--vaillant .search-modal__content:has(predictive-search[open]) .search-vaillant__form,.header--vaillant .search-modal__content:has(predictive-search[loading]) .search-vaillant__form{flex-shrink:0}.header--vaillant .search-modal__content:has(predictive-search[open]) .predictive-search--header,.header--vaillant .search-modal__content:has(predictive-search[loading]) .predictive-search--header{flex:1;min-height:0;margin-top:2.8rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.header--vaillant .search-modal__content .predictive-search-status,.header--vaillant .search-modal__content mark{color:#000}.header-wrapper--vaillant:has(.header__search details[open]) .header-vaillant__nav,.header-wrapper--vaillant:has(.header__search details[open]) .header-vaillant__logo,.header-wrapper--vaillant:has(.header__search details[open]) header-drawer,.header-wrapper--vaillant:has(.header__search details[open]) .header-vaillant__icons>.header__search>summary,.header-wrapper--vaillant:has(.header__search details[open]) .header-vaillant__icons>shopify-account,.header-wrapper--vaillant:has(.header__search details[open]) .header-vaillant__icons>a.header__icon--cart,.header-wrapper--vaillant:has(.header__search details[open]) .header-vaillant__icons>a.header__icon--wishlist{display:none}.header-wrapper--vaillant:has(.header__search details[open]) .header-vaillant__icons{transform:none}.header--vaillant .header-vaillant__icons .header__search>details[open]{position:static;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible}@keyframes search-vaillant-shimmer{to{transform:translate(100%)}}@media screen and (max-width:749px){.header--vaillant .search-modal{position:fixed;top:0;right:0;bottom:0;left:0;align-items:stretch;justify-content:stretch;width:100vw;max-width:100vw;height:100%;height:100dvh;padding:0;border:0}.header--vaillant .search-modal__content{display:flex;flex-direction:column;width:100%;max-width:100%;height:100%;min-height:100%;max-height:100%;padding:4.8rem 1.6rem 4rem;box-shadow:none;overflow:hidden}.header--vaillant .search-vaillant__inner{flex:1;min-height:0;overflow-x:hidden}.header--vaillant .search-vaillant__upper{position:sticky;top:0;z-index:2;gap:2.4rem;align-items:stretch;background:#fffffff2}.header--vaillant .search-modal__close-button{align-self:flex-end}.header--vaillant .search-vaillant__form .search__input,.search-vaillant__suggestions-heading,.search-vaillant__recent-heading,.search-vaillant__suggestion{font-size:1.4rem}.search-vaillant__default{margin-top:2.4rem}.search-vaillant__recent-heading{margin-top:3.2rem}.search-vaillant__recent-grid{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.search-vaillant__recent-grid::-webkit-scrollbar{display:none}.search-vaillant__recent .recently-viewed-vaillant__item{flex:0 0 min(64vw,24rem);scroll-snap-align:start}.search-vaillant__recent .vaillant-product-card__media-shell,.search-vaillant__recent .recently-viewed-vaillant__skeleton{min-height:24rem;height:auto;aspect-ratio:245 / 316}.header--vaillant .search-modal__content:has(predictive-search[open]),.header--vaillant .search-modal__content:has(predictive-search[loading]){overflow:hidden}.header--vaillant .search-modal__content:has(predictive-search[open]) .search-vaillant__inner,.header--vaillant .search-modal__content:has(predictive-search[loading]) .search-vaillant__inner{overflow:hidden}}@media(prefers-reduced-motion:reduce){.search-vaillant__recent .recently-viewed-vaillant__skeleton:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-search-vaillant.css.map */
