
:root{--subpage-title-drop:24px}
.subpage-page-title{display:flex;align-items:center;min-height:84px;width:auto;max-width:none;margin:0 0 calc(var(--space-8,32px) + var(--subpage-title-drop));position:relative;top:var(--subpage-title-drop);padding:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:left}
.subpage-page-title h1{max-width:100%;width:max-content;margin:0;padding:0;color:var(--color-secondary-bright);font-family:var(--font-title);font-size:var(--text-3xl);font-weight:700;line-height:.95;text-shadow:0 2px 14px rgba(0,0,0,.48);text-align:left;overflow-wrap:normal}
.subpage-filter-bar{position:absolute;top:var(--subpage-filter-top,calc(100% + 7px));left:var(--subpage-filter-left,auto);width:var(--subpage-filter-width,744px);max-width:calc(100vw - 24px);height:84px;box-sizing:border-box;z-index:3;padding:8px 13px 9px;display:grid;grid-template-rows:14px 1fr;gap:4px;color:#f1f4f5;background:linear-gradient(120deg,rgba(14,30,48,.86),rgba(10,20,38,.70));border:1px solid rgba(133,228,209,.35);border-top:2px solid rgba(169,224,202,.58);border-radius:3px 3px 8px 8px;box-shadow:0 8px 20px #0004;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity 180ms ease,transform 180ms ease,visibility 180ms;font-family:var(--font-body,Arial,sans-serif)}
.subpage-filter-bar::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:8px;background:rgba(17,35,51,.76);clip-path:polygon(0 0,100% 0,100% 40%,91% 65%,79% 45%,69% 100%,57% 58%,41% 80%,30% 40%,15% 70%,0 45%);pointer-events:none}
.subpage-filter-bar .filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin:0;padding:0}
.subpage-filter-bar .filter-head h2{font:600 9px/14px var(--font-body,Arial,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#a6bfcb;margin:0;padding:0;white-space:nowrap}
.subpage-filter-bar .filter-head .filter-results{font:400 10px/14px var(--font-body,Arial,sans-serif)!important;letter-spacing:normal!important;color:#c2d4df!important;text-align:right!important;margin:0!important;padding:0!important;max-width:none!important;min-width:0;position:static;flex:0 1 auto;white-space:nowrap}
.subpage-filter-bar .filter-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:end;gap:8px;min-width:0;margin:0;padding:0}
.subpage-filter-bar.filter-bar--news .filter-controls{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto}
.subpage-filter-bar .filter-field{display:grid;grid-template-rows:12px 34px;gap:3px;min-width:0;margin:0;padding:0}
.subpage-filter-bar .filter-field label{font:400 10px/12px var(--font-body,Arial,sans-serif);letter-spacing:normal;color:#c4d1dc;margin:0;padding:0}
.subpage-filter-bar :is(select,input){appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;height:34px;min-height:34px;min-width:0;margin:0;padding:6px 28px 6px 10px;font:500 11px/1.3 var(--font-body,Arial,sans-serif);letter-spacing:normal;background-color:rgba(9,19,34,.8);border:1px solid #99ddca55;border-radius:99px;color:#f0f8fa;box-shadow:none;color-scheme:dark}
.subpage-filter-bar select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23b8bfd6' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}
.subpage-filter-bar input{padding-right:10px}.subpage-filter-bar input::placeholder{color:#a3b6c6;opacity:1}.subpage-filter-bar select option{background:#132237;color:#f0f8fa}
.subpage-filter-bar button{box-sizing:border-box;min-height:34px;height:34px;margin:0;padding:6px 9px;font:500 10px/1.3 var(--font-body,Arial,sans-serif);letter-spacing:normal;white-space:nowrap;background:rgba(93,224,196,.08);border:1px solid #99ddca55;border-radius:99px;color:#d6f5ed;box-shadow:none;cursor:pointer}
.subpage-filter-bar :is(select,input,button):hover{border-color:#a6dfcb}.subpage-filter-bar :is(select,input,button):focus-visible{outline:2px solid #e1c37e;outline-offset:3px}
.subpage-filter-bar.is-collapsed{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-9px)}
:is(.catalog-hero-panel,.ies-news-page){padding-top:max(clamp(2.25rem,2.5vw,2.9rem),var(--subpage-filter-clearance,0px))!important}
html.subpage-title-beside-filter :is(.catalog-hero-panel,.ies-news-page){padding-top:7px!important}
html.subpage-title-beside-filter .subpage-page-title{width:var(--subpage-title-width);min-height:84px}
.ies-news-card[hidden],.news-filter-empty[hidden],.catalog-card[hidden],.ies-empty[hidden]{display:none!important}.news-filter-empty,.ies-empty{color:var(--color-text-muted);padding:20px;border:1px dashed var(--color-border);border-radius:8px}
@media(max-width:768px){.subpage-page-title h1{font-size:clamp(1.9rem,8.5vw,2.55rem);line-height:1}}
@media(max-width:430px){.subpage-page-title h1{font-size:clamp(2rem,10vw,3rem)}}
@media(max-width:600px){.subpage-filter-bar{height:auto;min-height:84px;padding:10px 12px 13px;grid-template-rows:auto 1fr;gap:8px}.subpage-filter-bar .filter-head{align-items:start;gap:8px}.subpage-filter-bar .filter-head h2{white-space:normal}.subpage-filter-bar .filter-head .filter-results{font-size:10px!important;white-space:normal}.subpage-filter-bar .filter-controls,.subpage-filter-bar.filter-bar--news .filter-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.subpage-filter-bar .filter-field{grid-template-rows:12px 42px}.subpage-filter-bar :is(input,select){font-size:16px;height:42px;min-height:42px}.subpage-filter-bar button{height:40px;min-height:40px;font-size:11px;white-space:normal}.filter-bar--news #news-clear{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.subpage-filter-bar{transition:none}}
