/* Filmly, footage-first (2026-09-29, round 3; Filmly 1.0 refresh 2026-10-01). The footage does the selling: a full-screen
   hero where each Filmly look wipes in over the last, two big before and afters, then one shot in the 10 release looks with a
   row to flip through.
   Film art direction kept from the earlier Filmly rounds: warm film-black page with a baked grain tile, Instrument Serif
   headings with a halation-orange italic accent line, Inter body, the storefront orange button. */
html:has(body[data-rystal-page="filmly"]){background:#0c0b0a}
body[data-rystal-page="filmly"]{background:#0c0b0a}
body.house-dark[data-rystal-page="filmly"] main{background:#0c0b0a url("media/grain.png") repeat;background-size:160px}
html body.rystal-netlify-storefront[data-rystal-page="filmly"] .rystal-site-nav{background:rgba(12,11,10,.94)!important}
html body.rystal-netlify-storefront[data-rystal-page="filmly"] .rystal-site-footer{background:#0a0909!important}
/* The round cart button (site-wide cart, unchanged): while the sticky Add to cart bar is up, it docks into the empty right
   end of that bar instead of floating over the page, where it covered text on phones and the DJI camera card (Rystal,
   2026-10-01). Same button, same cart; this page only. It slides back to its usual spot when the bar goes away. */
html body.rystal-netlify-storefront[data-rystal-page="filmly"] .rystal-cart-fab{transition:bottom .45s cubic-bezier(.16,1,.3,1),right .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1)}
html body.rystal-netlify-storefront[data-rystal-page="filmly"]:has(.rt-sticky-buy.rt-sticky-show) .rystal-cart-fab{right:16px;bottom:calc(10px + env(safe-area-inset-bottom));width:47px;height:47px;box-shadow:0 6px 18px rgba(29,78,216,.3)}
html body.rystal-netlify-storefront[data-rystal-page="filmly"]:has(.rt-sticky-buy.rt-sticky-show) .rystal-cart-fab svg{width:22px;height:22px}
@media (max-width:560px){html body.rystal-netlify-storefront[data-rystal-page="filmly"] .rt-embed.fm .rt-sticky-buy{padding-right:75px}}
@media (prefers-reduced-motion:reduce){html body.rystal-netlify-storefront[data-rystal-page="filmly"] .rystal-cart-fab{transition:none}}

.fm{--fm-amber:#ffcf8a;--fm-orange:#ff8a4c;--fm-red:#e8442e;--fm-line:rgba(255,236,214,.1);--fm-card:rgba(255,236,214,.035);
  --fm-serif:"Instrument Serif",Georgia,"Times New Roman",serif;--fm-ease:cubic-bezier(.16,1,.3,1);
  --fm-gutter:clamp(16px,2.2vw,36px);--fm-max:1560px;--fm-head-gap:clamp(28px,3.5vw,48px);
  --rt-muted:rgba(245,238,230,.68);--rt-muted-2:rgba(245,238,230,.45);--rt-text:#f6f1ea}
.house-dark .rt-embed.fm :is(h1,h2){font-family:var(--fm-serif);font-weight:400;letter-spacing:-.01em}
.house-dark .rt-embed.fm h1{font-size:clamp(44px,5.4vw,80px);line-height:.98}
.house-dark .rt-embed.fm h2{font-size:clamp(38px,4.4vw,64px);line-height:1}
.house-dark .rt-embed.fm h3{font-family:var(--hd-body);font-weight:700;font-size:19px;letter-spacing:-.01em}
.fm .fm-accent{display:inline-block;font-style:italic;padding:0 .12em .1em 0;background-image:linear-gradient(100deg,var(--fm-amber),var(--fm-orange) 45%,var(--fm-red));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@media (min-width:900px){.house-dark .rt-embed.fm :is(h1,h2) > span{display:inline}}

/* Hero: full screen under the site header (JS sets --fm-top once the header and any announcement bar are in) */
.fm-hero{position:relative;overflow:hidden;background:#000;height:calc(100vh - var(--fm-top,72px));height:calc(100svh - var(--fm-top,72px));min-height:460px}
.fm-herov{position:absolute;inset:0;margin:0}
.fm-herov video,.fm-herov-poster{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%)}
.fm-herov video{opacity:0;transition:opacity .5s var(--fm-ease)}
.fm-herov.is-playing video{opacity:1}
/* a soft shade at the top for the style name and at the bottom for the headline */
.fm-herov::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(rgba(0,0,0,.34),rgba(0,0,0,0) 110px),linear-gradient(0deg,rgba(8,7,6,.78),rgba(8,7,6,.5) 26%,rgba(8,7,6,0) 52%)}
.fm-look{position:absolute;left:clamp(16px,2.2vw,36px);top:clamp(14px,2vw,26px);z-index:2;margin:0;color:#fff;font:600 14px/1 var(--hd-body);letter-spacing:.01em;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.fm-look span{display:inline-block;transition:opacity .35s ease}
.fm-look span.is-out{opacity:0}
.fm-herov .fm-play{top:clamp(8px,1.4vw,18px);bottom:auto;right:clamp(12px,2vw,30px)}
.fm-hero-copy{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--fm-gutter) clamp(26px,5vh,56px)}
.fm-hero .hd-rating{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;margin:0 0 clamp(10px,1.6vh,16px);color:rgba(255,255,255,.82);font:500 14px/1.3 var(--hd-body);text-shadow:0 1px 8px rgba(0,0,0,.5)}
.fm-hero .hd-rating a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.fm-hero .rt-rating-svg{display:inline-flex;gap:2px}
.fm-hero .rt-rating-svg svg{width:16px;height:16px;fill:#fbbf24}
.house-dark .rt-embed.fm .fm-hero h1{margin:0;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.fm-buy-row{display:flex;justify-content:center;margin-top:clamp(16px,2.6vh,26px)}

/* The before / after player: one stacked video (before on top, Filmly below) drawn to a canvas, so both halves are always
   on the same frame. The poster image shows until the first frame is drawn. */
.fm-wipe{position:relative;margin:0 auto;overflow:hidden;border-radius:14px;background:#000;touch-action:pan-y;user-select:none;-webkit-user-select:none;
  width:min(calc(100vw - 2 * var(--fm-gutter)),var(--fm-max),calc((100svh - 200px) * 16 / 9));aspect-ratio:16/9;--p:50%}
/* height fits between the site header and the sticky Add to cart bar, so the look name and pause button are never under the bar (2026-10-01) */
.fm-wipe canvas,.fm-wipe .fm-poster{position:absolute;inset:0;width:100%;height:100%;display:block}
.fm-wipe .fm-poster{object-fit:cover;transition:opacity .4s var(--fm-ease)}
.fm-wipe.is-drawn .fm-poster{opacity:0}
.fm-wipe video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.fm-wipe[data-wipe]:not([data-wipe="after"]){cursor:ew-resize}
.fm-handle{position:absolute;top:0;bottom:0;left:var(--p);width:2px;margin-left:-1px;background:rgba(255,255,255,.92);box-shadow:0 0 14px rgba(0,0,0,.45);pointer-events:none;z-index:3}
.fm-handle span{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(12,11,10,.55);border:2px solid #fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.fm-handle span::before,.fm-handle span::after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent}
.fm-handle span::before{left:10px;border-right:7px solid #fff}
.fm-handle span::after{right:10px;border-left:7px solid #fff}
.fm-label{position:absolute;top:18px;z-index:3;color:#fff;font:600 14px/1 var(--hd-body);text-shadow:0 1px 10px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.5);pointer-events:none}
.fm-label-l{left:20px}.fm-label-r{right:20px}
/* a soft shade at the top so Before and After stay readable on bright skies */
.fm-wipe[data-wipe="wipe"]::before{content:"";position:absolute;left:0;right:0;top:0;height:72px;z-index:2;background:linear-gradient(rgba(0,0,0,.38),rgba(0,0,0,0));pointer-events:none}
.fm-wipe img,.fm-wipe canvas,.fm-wipe video{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}
.fm-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.fm-range:focus-visible + .fm-cap,.fm-wipe:has(.fm-range:focus-visible){outline:3px solid #60a5fa;outline-offset:3px}
.fm-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:baseline;gap:4px 12px;margin:0;padding:48px 76px 18px 22px;background:linear-gradient(transparent,rgba(0,0,0,.62));color:rgba(255,255,255,.8);font:500 14px/1.2 var(--hd-body);text-align:left;pointer-events:none}
.fm-cap b{color:#fff;font:400 clamp(24px,2.2vw,32px)/1 var(--fm-serif);letter-spacing:0}
.fm-play{position:absolute;right:16px;bottom:16px;z-index:4;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(12,11,10,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .2s ease,transform .2s var(--fm-ease)}
.fm-play:hover{background:rgba(12,11,10,.75);transform:scale(1.06)}
.fm-play-icon{position:absolute;inset:0;margin:auto;width:14px;height:16px}
.fm-play-icon::before,.fm-play-icon::after{content:"";position:absolute;top:0;bottom:0;width:4px;border-radius:1px;background:#fff}
.fm-play-icon::before{left:2px}.fm-play-icon::after{right:2px}
.fm-play[data-playing="false"] .fm-play-icon::before{left:3px;width:0;border-radius:0;background:none;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #fff}
.fm-play[data-playing="false"] .fm-play-icon::after{content:none}

/* Sections */
.fm-sec{padding:clamp(72px,9vw,128px) 0 0}
.fm-head{text-align:center;margin:0 var(--fm-gutter) var(--fm-head-gap)}
.fm-pairs .fm-wipe + .fm-wipe{margin-top:clamp(18px,2.4vw,32px)}

/* The looks: one big picture, one row of every look under it, exactly as wide as the picture. The row fades out at both
   ends; the left fade only shows once you have scrolled, so the first look is never cut.
   Height: with the heading just under the site header, the picture, the row and the look names all end above the sticky
   Add to cart bar (it covered the names at 1440x900, 2026-10-01). 100svh minus header + bar + heading + row + air = 500px.
   Short windows (1366x650, 1280x600): never smaller than 640 wide unless picture + row would not fit above the bar once the
   heading has scrolled away (100svh minus header + bar + row + air = 335px). */
@property --fm-fl{syntax:"<number>";inherits:false;initial-value:1}
@property --fm-fr{syntax:"<number>";inherits:false;initial-value:0}
.fm-styles{--fm-sw:min(calc(100vw - 2 * var(--fm-gutter)),1320px,calc((100svh - 500px) * 16 / 9));--fm-vw:max(var(--fm-sw),min(calc(100vw - 2 * var(--fm-gutter)),640px,calc((100svh - 335px) * 16 / 9)));--fm-fade:72px}
.fm-style-view{position:relative;width:var(--fm-vw);aspect-ratio:16/9;margin:0 auto;overflow:hidden;border-radius:14px;background:#000}
.fm-style-view video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0;transition:opacity .45s var(--fm-ease)}
.fm-style-view video.is-on{opacity:1}
.fm-style-view video.is-top{z-index:1}
.fm-style-view .fm-cap{z-index:2;padding-right:22px}
.fm-row-wrap{position:relative;width:var(--fm-vw);margin:16px auto 0}
.fm-row{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 var(--fm-fade);
  padding:4px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  --fm-fl:1;--fm-fr:0;transition:--fm-fl .3s ease,--fm-fr .3s ease;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,var(--fm-fl)) 0,#000 var(--fm-fade),#000 calc(100% - var(--fm-fade)),rgba(0,0,0,var(--fm-fr)) 100%);
          mask-image:linear-gradient(90deg,rgba(0,0,0,var(--fm-fl)) 0,#000 var(--fm-fade),#000 calc(100% - var(--fm-fade)),rgba(0,0,0,var(--fm-fr)) 100%)}
.fm-row[data-scrolled]{--fm-fl:0}
.fm-row[data-at-end]{--fm-fr:1}
.fm-row::-webkit-scrollbar{display:none}
.fm-row button{flex:0 0 auto;width:clamp(120px,10vw,160px);margin:0;padding:0;border:0;background:none;color:var(--rt-muted);font:500 13px/1.25 var(--hd-body);text-align:left;cursor:pointer;scroll-snap-align:start;transition:color .3s var(--fm-ease)}
.fm-row button img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;outline:2px solid transparent;outline-offset:2px;opacity:.7;transition:opacity .3s var(--fm-ease),outline-color .3s var(--fm-ease)}
.fm-row button span{display:block;padding:8px 2px 0}
.fm-row button:hover img{opacity:.95}
.fm-row button[aria-selected="true"]{color:#fff}
.fm-row button[aria-selected="true"] img{opacity:1;outline-color:var(--fm-orange)}
.fm-row button:focus-visible{outline:none}
.fm-row button:focus-visible img{outline-color:#60a5fa}
.fm-row-arrow{position:absolute;top:calc(4px + clamp(120px,10vw,160px) * 9 / 32);z-index:2;width:44px;height:44px;margin-top:-22px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:50%;
  background:rgba(12,11,10,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:none;transition:opacity .25s ease,background .2s ease}
.fm-row-arrow:hover{background:rgba(40,36,33,.9)}
.fm-row-arrow svg{width:20px;height:20px;margin:auto;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fm-row-prev{left:-22px}
.fm-row-next{right:-22px}
.fm-row-arrow[data-off]{opacity:0;pointer-events:none}
@media (hover:hover) and (pointer:fine) and (min-width:900px){.fm-row-arrow{display:block}}

/* Cameras */
.fm-cam-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;width:min(calc(100vw - 2 * var(--fm-gutter)),1120px);margin:0 auto;padding:0;border:1px solid var(--fm-line);border-radius:18px;overflow:hidden;background:var(--fm-line)}
.fm-cam-grid li{display:flex;flex-direction:column;gap:6px;padding:26px 24px;background:#100e0d}
.fm-cam-grid b{color:#fff;font:400 clamp(26px,2.3vw,34px)/1 var(--fm-serif)}
.fm-cam-grid span{color:var(--rt-muted);font:500 14.5px/1.3 var(--hd-body)}

/* How it works */
.fm-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:min(calc(100vw - 2 * var(--fm-gutter)),1120px);margin:0 auto;padding:0}
.fm-steps li{padding:26px 24px 28px;border:1px solid var(--fm-line);border-radius:18px;background:var(--fm-card)}
.fm-steps h3{margin:0 0 8px;color:#fff}
.fm-steps p{margin:0;color:var(--rt-muted);font-size:15.5px;line-height:1.5}

/* Before you buy, FAQ */
.fm-compat .rt-compat-grid,.fm-faq .rt-faq{width:min(calc(100vw - 2 * var(--fm-gutter)),1120px);margin-left:auto;margin-right:auto}
.fm-faq .rt-faq{width:min(calc(100vw - 2 * var(--fm-gutter)),820px)}
.fm .rt-compat-card{background:var(--fm-card);border-color:var(--fm-line)}
.fm .rt-compat-disclaimer{max-width:820px;margin-left:auto;margin-right:auto;padding:0 var(--fm-gutter);text-align:center}
.fm .rt-faq details{border-color:var(--fm-line);background:var(--fm-card)}

/* Final */
.fm-final{padding:clamp(80px,10vw,140px) 0 clamp(90px,10vw,140px);text-align:center}

/* Reveal on scroll */
.fm .rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--fm-ease),transform .7s var(--fm-ease)}
.fm .rv.is-in{opacity:1;transform:none}

@media (max-width:899px){
  .fm-cam-grid{grid-template-columns:repeat(2,1fr)}
  .fm-steps{grid-template-columns:1fr}
}
@media (max-width:640px){
  .fm{--fm-gutter:16px}
  .fm-wipe{border-radius:12px;aspect-ratio:4/5}
  .fm-pairs .fm-wipe{width:100vw;border-radius:0;aspect-ratio:4/5}
  .fm-styles{--fm-vw:100vw;--fm-fade:44px}
  .fm-style-view{border-radius:0;aspect-ratio:4/3}
  .fm-row{gap:10px;padding:4px 16px 6px}
  .fm-row button{width:124px;font-size:12.5px}
  .fm-hero{min-height:520px}
  .fm-label{top:13px;font-size:13px}.fm-label-l{left:14px}.fm-label-r{right:14px}
  .fm-handle span{width:38px;height:38px;margin:-19px 0 0 -19px}
  .fm-handle span::before{left:7px}.fm-handle span::after{right:7px}
  .fm-cap{padding:40px 66px 14px 16px;font-size:13px}
  .fm-play{right:12px;bottom:12px;width:40px;height:40px}
  .fm-cam-grid li{padding:20px 18px}
}
@media (prefers-reduced-motion:reduce){
  .fm .rv{opacity:1;transform:none;transition:none}
  .fm-wipe .fm-poster,.fm-style-view video,.fm-herov video,.fm-look span{transition:none}
}
/* launch price: the regular price crossed out inside the button, and Rystal's launch line under it */
.cg .rystal-purchase-action s[data-product-price-old]{margin-left:.55em;opacity:.7;font-weight:500;text-decoration-thickness:2px}
.cg .rystal-purchase-action s[data-product-price-old][hidden]{display:none}
.cg .fm-price-note{margin:12px auto 0;padding:0 16px;max-width:34em;text-align:center;font-size:14px;line-height:1.45;color:rgba(255,255,255,.78)}
.cg .fm-price-note s{opacity:.85}

@media (max-width:650px){ .rystal-cart-fab{display:none !important} }

/* Launch price countdown (11 Oct 2026): copy of the TypeFlow page price timer, scoped to the Filmly line. */
html body .rystal-typeflow-price-timer[data-filmly-launch-timer],
html body .rystal-typeflow-price-timer[data-filmly-launch-timer] *{box-sizing:border-box}
html body .rystal-typeflow-price-timer[data-filmly-launch-timer]{--rtimer-border:rgba(255,255,255,.1);--rtimer-surface:rgba(255,255,255,.085);--rtimer-text:#fff;--rtimer-muted:rgba(255,255,255,.64);width:fit-content;max-width:100%;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--rtimer-text);background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;padding:0;margin:12px auto 0;font-family:Inter,system-ui,sans-serif;letter-spacing:0;isolation:isolate;position:relative;overflow:visible}
html body .rystal-typeflow-price-timer[data-filmly-launch-timer] .rystal-typeflow-price-timer__message{min-width:0;color:rgba(255,255,255,.86);font:800 12px/1.2 Inter,system-ui,sans-serif;white-space:nowrap}
html body .rystal-typeflow-price-timer[data-filmly-launch-timer] .rystal-typeflow-price-timer__message strong{color:#fff3ea;font-weight:850}
html body .rystal-typeflow-price-timer[data-filmly-launch-timer] .rystal-typeflow-price-timer__clock{display:inline-flex;align-items:baseline;gap:2px;flex:0 0 auto;color:#fff;font:850 14px/1 JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;padding:6px 10px;border-radius:999px;background:var(--rtimer-surface);border:1px solid var(--rtimer-border)}
html body .rystal-typeflow-price-timer[data-filmly-launch-timer] .rystal-typeflow-price-timer__clock small{color:var(--rtimer-muted);font:800 9px/1 Inter,system-ui,sans-serif;letter-spacing:0;text-transform:uppercase;margin-right:2px}
@media (max-width:720px){
html body .rystal-typeflow-price-timer[data-filmly-launch-timer] .rystal-typeflow-price-timer__message{font-size:11px}
html body .rystal-typeflow-price-timer[data-filmly-launch-timer] .rystal-typeflow-price-timer__clock{font-size:13px;padding:5px 8px}
}
html body .rystal-typeflow-price-timer[data-filmly-launch-timer][hidden]{display:none!important}

/* r2 (11 Oct 2026): sale price in the buttons, copied from the live Flow Bundle page (flow-bundle/typeflow-shapeflow.css,
   .fb rules) so the crossed-out price looks the same as every other Add to cart on the site. Sizes are the Flow Bundle
   button's (19px laptop, 17px phone) so $68 and $49 match it exactly; the Add to cart label keeps the Filmly/TypeFlow button size. */
.fm .rystal-bundle-cta-top{display:inline-flex;align-items:center;justify-content:center;gap:12px;line-height:1;white-space:nowrap}
html body .rt-embed.fm .rystal-bundle-price-lockup{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;flex:0 0 90px;width:90px;min-width:90px;padding:0;line-height:1;font-size:19px;font-weight:800;letter-spacing:normal}
.rt-embed.fm .rt-buy-row a .rystal-bundle-old,.rt-embed.fm .rt-buy-row a:hover .rystal-bundle-old{display:block;position:static;margin:0;color:inherit;line-height:inherit;font-size:.94em;font-weight:900;opacity:.64;text-decoration-line:line-through!important;text-decoration-thickness:2px!important;text-decoration-color:currentColor!important}
.fm .rystal-bundle-new{position:absolute;top:-10px;right:0;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.2);color:#fff!important;font-size:.72em;font-weight:900;line-height:1;transform:rotate(-5deg);white-space:nowrap}
.fm .rt-sticky-price{white-space:nowrap}
.fm .rt-sticky-price .rystal-bundle-old{opacity:.64;text-decoration-line:line-through!important;text-decoration-thickness:1.5px!important;text-decoration-color:currentColor!important;font-weight:800;display:inline;position:static;margin:0;color:inherit;font-size:inherit;line-height:inherit}
.fm .rystal-bundle-old.rystal-scheduled-sale-old::after{content:none;display:none}
/* r2 (11 Oct, Rystal): $49 sits top right of the crossed-out $68, angled, a little over it, like the original TypeFlow bundle band
   (78px lockup, $146 under a right:0 sticker). The lockup hugs the old price plus room for most of the sticker. */
/* r3 (11 Oct 18:09, Rystal): $49 close to the crossed-out $68 but not touching (about 3px clear), still top right and tilted. */
html body .rt-embed.fm .fm-buy-row .rystal-bundle-price-lockup{flex:0 0 auto;width:auto;min-width:0;padding-right:46px}
@media (max-width:560px){html body .rt-embed.fm .fm-buy-row .rystal-bundle-price-lockup{flex-basis:auto;width:auto;min-width:0;padding-right:43px}}
/* keeps the sale button exactly as tall as the normal Add to cart $68 button (invisible copy of the price pill) */
.fm .fm-buy-row .rystal-bundle-cta-top .fm-price-strut{visibility:hidden;width:0;min-width:0;padding-left:0!important;padding-right:0!important;margin-left:-12px;overflow:hidden;border:0;line-height:1.55}
@media (max-width:560px){
html body .rt-embed.fm .rystal-bundle-price-lockup{flex-basis:84px;width:84px;min-width:84px;font-size:17px}
}