.idra-search-form{
    position:relative
}
.idra-search-form [hidden],.idra-suggestions[hidden],[hidden].search-chip{
    display:none!important
}
.idra-suggestions{
    position:fixed;
    z-index:2147483000;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
    padding:14px;
    background:#fff;
    color:#26372d;
    border:1px solid #d7e2da;
    border-radius:18px;
    box-shadow:0 12px 30px #102c2026;
    max-height:calc(100dvh - 120px);
    overscroll-behavior:contain;
    overflow:auto;
    text-align:left
}
.idra-suggestion{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:12px;
    border:1px solid #dce8df;
    border-radius:16px;
    background:#f8fbf9;
    min-width:0;
    color:#26372d;
    align-items:stretch;
    white-space:normal
}
.idra-suggestion:hover,.idra-suggestion[aria-selected=true]{
    background:#edf6ee;
    color:#163f2a
}
.idra-suggestion img{
    width:100%;
    height:82px;
    object-fit:contain;
    flex-shrink:0
}
.idra-suggestion-info{
    display:flex;
    flex-direction:column;
    min-width:0;
    gap:3px;
    line-height:1.35
}
.idra-suggestion-title{
    font-size:13px;
    font-weight:600;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:35px
}
.idra-suggestion small{
    font-size:12px;
    color:#536058
}
.idra-suggestion strong{
    font-size:15px;
    color:#236b3e
}
.idra-suggestion-all{
    grid-column:1/-1;
    font-weight:600;
    justify-content:center;
    align-items:center;
    padding:12px
}
.idra-search-form :focus-visible,.idra-suggestions :focus-visible,#idra-search :focus-visible{
    outline:3px solid #246e43;
    outline-offset:3px
}
#idra-search{
    padding:28px 0 50px;
    color:#26372d
}
#idra-search h1{
    font-size:2.8rem;
    line-height:1.2;
    margin-bottom:8px
}
.search-intro{
    color:#56645b;
    margin-bottom:24px
}
.search-layout{
    display:grid;
    grid-template-columns:320px minmax(0,1fr);
    gap:28px
}
.search-filter-panel{
    border:1px solid #dde4df;
    border-radius:10px;
    padding:18px;
    height:fit-content
}
.search-filter-panel summary{
    font-size:18px;
    font-weight:600;
    cursor:pointer
}
.search-filter-panel fieldset{
    padding:0;
    border:0;
    margin:18px 0 0;
    min-width:0
}
.search-filter-panel legend{
    font-size:16px;
    font-weight:600;
    margin:18px 0 10px
}
.search-filter-options{
    max-height:260px;
    overflow:auto
}
.search-filter-option{
    display:flex;
    align-items:flex-start;
    gap:9px;
    font-size:14px;
    line-height:1.4;
    margin:0;
    padding:7px 0;
    cursor:pointer
}
.search-filter-option input{
    margin-top:3px;
    flex-shrink:0;
    accent-color:#257043
}
.search-price-form label{
    display:block;
    font-size:14px
}
.search-price-form-row{
    display:flex;
    gap:6px
}
.search-price-form-row input{
    width:100%;
    min-width:0;
    border:1px solid #b6c4bc;
    padding:8px;
    border-radius:5px;
    font-size:16px
}
.search-price-form-row .btn{
    min-width:0;
    padding:8px
}
.search-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:14px
}
.search-toolbar label{
    font-size:14px;
    margin-right:8px
}
.search-toolbar select{
    font-size:14px;
    border:1px solid #b6c4bc;
    border-radius:5px;
    padding:10px;
    background:#fff
}
.search-status{
    font-size:16px;
    font-weight:600;
    margin:0;
    scroll-margin-top:90px
}
.search-active-filters{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:16px
}
.search-chip{
    border:1px solid #b4cdbb;
    background:#eff7f1;
    color:#245d38;
    font-size:13px;
    border-radius:20px;
    padding:7px 12px;
    cursor:pointer
}
.search-clear{
    font-size:14px;
    border:0;
    background:none;
    text-decoration:underline;
    padding:12px 0;
    color:#245d38;
    cursor:pointer
}
.search-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    min-height:150px
}
.search-layout>section{
    min-width:0;
    container-type:inline-size;
    container-name:search-results
}
@container search-results (min-width:570px){
    .search-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container search-results (min-width:780px){
    .search-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container search-results (min-width:990px){
    .search-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
.search-card{
    border:1px solid #e0e7e2;
    border-radius:10px;
    overflow:hidden;
    background:white;
    display:flex;
    flex-direction:column
}
.search-card-image{
    display:flex;
    justify-content:center;
    padding:10px;
    background:#fff
}
.search-card-image img{
    object-fit:contain;
    width:100%;
    height:135px
}
.search-card-body{
    padding:12px;
    display:flex;
    flex-direction:column;
    flex:1
}
.search-card h2{
    font-size:14px;
    line-height:1.35;
    font-weight:600;
    margin:0 0 7px;
    overflow-wrap:anywhere
}
.search-card h2 a{
    color:inherit
}
.search-brand{
    font-size:12px;
    color:#557260;
    font-weight:600;
    margin-bottom:5px
}
.search-code{
    font-size:12px;
    color:#617068;
    overflow-wrap:anywhere;
    margin-bottom:8px
}
.search-price{
    font-size:20px;
    font-weight:600;
    color:#246d3d;
    margin:0 0 4px
}
.search-price-note{
    font-size:12px;
    line-height:1.5;
    color:#536058;
    margin-bottom:10px
}
.search-card-action{
    margin-top:auto;
    min-width:0;
    padding:8px;
    font-size:13px;
    white-space:normal
}
.search-pagination{
    display:flex;
    gap:6px;
    justify-content:center;
    align-items:center;
    margin-top:26px;
    flex-wrap:wrap
}
.search-page{
    padding:9px 13px;
    min-width:40px;
    text-align:center;
    border:1px solid #d8e1da;
    border-radius:5px;
    color:#285c39
}
.search-page[aria-current=page]{
    background:#286e42;
    color:#fff
}
.search-message{
    grid-column:1/-1;
    border:1px solid #dce4df;
    border-radius:10px;
    padding:30px;
    background:#f8faf8
}
.search-message h2{
    font-size:22px
}
.search-message p{
    font-size:15px
}
.search-category-link{
    display:block;
    margin-top:18px;
    text-decoration:underline
}
.search-muted{
    font-size:13px;
    color:#64746a
}
.search-noscript{
    padding:20px;
    background:#fff3cc
}
.search-grid[aria-busy=true]{
    opacity:.6
}
@media(max-width:991px){
    .idra-suggestions{grid-template-columns:repeat(3,minmax(0,1fr))}
    .header-middle>.container{
    flex-wrap:wrap
}
.header-middle .header-center{
    order:5;
    flex:0 0 100%;
    max-width:100%;
    margin:12px 0
}
.header-middle .header-search.idra-header-search{
    display:block!important;
    width:100%;
    max-width:none;
    margin:0
}
.idra-header-search .header-search-wrapper{
    width:100%
}
.search-layout{
    grid-template-columns:1fr;
    gap:16px
}
.search-filter-panel{
    padding:14px
}
.search-toolbar{
    align-items:flex-start
}
.search-toolbar>div{
    display:flex;
    align-items:center
}
#idra-search h1{
    font-size:24px
}
.idra-suggestions{
    max-height:55vh
}
.search-card-body{
    padding:12px
}

}
@media(max-width:420px){
    .search-grid{
    gap:10px
}
.search-card-image{
    padding:8px
}
.search-card-image img{
    height:110px
}
.search-card h2{
    font-size:13px
}
.search-price{
    font-size:19px
}
.search-card-action{
    font-size:12px;
    padding:10px 5px
}
.search-code,.search-price-note{
    font-size:11px
}
.search-toolbar{
    display:block
}
.search-toolbar>div{
    margin-top:12px
}
.search-toolbar select{
    flex:1
}

}
@media(prefers-reduced-motion:reduce){
    #idra-search *{
    scroll-behavior:auto!important
}

}

.header-middle .header-center:has(.idra-header-search){
    display:block!important
}

.idra-header-search .header-search-wrapper::before,.idra-header-search .header-search-wrapper::after{
    display:none!important
}

.idra-header-search .search-toggle{
    display:none!important
}
.idra-header-search .header-search-wrapper{
    display:flex!important;
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    opacity:1;
    visibility:visible;
    transform:none;
    width:100%;
    min-width:0;
    margin:0;
    background:#fff
}
.idra-header-search .header-search-wrapper input{
    min-width:0;
    flex:1;
    font-size:16px
}
.idra-header-search .header-search-wrapper .btn{
    min-width:48px;
    padding:0 12px
}
@media(max-width:599px){
    .idra-suggestions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
    .idra-suggestion{padding:10px}
    .idra-suggestion img{height:64px}
}
.search-availability{font-size:12px;line-height:1.4;padding:8px;border-radius:8px;margin:0 0 10px;background:#f3f5f4;color:#536058}
.search-availability strong,.search-availability span{display:block}
.search-availability[data-state=available],.search-availability[data-state=low]{background:#edf7ee;color:#23633b}
.search-availability[data-state=order],.search-availability[data-state=obsolete]{background:#fff5df;color:#795414}