/* price-note.css: the "prices are a guide only" note next to every price block (tracker 48).
   Build step 83 copies this file to /el/price-note.css and links it on each page that shows a price.
   Uses the site's own colours (07-live-stage.css: --gold, --dim, --serif), with fallbacks.
   Logical sides (inline-start), so the gold edge and the "i" sit on the right on Arabic and Hebrew pages. */
.price-note{position:relative;max-width:46rem;margin:1.1rem 0 1.4rem;padding:.68rem 1rem;padding-inline-start:2.65rem;
  border:1px solid rgba(242,184,76,.24);border-inline-start:3px solid var(--gold,#f2b84c);border-radius:12px;
  background:rgba(242,184,76,.06);color:var(--dim,#b6afc6);font-size:.92rem;line-height:1.5;text-align:start;}
.price-note::before{content:"i";content:"i"/"";position:absolute;inset-inline-start:.85rem;top:.8rem;
  width:1.15rem;height:1.15rem;border:1.5px solid var(--gold,#f2b84c);border-radius:50%;box-sizing:border-box;
  color:var(--gold,#f2b84c);font:italic 700 .72rem/1rem var(--serif,Georgia,serif);text-align:center;}
.phero .price-note{margin:.9rem 0 1.1rem;}
@media (max-width:560px){.price-note{font-size:.88rem;padding:.62rem .85rem;padding-inline-start:2.4rem;}
  .price-note::before{inset-inline-start:.7rem;top:.72rem;}}