/* Stars are temporary selections; wishlist hearts live on the product detail. */
.op-selected-scope [hidden], .op-select-toggle[hidden], .op-selected-toast[hidden] { display: none !important; }
.op-selected-scope { min-width: 0; }
.op-shop-brand-grid article, .op-selected-card { position: relative; }
button.op-select-toggle {
    position: absolute; z-index: 2; top: 12px; inset-inline-end: 12px;
    display: grid; place-items: center; width: 44px; height: 44px; padding: 9px; margin: 0;
    border: 1px solid #d3dac7; border-radius: 50%; background: #fffffff2; color: #45552b;
    cursor: pointer; box-shadow: 0 2px 7px #24301812;
}
.op-select-toggle svg { width: 23px; height: 23px; }
.op-select-toggle[aria-pressed="true"] svg, [data-op-selected-filter][aria-pressed="true"] svg { fill: currentColor; }
.op-select-toggle:focus-visible, .op-selected-scope button:focus-visible, .op-selected-card a:focus-visible { outline: 2px solid #45552b; outline-offset: 3px; }
.op-selected-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-block: 16px; }
.op-selected-tools button, [data-op-selected-retry], [data-op-selected-remove] { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 16px; border: 1px solid #cbd3bd; border-radius: 24px; background: #fafaf5; color: #354323; cursor: pointer; font: inherit; font-size: 14px; }
.op-selected-tools button[aria-pressed="true"] { background: #45552b; border-color: #45552b; color: #fff; }
[data-op-selected-count] { direction: ltr; unicode-bidi: isolate; }
.op-selected-note { line-height: 1.7; color: #59644b; margin-block: 16px; }
.op-selected-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.op-selected-card { min-width: 0; padding: 12px; border: 1px solid #dce1d2; border-radius: 10px; }
.op-selected-card > a { display: flex; flex-direction: column; height: 100%; gap: 12px; }
.op-selected-card img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #fff; }
.op-selected-card h3 { font-size: 17px; line-height: 1.45; margin: 0; overflow-wrap: anywhere; }
.op-selected-card a > span { font-size: 13px; margin-top: auto; padding-block: 6px; }
.op-selected-toast { position: fixed; z-index: 140; inset-inline: 16px; bottom: max(16px, env(safe-area-inset-bottom)); margin: 0 auto; width: fit-content; max-width: min(460px, calc(100% - 32px)); padding: 12px 18px; border: 1px solid #bdc7ab; border-radius: 12px; background: #faf9f4; color: #26311d; line-height: 1.6; box-shadow: 0 4px 20px #0002; }
html[dir="rtl"] :is(.op-selected-scope, .op-selected-toast) { font-family: "OP Arabic", Tahoma, sans-serif; }
@media (max-width: 900px) { .op-selected-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .op-selected-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .op-selected-card { padding: 8px; } .op-selected-card h3 { font-size: 15px; } button.op-select-toggle { top: 8px; inset-inline-end: 8px; } }
@media (max-width: 340px) { .op-selected-grid { grid-template-columns: minmax(0, 1fr); } }