/* Bespoke controls share one visual language in English and Arabic. */
.shop-tools{position:relative;overflow:visible;align-items:stretch}
.custom-search-field{display:flex;align-items:center;min-width:220px}
.custom-search-field>.icon{pointer-events:none;top:50%;transform:translateY(-50%);z-index:1}
.custom-search{width:100%;min-width:0;min-height:45px;border:1px solid #cfc4bd;background:transparent;padding:13px 15px 13px 42px;color:#30212a;font-family:var(--sans);font-size:11px;line-height:1.65;text-align:start;white-space:nowrap;overflow-x:auto;scrollbar-width:none;cursor:text;caret-color:#4c0f23;transition:border-color .2s,background .2s,box-shadow .2s}
.custom-search:empty:before{content:attr(data-placeholder);color:#8a7b7e;pointer-events:none}
.custom-search:focus{outline:none;border-color:#6d3447;background:#faf7f1;box-shadow:0 0 0 2px #4c0f230c}
.custom-picker{position:relative;flex:0 1 190px;min-width:145px;max-width:100%;font-family:var(--sans);font-size:11px;z-index:4}
.custom-picker.is-open{z-index:8}
.custom-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:17px;width:100%;height:100%;min-height:45px;border:1px solid #cfc4bd;padding:13px 14px;background:transparent;color:#30212a;font:inherit;line-height:1.65;text-align:start;cursor:pointer;transition:border-color .2s,background .2s}
.custom-picker-trigger:hover,.custom-picker.is-open .custom-picker-trigger{background:#faf7f1;border-color:#845967}
.custom-picker-trigger:focus-visible{outline:2px solid #4c0f23;outline-offset:3px}
.custom-picker-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.custom-picker-chevron{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform .2s}
.custom-picker.is-open .custom-picker-chevron{transform:rotate(180deg)}
.custom-picker-options{position:absolute;inset-inline:0;top:calc(100% + 6px);padding:5px;max-height:var(--picker-space,310px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #cdbfc0;background:#f7f3ed;box-shadow:0 12px 30px #28121d24;scrollbar-width:thin;scrollbar-color:#b9a3ab transparent}
.custom-picker-options[hidden]{display:none}
.custom-picker.opens-up .custom-picker-options{top:auto;bottom:calc(100% + 6px)}
.custom-picker-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:transparent;color:#4d3d44;padding:12px 10px;text-align:start;font:inherit;line-height:1.5;cursor:pointer}
.custom-picker-option+.custom-picker-option{border-top:1px solid #d7cace70}
.custom-picker-option .icon{width:13px;height:13px;flex:none;opacity:0;stroke-width:1.5}
.custom-picker-option[aria-selected=true]{color:#4c0f23;background:#eadddf75}
.custom-picker-option[aria-selected=true] .icon{opacity:1}
.custom-picker-option:hover,.custom-picker-option:focus-visible{outline:none;background:#4c0f23;color:#fff6ef}
html[dir=rtl] .custom-search{padding:13px 42px 13px 15px}
@media(max-width:900px){.custom-picker{flex-basis:170px;min-width:140px}}
@media(max-width:600px){.custom-search-field{flex-basis:100%;min-width:0}.custom-search{min-height:45px;font-size:11px;padding-top:13px;padding-bottom:13px}.custom-picker{flex:1 1 0;min-width:0;font-size:10px}.custom-picker-trigger{gap:8px;padding:12px 11px;min-height:43px}.custom-picker-options{max-height:min(var(--picker-space,270px),43svh);padding:4px}.custom-picker-option{padding:13px 9px;font-size:10px}}