[data-catalog-search]{max-width:1200px;margin:0 0 28px;padding:24px;background:var(--off-white);border:1px solid var(--border);border-radius:18px;color:var(--dark)}
#work-main>[data-catalog-search]{margin-top:30px}
.catalog-search label{display:block;font-size:1.15rem;font-weight:900;margin-bottom:8px}
.catalog-search .search-hint{font-size:.88rem;color:var(--muted);margin-bottom:14px}
.search-controls{display:flex;gap:10px;align-items:center}
.search-controls input{min-width:0;flex:1;width:100%;padding:14px 16px;border:1px solid #9b978d;border-radius:10px;font:inherit;font-size:16px;background:white;color:var(--dark);margin:0}
.catalog-search button{font:inherit;cursor:pointer;border:1px solid var(--border);background:white;color:var(--dark);border-radius:9px;padding:10px 14px;min-height:44px;font-weight:700}
.search-filters{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.search-filters button[aria-pressed=true],.search-filters a[aria-current=page]{background:var(--dark);color:white;border-color:var(--dark)}
.search-filters a{border:1px solid var(--border);border-radius:9px;padding:10px 14px;min-height:44px;font-weight:700;font-size:.9rem;background:white}
.catalog-search [role=status]{font-size:.85rem;color:var(--muted);margin-top:12px;min-height:1.5em}
.search-empty{border-top:1px solid var(--border);padding-top:18px;margin-top:14px}
.search-empty p{margin:6px 0 14px;font-size:.93rem}.search-empty a{text-decoration:underline;text-underline-offset:3px;margin-left:12px}
.work-section[hidden],.work-group[hidden],.work-group li[hidden],.work-machine[hidden],.plodina-card[hidden],.stroj-card[hidden],.catalog-search [hidden],.catalog-search[hidden]{display:none!important}
@media(max-width:480px){[data-catalog-search]{padding:18px;margin-bottom:22px}.search-controls{flex-wrap:wrap}.search-controls input{flex-basis:100%}.search-filters{gap:6px}.search-filters button{font-size:.83rem;padding:9px 11px}.search-empty a{display:inline-block;margin:12px 0 0}}
/* Search panel styling. */
.catalog-search{position:relative;background:#fdf3e0;border-color:#eddfc3;border-bottom:0;border-radius:24px 24px 0 0;margin-bottom:48px;isolation:isolate}
.catalog-search::after{content:'';position:absolute;pointer-events:none;left:-1px;right:-1px;top:calc(100% - 1px);height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath fill='%23fdf3e0' d='M0 0H1200V17C950 55 830 0 600 20S210 47 0 16Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.search-controls{position:relative}
.search-controls::before{content:'';pointer-events:none;position:absolute;z-index:1;left:17px;top:18px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23a6761e' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E") center/contain no-repeat}
.search-controls input{padding-left:48px;border-color:#c5b99f}
.search-controls input:focus{border-color:var(--gold);outline:2px solid var(--gold);outline-offset:2px;box-shadow:0 0 0 6px #c8922a12}
.search-filters button,.search-filters a{border-radius:100px}
@media(prefers-reduced-motion:no-preference){
 .catalog-search{transition:box-shadow .3s ease,border-color .3s ease}
 .catalog-search:focus-within{box-shadow:0 -5px 28px #b7821610;border-color:var(--gold)}
 .search-controls input{transition:border-color .25s ease,box-shadow .25s ease}
 .search-controls::before{transition:rotate .3s ease,scale .3s ease}
 .search-controls:focus-within::before{rotate:-12deg;scale:1.12}
 .search-filters button,.search-filters a,.catalog-search [data-clear],.catalog-search [data-reset]{transition:background .22s ease,color .22s ease,translate .22s ease,box-shadow .22s ease}
 .search-filters button:active,.search-filters a:active{translate:0 1px}
 .search-filters button[aria-pressed=true]{box-shadow:0 4px 12px #0f0f0f20}
 @media(hover:hover){.search-filters button:hover,.search-filters a:hover,.catalog-search [data-clear]:hover{translate:0 -2px;box-shadow:0 4px 12px #a6761e18}}
}
@media(max-width:768px){.catalog-search{margin-bottom:40px}.catalog-search::after{height:18px}}

/* Plain dark introduction with a straight edge. */
.catalog-page .page-hero,.catalog-page .work-hero{background:var(--dark)}
.catalog-page .page-hero::before{background:none}

/* Solid black and white wave, without gradients or a colored layer. */
.catalog-wave{background:var(--dark);line-height:0;overflow:hidden;margin-top:-1px}
.catalog-wave svg{display:block;width:100%;height:64px}
@media(max-width:768px){.catalog-wave svg{height:38px}}