/* The price is exact, not a starting price: "from" is crossed out with a marker and "ONLY" is stamped beside it
   (owner, 2026-10-01). Markup: views/v14/home.php #pricing. Motion: price-only.js (plays once when the price is in view). */
.price-only{display:flex;align-items:center;gap:clamp(12px,1.2vw,18px);margin:0 0 clamp(14px,1.4vw,20px);padding-left:.08em;line-height:1;-webkit-user-select:none;user-select:none}
.po-from{position:relative;display:inline-block;font-size:clamp(22px,2.3vw,34px);font-weight:400;letter-spacing:-.01em;color:#9aa1a5}
.po-strike{position:absolute;left:-.22em;top:.16em;width:2.5em;height:.7em;overflow:visible;pointer-events:none}
.po-strike path{fill:none;stroke:#ff750b;stroke-width:13;stroke-linecap:round;stroke-linejoin:round}
.po-strike path+path{stroke-width:8;opacity:.8}
.po-only{display:inline-block;padding:.2em .42em .14em .62em;border:.14em solid #ff750b;border-radius:.14em;font-size:clamp(21px,2.4vw,36px);font-weight:800;letter-spacing:.2em;line-height:1;color:#ff750b;text-transform:uppercase;transform:rotate(-7deg);transform-origin:50% 60%;filter:url(#po-ink)}
.po-defs{position:absolute;width:0;height:0;overflow:hidden}
.po-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* motion: price-only.js adds po-armed (start state), then is-in when the price comes into view */
.price-only.po-armed .po-strike path{stroke-dasharray:100;stroke-dashoffset:100}
.price-only.po-armed .po-only{opacity:0;transform:rotate(-20deg) scale(2)}
.price-only.po-armed.is-in .po-strike path{stroke-dashoffset:0;transition:stroke-dashoffset .36s cubic-bezier(.3,.7,.4,1)}
.price-only.po-armed.is-in .po-strike path+path{transition-delay:.22s}
.price-only.po-armed.is-in .po-only{opacity:1;transform:rotate(-7deg) scale(1);transition:opacity .08s .7s,transform .34s .7s cubic-bezier(.2,1.65,.4,1)}
@media(max-width:760px){.price-only{margin-top:34px}}
@media (prefers-reduced-motion:reduce){.price-only.po-armed .po-strike path{stroke-dashoffset:0}.price-only.po-armed .po-only{opacity:1;transform:rotate(-7deg)}}
