.header-search-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:12px;color:#232323;background:#f7f7f7;text-decoration:none;font:inherit;font-size:13px;flex-shrink:0}.header-search-button:hover{background:#efefef}.header-search-button:focus-visible,.smart-search a:focus-visible,.smart-search button:focus-visible{outline:2px solid #f66b21;outline-offset:3px}
.smart-search{position:relative;max-width:900px;width:100%;margin:0;color:#232323;font-family:inherit;text-align:left}.smart-search-label{display:block;font-size:15px;margin:0 0 10px;font-weight:500}.smart-search-control{display:flex;align-items:center;gap:14px;min-height:58px;padding:6px 7px 6px 18px;border:1px solid #d9d9d9;border-radius:14px;background:#fff}.smart-search-control:focus-within{border-color:#f66b21;box-shadow:0 0 0 2px #f66b2114}.smart-search-control>svg{flex-shrink:0;color:#777}.smart-search-control input{min-width:0;flex:1;width:100%;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font:inherit;font-size:16px;line-height:1.4;padding:8px 0!important;color:#232323}.smart-search-control input::placeholder{color:#888}.smart-search-submit,.smart-search-submit:hover,.smart-search-submit:focus,.smart-search-submit:active,.smart-search-submit:disabled{border:0;border-radius:9px;background:#f66b21;color:#fff!important;font:inherit;font-weight:500;font-size:14px;padding:13px 22px;cursor:pointer;white-space:nowrap}.smart-search-submit:hover{background:#df5b18}.smart-search-status{font-size:13px;color:#6e6e6e;margin:7px 0 0;min-height:0}.smart-search-status:empty{display:none}.smart-search-dropdown{position:absolute;z-index:105;top:calc(100% + 10px);left:0;right:0;background:#fff;border:1px solid #e6e6e6;border-radius:16px;box-shadow:0 18px 50px #00000018;overflow:hidden}.smart-search-dropdown[hidden]{display:none!important}.smart-search-results{max-height:min(58vh,530px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.smart-search-option{display:flex;align-items:center;gap:16px;padding:14px 18px;color:#232323;text-decoration:none;border-bottom:1px solid #efefef}.smart-search-option:hover,.smart-search-option[aria-selected=true]{background:#f7f7f7}.smart-search-option>img{width:74px;height:64px;object-fit:contain;flex-shrink:0}.smart-search-option-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.smart-search-kind{display:block;color:#777;font-size:12px;font-weight:400}.smart-search-option-title{font-size:15px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.smart-search-option-detail,.smart-search-match{font-size:12px;line-height:1.4;color:#666}.smart-search-match{color:#8b4a21}.smart-search-arrow{color:#929292;font-size:18px}.smart-search-footer{display:flex;justify-content:space-between;gap:16px;padding:15px 18px;background:#fafafa;font-size:14px}.smart-search-footer a{color:#232323;text-underline-offset:4px}.smart-search-empty{padding:18px;margin:0;color:#777;font-size:15px}.smart-search-dialog{border:0;border-radius:22px;padding:30px;width:min(860px,calc(100% - 40px));max-height:calc(100dvh - 48px);overflow:auto;box-sizing:border-box;color:#232323;top:9vh;margin:0 auto;box-shadow:0 24px 90px #0003}.smart-search-dialog::backdrop{background:#23232373}.smart-search-dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.smart-search-dialog-heading h2{font-size:30px;font-weight:500;line-height:1.2;margin:0}.smart-search-dialog-heading button{border:0;width:40px;height:40px;background:#f7f7f7;border-radius:11px;color:#232323;font-size:28px;cursor:pointer}.smart-search-in-dialog .smart-search-dropdown{position:relative;top:auto;margin-top:16px;box-shadow:none}.smart-search-in-dialog .smart-search-results{max-height:50dvh}.smart-search-in-menu{max-width:none;margin:22px 0 16px}.smart-search-in-menu .smart-search-dropdown{position:relative;top:auto;margin-top:10px;box-shadow:none}.smart-search-in-menu .smart-search-results{max-height:min(36dvh,330px)}.mega-content:has(.smart-search-in-menu){overflow-y:auto;overscroll-behavior:contain}.smart-search-category-wrap{margin:26px 0 38px;position:relative;z-index:5}.smart-search-category-wrap .smart-search{max-width:960px}.smart-search-page{max-width:1120px;margin:0 auto;padding:54px 28px 90px}.smart-search-page>h1{font-size:clamp(30px,4vw,44px);font-weight:500;margin:0 0 30px}.smart-search-result-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 16px}.smart-search-result-heading form{display:flex;align-items:center;gap:8px;font-size:13px}.smart-search-result-heading select,.smart-search-result-heading button{font:inherit;border:1px solid #ddd;border-radius:7px;padding:7px;background:#fff;color:#232323}.smart-search-item{border-bottom:1px solid #e9e9e9}.smart-search-item-link{display:flex;gap:24px;padding:22px 0;color:#232323;text-decoration:none}.smart-search-item-link>img{width:116px;height:96px;object-fit:contain;flex-shrink:0}.smart-search-item h2{font-size:20px;font-weight:500;line-height:1.35;margin:5px 0 8px}.smart-search-item p{font-size:14px;color:#666;margin:5px 0;line-height:1.5}.smart-search-item-link:hover h2{color:#b94a11}.smart-search-pagination{display:flex;gap:24px;justify-content:center;margin-top:35px}.smart-search-scope{font-size:14px;color:#666}.smart-search-scope a,.smart-search-pagination a{color:#232323;text-underline-offset:4px}
@media(max-width:1699px){.header-search-button span{display:none}.header-search-button{width:42px;padding:9px}}@media(max-width:680px){.header-search-button{min-height:40px;width:40px;border-radius:10px}.smart-search-control{gap:10px;padding-left:13px;min-height:54px}.smart-search-control>svg{width:19px}.smart-search-control input{font-size:16px}.smart-search-control input::placeholder{font-size:14px}.smart-search-submit{padding:12px 15px;font-size:13px}.smart-search-dialog{top:18px;width:calc(100% - 24px);max-height:calc(100dvh - 36px);padding:20px 16px;border-radius:18px}.smart-search-dialog-heading h2{font-size:25px}.smart-search-option{padding:12px;gap:12px}.smart-search-option>img{width:58px;height:55px}.smart-search-option-title{font-size:14px}.smart-search-option-detail{font-size:11px}.smart-search-footer{font-size:13px;padding:14px 12px}.smart-search-in-menu{margin-top:18px}.smart-search-page{padding:34px 20px 65px}.smart-search-result-heading{align-items:flex-start;flex-direction:column;gap:5px}.smart-search-item-link{gap:14px}.smart-search-item-link>img{width:76px;height:76px}.smart-search-item h2{font-size:16px}.smart-search-item p{font-size:12px}.smart-search-category-wrap{margin:22px 0 28px}}
@media(prefers-reduced-motion:reduce){.smart-search *{scroll-behavior:auto!important}}

/* The actual catalogue component; only its containing grid adapts to the search surface. */
.smart-search-catalog{--paper:#f7f7f7;--ink:#232323;--orange:#f66b21;padding:12px;color:#232323}.smart-search-catalog .osk-rack-lp__catalog{margin:0;padding:0}.smart-search-catalog .osk-rack-lp__catalog .grid-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.smart-search-row{display:contents}.smart-search-product-option{min-width:0;border-radius:26px}.smart-search-product-option>.catalog-block__wrapper{height:100%}.smart-search-product-option[aria-selected=true]{outline:2px solid #f66b21;outline-offset:2px}.smart-search-catalog .catalog-block__info-btn .btn::after{content:none!important}.smart-search-catalog .osk-catalog-card__media{height:185px}.smart-search-catalog .catalog-block__info-title{font-size:16px}.smart-search-catalog .catalog-block__info{position:relative}.smart-search-catalog .catalog-block__info-btn .btn{justify-content:center}.smart-search-catalog .catalog-block__info-btn .btn:hover,.smart-search-catalog .catalog-block__info-btn .btn:focus-visible{color:#fff!important}.smart-search-catalog .osk-catalog-card__badge:empty{display:none}.smart-search-page .smart-search-catalog{padding:12px 0}.smart-search-page .smart-search-catalog .grid-list{grid-template-columns:repeat(3,minmax(0,1fr))}.smart-search-dialog{width:min(1080px,calc(100% - 40px));top:4vh}.smart-search-in-dialog .smart-search-results{max-height:64dvh}.smart-search-in-menu .smart-search-results{max-height:48dvh}.smart-search-footer{position:relative;z-index:2}.smart-search-category-wrap{z-index:6}.smart-search-arrow{display:none}
@media(max-width:680px){.smart-search-catalog{padding:10px}.smart-search-catalog .osk-rack-lp__catalog .grid-list,.smart-search-page .smart-search-catalog .grid-list{grid-template-columns:1fr}.smart-search-dialog{width:calc(100% - 24px);top:18px}.smart-search-catalog .osk-catalog-card__media{height:210px}.smart-search-in-dialog .smart-search-results{max-height:61dvh}.smart-search-catalog .catalog-block__info{padding:14px 8px 8px}.smart-search-catalog .osk-catalog-card__specs{margin-bottom:16px}.smart-search-option{padding:12px 14px}}
.smart-search-in-dialog{max-width:none}.smart-search-catalog .catalog-block__info{position:static}.smart-search-catalog .catalog-block__item{position:relative}
@media(min-width:1100px){.smart-search-in-dialog .smart-search-catalog .grid-list,.smart-search-in-menu .smart-search-catalog .grid-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.smart-search-category-wrap{margin:26px var(--gutter,20px) 38px;padding:0 var(--content-inset,22px)}.catalog-directory>.smart-search-category-wrap{margin-inline:0;padding-inline:0}
@media(max-width:720px){.site-header:has(.header-search-button){grid-template-columns:minmax(37px,1fr) auto 40px auto;grid-template-rows:44px auto;gap:8px;padding-inline:16px}.site-header .header-search-button{grid-column:3;grid-row:1;width:40px;min-height:40px;padding:9px;justify-self:center}.site-header .site-menu{grid-column:4;grid-row:1}.site-header .header-contacts{grid-column:1/4;grid-row:2}.site-header .header-cart{grid-column:4;grid-row:2}.smart-search-category-wrap{margin-top:8px;margin-bottom:28px}}

/* Fit the added search control without pushing the existing header beyond the viewport. */
@media(min-width:1200px) and (max-width:1399px){.site-header:has(.header-search-button) .header-nav{display:none}.site-header:has(.header-search-button) .site-menu{display:block}}
@media(min-width:721px) and (max-width:900px){.site-header:has(.header-search-button) .catalog-button{display:none}}