/* 4b42 searchable product directory table */
.ec-catalog .ec-shell{max-width:1380px}
.ec-product-directory{border:1px solid var(--ec-line,#dce3ea);border-radius:6px;background:var(--ec-white,#fff);overflow:hidden}
.ec-directory-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:20px 22px;border-bottom:1px solid var(--ec-line,#dce3ea);background:var(--ec-soft,#f5f8fb)}
.ec-directory-toolbar h2{margin:5px 0 0;font-size:22px;letter-spacing:-.03em}
.ec-product-search{display:grid;gap:6px;width:min(520px,100%)}.ec-product-search>label{color:var(--ec-muted,#617083);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ec-product-search>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;border:1px solid var(--ec-line,#dce3ea);background:var(--ec-white,#fff)}.ec-product-search>div>i{color:var(--ec-blue,#004c97);text-align:center}.ec-product-search input{min-width:0;height:42px;border:0;background:transparent;color:var(--ec-ink,#162334);outline:0;font-size:12px}.ec-product-search button,.ec-product-search a{display:grid;place-items:center;height:42px;border:0;border-left:1px solid var(--ec-line,#dce3ea);background:var(--ec-blue,#004c97);padding:0 17px;color:#fff;font-size:9px;font-weight:850;text-transform:uppercase;cursor:pointer}.ec-product-search a{width:42px;padding:0;background:transparent;color:var(--ec-blue,#004c97)}
.ec-product-table-wrap{width:100%;overflow:visible}.ec-product-table{width:100%;border-collapse:collapse;table-layout:fixed}.ec-product-table th{padding:11px 13px;background:color-mix(in srgb,var(--ec-soft,#f5f8fb) 70%,var(--ec-white,#fff));color:var(--ec-muted,#617083);font:800 8px ui-monospace,monospace;letter-spacing:.09em;text-align:left}.ec-product-table th:nth-child(1){width:22%}.ec-product-table th:nth-child(2){width:12%}.ec-product-table th:nth-child(3){width:23%}.ec-product-table th:nth-child(4){width:13%}.ec-product-table th:nth-child(5){width:10%}.ec-product-table th:nth-child(6){width:11%}.ec-product-table th:nth-child(7){width:9%}.ec-product-table td{padding:14px 13px;border-top:1px solid var(--ec-line,#dce3ea);color:var(--ec-ink,#162334);font-size:11px;vertical-align:middle;overflow-wrap:anywhere}.ec-product-table tbody tr:hover{background:color-mix(in srgb,var(--ec-blue,#004c97) 3%,var(--ec-white,#fff))}.ec-product-table td>strong,.ec-product-table td>small{display:block}.ec-product-table td>small{margin-top:4px;color:var(--ec-muted,#617083);font-size:9px;line-height:1.35}
.ec-product-name{display:flex;align-items:center;gap:11px;color:var(--ec-ink,#162334);text-decoration:none}.ec-product-name>i{display:grid;width:35px;height:35px;flex:none;place-items:center;border-radius:4px;background:color-mix(in srgb,var(--ec-blue,#004c97) 8%,var(--ec-white,#fff));color:var(--ec-blue,#004c97)}.ec-product-name span,.ec-product-name strong,.ec-product-name small{display:block;min-width:0}.ec-product-name strong{font-size:12px;line-height:1.3}.ec-product-name small{margin-top:3px;color:var(--ec-muted,#617083);font:700 8px ui-monospace,monospace}.ec-product-name:hover strong{color:var(--ec-blue,#004c97)}
.ec-product-category{color:var(--ec-blue,#004c97);font:800 9px ui-monospace,monospace;text-transform:uppercase}.ec-product-specs{display:grid;gap:4px}.ec-product-specs span{color:var(--ec-muted,#617083);font-size:9px;line-height:1.35}.ec-product-specs b{margin-right:5px;color:var(--ec-ink,#162334)}.ec-product-price{font-size:14px}.ec-product-price small{font-size:9px;color:var(--ec-muted,#617083)}.ec-product-state{display:inline-flex;align-items:center;gap:6px;color:#168a5b;font-size:9px;font-weight:800}.ec-product-state i{width:7px;height:7px;border-radius:50%;background:#22a06b}.ec-product-open{display:inline-flex;align-items:center;gap:7px;color:var(--ec-blue,#004c97);font-size:9px;font-weight:850;text-decoration:none}.ec-product-open:hover{text-decoration:underline}.ec-product-empty{text-align:center!important;padding:42px!important}.ec-product-empty i,.ec-product-empty strong,.ec-product-empty span{display:block}.ec-product-empty i{color:var(--ec-blue,#004c97);font-size:20px}.ec-product-empty strong{margin-top:9px}.ec-product-empty span{margin-top:4px;color:var(--ec-muted,#617083)}
[data-theme=dark] .ec-product-directory{background:var(--tc-white,#111b27)}[data-theme=dark] .ec-directory-toolbar,[data-theme=dark] .ec-product-table th{background:#132231}[data-theme=dark] .ec-product-search>div{background:#111b27}
@media(max-width:900px){.ec-directory-toolbar{align-items:stretch;flex-direction:column}.ec-product-search{width:100%}.ec-product-table th:nth-child(2),.ec-product-table td:nth-child(2),.ec-product-table th:nth-child(6),.ec-product-table td:nth-child(6){display:none}.ec-product-table th:nth-child(1){width:25%}.ec-product-table th:nth-child(3){width:27%}.ec-product-table th:nth-child(4){width:16%}.ec-product-table th:nth-child(5){width:14%}.ec-product-table th:nth-child(7){width:18%}}
@media(max-width:620px){.ec-product-directory{border-inline:0;border-radius:0}.ec-directory-toolbar{padding:17px 14px}.ec-product-search>div{grid-template-columns:31px minmax(0,1fr) 42px auto}.ec-product-search button{width:42px;padding:0;font-size:0}.ec-product-search button:after{content:'→';font-size:14px}.ec-product-table,.ec-product-table tbody,.ec-product-table tr,.ec-product-table td{display:block;width:100%}.ec-product-table thead{display:none}.ec-product-table tr{padding:13px 14px;border-top:1px solid var(--ec-line,#dce3ea)}.ec-product-table tr:first-child{border-top:0}.ec-product-table td,.ec-product-table td:nth-child(2),.ec-product-table td:nth-child(6){display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:7px 0;border:0}.ec-product-table td:before{content:attr(data-label);color:var(--ec-muted,#617083);font:800 8px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.ec-product-table td:first-child{padding-top:0}.ec-product-table td:first-child:before{display:none}.ec-product-table td:first-child{grid-template-columns:1fr}.ec-product-table td:last-child{padding-bottom:0}.ec-product-open{min-height:37px;justify-content:center;border:1px solid var(--ec-blue,#004c97)}.ec-product-empty{display:block!important}}
