/* S68PILL board #68 (TheDekel 19/10 15:10-15:15 EDT, "it doesn't feel the same"): the step-2 price tag and the end tile's "Loading.." tag
   take the old thedekel.com .price-top exactly, read from its computed styles: Inter 16px REGULAR (400), #000, no bold, a hairline
   0.7px #c9c9c9 border (+0.1px white outline), 25px radius, padding 3px 10px 2px, rgba(255,255,255,.65) glass with only a 0.5px blur,
   shadow 0 4px 6px rgba(0,0,0,.2), no text glow. Position stays where S2GRID put it (12px inside the image's top corner on desktop).
   Phones: same look, one step smaller (13px). CSS only, nothing moves (both tags are absolutely positioned); remove the include to roll back. */
#dgrid .dcard>.price,#dgrid .xend-card .xe-cta.xe-load{font-family:Inter,Assistant,Heebo,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:normal;letter-spacing:normal;
  color:#000;background:rgba(255,255,255,.65);-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);border:.7px solid #c9c9c9;outline:.1px solid #fff;
  border-radius:25px;padding:3px 10px 2px;box-shadow:0 4px 6px rgba(0,0,0,.2);text-shadow:none;white-space:nowrap}
#dgrid .dcard>.price.on-sale{color:#b71c1c}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){ #dgrid .dcard>.price,#dgrid .xend-card .xe-cta.xe-load{background:rgba(255,255,255,.9)} }
@media (prefers-contrast:more){ #dgrid .dcard>.price,#dgrid .xend-card .xe-cta.xe-load{background:#fff;border:1px solid #111} }
@media (max-width:760px){ #dgrid .dcard>.price,#dgrid .xend-card .xe-cta.xe-load{font-size:13px;padding:2px 8px 1px} }
/* C10 (TheDekel 19/10 15:38): in the densest step-2 view (4 per row, #dgrid.d4) the tag is ~15% smaller; position unchanged. */
@media (min-width:761px){ #dgrid.d4 .dcard>.price,#dgrid.d4 .xend-card .xe-cta.xe-load{font-size:14px;padding:2.5px 8.5px 1.5px} }
/* C11 (TheDekel 19/10 15:37, card 68: "move it a bit right, same margin from the side as from the top"). In box terms the tag already sat
   at the same inset from top and side (desktop 27/27 inside the card = 12/12 from the image), but the pill's round end leaves more air
   at the side than its flat top does, so the side gap READ wider. Optical fix: the side inset (inset-inline-end: right in EN, left in HE/YI)
   is pulled in by 2-3px so the visible gaps match; top untouched. Same for the end tile's "Loading.." tag. Remove this block to roll back. */
#dgrid .dcard>.price,#dgrid .xend-card .xe-cta.xe-load{inset-inline-end:16px}
@media (max-width:760px){ #dgrid .xend-card .xe-cta.xe-load{inset-inline-end:12px} }
@media (max-width:600px){ #dgrid .dcard>.price{inset-inline-end:12px} }
@media (min-width:981px){ html body #step2 #dgrid .dcard>.price,html body #step2 #dgrid .xend-card .xe-cta.xe-load{inset-inline-end:24px} }