/* Origin marks deliberately occupy the photo's physical top-left corner,
   opposite the existing price in both RTL and LTR. */
.card-img .card-origin{position:absolute;z-index:3;top:0.5rem;left:0.5rem;display:flex;align-items:center;gap:0.25rem;width:max-content;max-width:44%;margin:0;line-height:1;color:var(--ink);font-size:0.75rem;transform:var(--flag-transform,none);}
.card-origin-mark{display:block;position:relative;flex:none;box-sizing:border-box;width:var(--flag-width,2.25rem);aspect-ratio:var(--flag-ratio,1);border:2px solid var(--paper,#fff);border-style:var(--flag-border,solid);border-radius:var(--flag-radius,50%);clip-path:var(--flag-clip,none);background:var(--paper,#fff);box-shadow:0 2px 6px #0003;}
.card-origin-mark .card-origin-flag{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;padding:0;border:0;border-radius:inherit;box-shadow:none;}
.card-img .card-origin .card-origin-name{display:var(--flag-name-display,none);position:var(--flag-name-position,absolute);left:0;top:calc(100% + 0.25rem);z-index:4;max-width:8rem;padding:0.3rem 0.4rem;border-radius:var(--r-control,0.4rem);background:var(--paper,#fff);color:var(--ink);font-size:0.75rem;line-height:1.4;white-space:normal;box-shadow:0 2px 6px #0003;}
.card-origin:hover .card-origin-name,.card-origin:focus .card-origin-name{display:block;}
.card-origin:focus-visible{outline:var(--focus-ring-width,2px) solid var(--focus-ring,#0B5FFF);outline-offset:2px;}
html .card-img:has(>.card-origin)>.price-tag{max-width:calc(100% - var(--flag-width,2.25rem) - 1.25rem);}
html .card-img:has(>.card-origin)>.kashrut-tab{top:3.25rem;}
.origin-preview{display:inline-flex;position:relative;align-items:center;justify-content:center;min-width:3rem;min-height:3rem;transform:var(--flag-transform,none);}
.appearance-sample.ap-originStyle{background:transparent;color:var(--ink);padding:0;}
[data-origin-style="default"]{--flag-radius:50%;--flag-clip:none;--flag-transform:none;--flag-width:2.25rem;--flag-ratio:1;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="circle"]{--flag-radius:50%;--flag-clip:none;--flag-transform:none;--flag-width:2.25rem;--flag-ratio:1;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="wave"]{--flag-radius:10%;--flag-clip:polygon(0 8%,25% 0,55% 10%,100% 0,100% 90%,70% 100%,40% 90%,0 100%);--flag-transform:rotate(-5deg);--flag-width:2.6rem;--flag-ratio:1.2;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="rectangle"]{--flag-radius:var(--r-control,0.4rem);--flag-clip:none;--flag-transform:none;--flag-width:2.75rem;--flag-ratio:1.33;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="shield"]{--flag-radius:12%;--flag-clip:polygon(0 0,100% 0,90% 68%,50% 100%,10% 68%);--flag-transform:none;--flag-width:2.4rem;--flag-ratio:0.9;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="heart"]{--flag-radius:0;--flag-clip:polygon(50% 95%,5% 45%,0 25%,12% 7%,32% 3%,50% 20%,68% 3%,88% 7%,100% 25%,95% 45%);--flag-transform:none;--flag-width:2.5rem;--flag-ratio:1;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="bookmark"]{--flag-radius:0;--flag-clip:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);--flag-transform:none;--flag-width:1.75rem;--flag-ratio:0.65;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="label"]{--flag-radius:var(--r-control,0.4rem);--flag-clip:none;--flag-transform:none;--flag-width:2.5rem;--flag-ratio:1.33;--flag-border:solid;--flag-name-display:block;--flag-name-position:static;--flag-pole-display:none;}
[data-origin-style="brush"]{--flag-radius:0;--flag-clip:polygon(8% 10%,100% 0,88% 20%,100% 30%,90% 45%,98% 65%,82% 80%,95% 90%,0 100%,12% 80%,0 65%,10% 50%,0 30%,15% 20%);--flag-transform:rotate(-8deg);--flag-width:2.75rem;--flag-ratio:1.25;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="seal"]{--flag-radius:50%;--flag-clip:polygon(50% 0,60% 10%,75% 5%,80% 20%,95% 25%,90% 40%,100% 50%,90% 60%,95% 75%,80% 80%,75% 95%,60% 90%,50% 100%,40% 90%,25% 95%,20% 80%,5% 75%,10% 60%,0 50%,10% 40%,5% 25%,20% 20%,25% 5%,40% 10%);--flag-transform:none;--flag-width:2.6rem;--flag-ratio:1;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="pole"]{--flag-radius:0;--flag-clip:none;--flag-transform:rotate(-3deg);--flag-width:2.5rem;--flag-ratio:1.33;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:block;}
[data-origin-style="sash"]{--flag-radius:0;--flag-clip:polygon(10% 0,100% 0,90% 100%,0 100%);--flag-transform:rotate(-35deg);--flag-width:3rem;--flag-ratio:2;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="stitched"]{--flag-radius:50%;--flag-clip:none;--flag-transform:none;--flag-width:2.4rem;--flag-ratio:1;--flag-border:dashed;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="mini"]{--flag-radius:var(--r-control,0.4rem);--flag-clip:none;--flag-transform:none;--flag-width:1.75rem;--flag-ratio:1.33;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
[data-origin-style="swipe"]{--flag-radius:0;--flag-clip:polygon(0 20%,100% 0,90% 70%,5% 100%);--flag-transform:rotate(-8deg);--flag-width:2.75rem;--flag-ratio:1.4;--flag-border:solid;--flag-name-display:none;--flag-name-position:absolute;--flag-pole-display:none;}
.card-origin-mark::before{display:var(--flag-pole-display,none);content:"";position:absolute;left:-0.3rem;top:-0.15rem;width:0.15rem;height:150%;background:var(--gold,currentColor);border-radius:var(--r-control,0.2rem);}
@supports(width:1cqw){.card-img .card-origin-mark{width:min(var(--flag-width,2.25rem),26cqw);}html .card-img:has(>.card-origin)>.price-tag{max-width:calc(100% - min(var(--flag-width,2.25rem),26cqw) - 1.25rem);}}
html .card-img:has(.card-origin[data-origin-style="label"])>.price-tag,html[data-origin-style="label"] .card-img:has(>.card-origin)>.price-tag{max-width:42%;}
html[data-catalog-style="boutique"] .card-img:has(.card-origin) .boutique-favorite{left:auto;right:0.5rem;top:auto;bottom:0.5rem;}

.card-img .card-origin,.origin-preview{filter:drop-shadow(0 1px 2px #0003);}

.card-img .card-origin .card-origin-mark{overflow:visible;}
/* Owner list 28.10, item 6 («הדגל תמיד על המוצר»): the flag never sits on a control.
   In the product sheet it leaves the price box (where it lay on the ק"ג/יח' toggle) for the
   category line (app/rich-content.js); on a boutique card it steps below the ⓘ button. */
.rich-product-category{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;}
.rich-product-category .card-origin{display:inline-flex;align-items:center;gap:0.375rem;position:static;margin:0;font-size:0.8125rem;color:var(--ink-soft,var(--ink));}
.rich-product-category .card-origin-mark{width:1.5rem;}
.rich-product-category .card-origin-name{display:inline;}
html[data-catalog-style="boutique"] .card:has(>.product-details-open)>.card-img>.card-origin{top:3.25rem;}