/* Readable, consistent controls for the catalogue search form. */
#filters{padding:26px;gap:24px;background:#eef1e7}
#filters label{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:600;line-height:1.4}
#filters .filter-search{width:100%}
#filters .filter-search label{margin-bottom:9px}
#filters input,#filters select{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:block;width:100%;height:52px;min-height:52px;margin:0;padding:12px 14px;border:1px solid #b9c7bb;border-radius:10px;background-color:#fff;color:#17362d;font:400 16px/1.4 'DM Sans','Noto Sans Arabic',sans-serif;box-shadow:0 1px 2px #17362d05}
#filters input::placeholder{color:#69776e;opacity:1}
#filters select{padding-inline-end:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2317362d' stroke-width='1.8'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
[dir=rtl] #filters select{background-position:left 14px center}
#filters input[type=number]{appearance:textfield;-moz-appearance:textfield}
#filters input::-webkit-inner-spin-button,#filters input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#filters input:hover,#filters select:hover{border-color:#71856f}
#filters input:focus-visible,#filters select:focus-visible{outline:3px solid #678a39;outline-offset:2px;border-color:#678a39}
#filters .filter-fields{grid-template-columns:1fr 1.4fr .85fr .85fr .85fr 1.15fr;gap:16px}
#filters .filter-actions{gap:22px;font-size:15px}
#filters .filter-actions .button{min-height:52px;padding:13px 25px;font-size:15px}
#filters .filter-actions a{padding-block:12px;text-decoration:underline;text-underline-offset:4px}
#filters .filters-detail summary{font-size:16px;font-weight:600}
@media(max-width:1100px){#filters .filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#filters{padding:20px;gap:20px}#filters .filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}#filters .filter-actions{width:100%;justify-content:space-between;gap:12px}#filters label{font-size:14px}}
@media(max-width:360px){#filters .filter-fields{grid-template-columns:1fr}}