/* Heebo, hebrew + latin subsets, straight from the variable woff2. An @import or a <link> to
   fonts.googleapis.com costs an extra render-blocking round trip before a glyph can paint. */
@font-face{font-family:Heebo;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/heebo/v28/NGS6v5_NC0k9P9H0TbFhsqMA6aw.woff2)format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:Heebo;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/heebo/v28/NGS6v5_NC0k9P9H2TbFhsqMA.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Jost, latin subset only. The Hebrew page stays on Heebo end to end; this face exists for exactly
   one string, the RejuDNA wordmark, because a brand set in the body face is not a logo. */
@font-face{font-family:Jost;font-style:normal;font-weight:300 500;font-display:swap;src:url(https://fonts.gstatic.com/s/jost/v20/92zatBhPNqw73oTd4g.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── RejuDNA NeckLift · art direction "המשיכה" (the stroke) ───────────────────────────────
   The product does exactly one visible thing: a cool blade is drawn UPWARD and a line softens.
   So this page's only decorative device is A LINE THAT FADES — four hairlines at the top of a
   blush band that dissolve into nothing over a fixed 92px, the same way the neck lines are
   meant to. It appears three times (hero, mid-offer, close) and nowhere else. Everything else
   is hairline rules, space, and one accent. No card chrome, no shadows on prose. */
:root{
  --paper:#FAF3F2;      /* warm porcelain */
  --paper-2:#FFFCFB;    /* raised surface */
  --slab:#F3D9D6;       /* blush, the one bold surface */
  --rose:#A3384A;       /* accent ink: price, CTA fill. 7.0:1 on paper */
  --rose-lt:#C9525C;    /* the RejuDNA brand rose. large numerals + rules ONLY */
  --ink:#241A1D;        /* 15:1 on paper */
  --ink-2:#574549;      /* 7.4:1 on paper */
  --leaf:#46664A;       /* the single true/verified green */
  --line:#EBDAD8;
  /* Tishrei is the Israeli flag's blue and white, never the brand rose (Matan 2026-09-09).
     It is the ONLY thing on the page allowed to use it, which is what makes it read as the
     holiday rather than as a second brand colour. */
  /* The Tishrei promo tone. Matan 2026-09-10: no blue on this funnel, one font and
     shades of the same hue, so the seasonal band is the brand deep rose, not a clashing colour. */
  --isr:#7E2B38;
  --shadow-s:0 1px 2px rgb(36 26 29 / 8%);
  --shadow-cta:0 12px 26px -12px rgb(36 26 29 / 55%);
  /* One drawn star, used as a repeating MASK so a rating is a shape we control instead of the
     ★ glyph, which renders at a different weight and baseline in every font fallback. */
  --star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2l2.9 6.3 6.9.8-5.1 4.6 1.4 6.8L12 17.3 5.9 20.7l1.4-6.8L2.2 9.3l6.9-.8z'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:Heebo,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.7;font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:900;line-height:1.12;letter-spacing:-.022em}
h1{font-size:clamp(29px,7.9vw,50px)}
h2{font-size:clamp(24px,6.4vw,37px)}
h3{font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.3}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px}
.col{max-width:36em}
.sec{padding-block:clamp(42px,8.6vw,80px)}
.sec--tight{padding-block:clamp(32px,6.6vw,56px)}
.lead{font-size:clamp(17px,4.3vw,20px);color:var(--ink-2)}
.h2sub{margin-top:12px}
.eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.16em;color:var(--rose);margin-bottom:10px}

/* THE STROKE. A blush band whose TOP edge carries four fine ink hairlines that fade out over a
   fixed 92px — the neck lines softening. Fixed, not a percentage, so it reads identically under
   a 300px hero and a 900px one. Exactly three appearances per page. */
.slab{background:var(--slab);position:relative}
.slab::before{content:"";position:absolute;inset-inline:0;top:0;height:92px;pointer-events:none;
  background:repeating-linear-gradient(to bottom,rgb(36 26 29 / 16%) 0 1px,transparent 1px 19px);
  -webkit-mask:linear-gradient(to bottom,#000 0,transparent 100%);
  mask:linear-gradient(to bottom,#000 0,transparent 100%)}
.slab::after{content:"";display:block;height:64px;
  background:linear-gradient(to bottom,var(--slab) 0,var(--paper) 100%)}
.slab--flat::after{display:none}

/* A rating, drawn. --p is how much of the row is filled, so 4.5/5 is 90% and a review card that
   earned four stars is 80%; the row fills from the RIGHT because the page is RTL. */
.rstars{display:inline-block;width:76px;height:14px;flex:none;
  background-image:linear-gradient(to left,var(--rose-lt) var(--p,90%),rgb(163 56 74 / 20%) var(--p,90%));
  -webkit-mask:var(--star) 0 0/15.2px 14px repeat-x;mask:var(--star) 0 0/15.2px 14px repeat-x}
.rating{display:inline-flex;align-items:center;gap:9px;margin:0;
  font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.rating b{font-size:19px;font-weight:900;color:var(--rose);line-height:1;letter-spacing:-.02em}

/* THE OPENING. Paper everywhere; the blush is a FRAME around the product, not the field the whole
   page floats in. `.pdp-top` is three blocks so mobile can read head, media, buy in that order and
   desktop can put head and buy in the copy column with the media spanning both rows. */
.pdp-wrap{background:var(--paper);padding-block:22px 26px}
.pdp-top{display:grid;gap:16px}
.pdp-head h1{margin:0}
.pdp-head .rate-link{margin-top:11px}
.media{position:relative;background:var(--slab);border-radius:20px;padding:10px}
.media .is-image-wrapper img{border-radius:13px}
/* The badge states the ladder's own arithmetic. No percentage, no clock, no stock. */
.saving{position:absolute;top:18px;inset-inline-end:18px;z-index:2;
  width:66px;height:66px;border-radius:18px;background:var(--rose);color:#fff;
  border:1px solid rgb(255 255 255 / 38%);display:grid;place-content:center;text-align:center;
  line-height:1.05;box-shadow:0 6px 16px -8px rgb(36 26 29 / 60%)}
.saving b{display:block;font-size:15px;font-weight:900;letter-spacing:-.02em}
.saving span{display:block;font-size:10.5px;font-weight:700;opacity:.92;margin-top:2px}
/* ── the opening composition ─────────────────────────────────────────────────────────────
   Rebuilt 2026-09-09 after Matan rejected three headers, the third with a drawn logo already in
   it ("i dont like the whole header part"). Sol c-20260909-453482 named the fault precisely: the
   header was not ugly, it was a STAGE. A promo strip, 92px of decorative hairlines, a centred
   logo with its own 56px of air, then finally the product, ~150px down. Ancestica, the page he
   holds up, spends ~100px on the same job because its nav also DOES something.

   So: the strip carries the deal and nothing else, the brand becomes a 58px row that on desktop
   sticks and carries the one link back to the ladder, the blush moves off the page and INTO the
   media panel so the product looks framed rather than adrift in a pink field, and the fading
   hairlines go back to being a section transition instead of the background behind the logo. */
.obar{background:var(--isr);color:#fff;text-align:center;padding:9px 14px;
  font-size:13px;font-weight:700;line-height:1.35;font-variant-numeric:tabular-nums}
.obar-in{display:inline-flex;align-items:center;gap:10px;justify-content:center}
/* A real number off the ladder (₪645 of tubes for ₪399), which is what a countdown would have been
   faking. The Tishrei window has no configured end date, so nothing here counts down. */
.obar-chip{background:rgb(255 255 255 / 14%);border:1px solid rgb(255 255 255 / 18%);
  border-radius:999px;padding:3px 10px;font-weight:800;white-space:nowrap}

.nav{background:var(--paper);border-bottom:1px solid rgb(36 26 29 / 10%)}
.nav-in{width:min(1180px,calc(100% - 40px));margin-inline:auto;min-height:52px;
  display:flex;align-items:center;justify-content:center;gap:12px}
.brand{display:flex;align-items:center;gap:9px}
.bmark{width:23px;height:25px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 28' fill='none' stroke-linecap='round'%3E%3Cpath d='M7 2C7 9 19 10 19 15C19 20 7 21 7 26' stroke='%23241A1D' stroke-width='1.6'/%3E%3Cpath d='M19 2C19 9 7 10 7 15C7 20 19 21 19 26' stroke='%23A3384A' stroke-width='1.6'/%3E%3Cpath d='M9 7.4h8M9 20.6h8' stroke='%23241A1D' stroke-width='1.3' stroke-opacity='.32'/%3E%3C/svg%3E") no-repeat center/contain}
/* The wordmark is DRAWN, not set: Jost's outlines for R e j u D N A, extracted with fontTools and
   carried as a mask so it takes currentColor and can never fall back to the body face. */
.brand-txt{display:grid;gap:3px;justify-items:start}
.wordmark{width:104px;height:21px;background:var(--ink);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4780 955'%3E%3Cpath d='M125.0 390.0 365.0 735.0H470.0L220.0 390.0ZM0.0 35.0V735.0H85.0V35.0ZM47.0 110.0H190.0Q235.0 110.0 269.5 126.0Q304.0 142.0 323.5 172.0Q343.0 202.0 343.0 245.0Q343.0 288.0 323.5 318.0Q304.0 348.0 269.5 364.0Q235.0 380.0 190.0 380.0H47.0V455.0H190.0Q258.0 455.0 311.5 429.5Q365.0 404.0 396.5 356.5Q428.0 309.0 428.0 245.0Q428.0 180.0 396.5 133.0Q365.0 86.0 311.5 60.5Q258.0 35.0 190.0 35.0H47.0Z'/%3E%3Cpath d='M883.0 745.0Q957.0 745.0 1011.5 715.5Q1066.0 686.0 1102.0 628.0L1037.0 587.0Q1012.0 629.0 976.0 649.5Q940.0 670.0 893.0 670.0Q846.0 670.0 813.0 650.0Q780.0 630.0 763.0 592.0Q746.0 554.0 746.0 500.0Q747.0 447.0 764.5 410.5Q782.0 374.0 814.5 354.5Q847.0 335.0 893.0 335.0Q932.0 335.0 961.0 352.0Q990.0 369.0 1006.5 399.0Q1023.0 429.0 1023.0 470.0Q1023.0 477.0 1020.0 487.5Q1017.0 498.0 1014.0 503.0L1046.0 457.0H716.0V525.0H1109.0Q1109.0 523.0 1109.5 515.5Q1110.0 508.0 1110.0 501.0Q1110.0 428.0 1084.0 375.0Q1058.0 322.0 1009.5 293.5Q961.0 265.0 893.0 265.0Q825.0 265.0 773.5 295.0Q722.0 325.0 693.5 379.0Q665.0 433.0 665.0 505.0Q665.0 576.0 692.5 630.0Q720.0 684.0 769.5 714.5Q819.0 745.0 883.0 745.0Z'/%3E%3Cpath d='M1357.0 85.0Q1357.0 107.0 1373.0 123.0Q1389.0 139.0 1411.0 139.0Q1434.0 139.0 1449.5 123.0Q1465.0 107.0 1465.0 85.0Q1465.0 62.0 1449.5 46.5Q1434.0 31.0 1411.0 31.0Q1389.0 31.0 1373.0 46.5Q1357.0 62.0 1357.0 85.0ZM1278.0 849.0 1234.0 915.0Q1244.0 928.0 1257.0 937.0Q1270.0 946.0 1286.0 950.5Q1302.0 955.0 1322.0 955.0Q1364.0 955.0 1394.0 936.0Q1424.0 917.0 1439.5 881.0Q1455.0 845.0 1455.0 795.0V275.0H1375.0V785.0Q1375.0 817.0 1370.0 837.0Q1365.0 857.0 1354.5 866.0Q1344.0 875.0 1327.0 875.0Q1311.0 875.0 1298.5 868.0Q1286.0 861.0 1278.0 849.0Z'/%3E%3Cpath d='M1850.0 555.0V275.0H1770.0V565.0Q1770.0 647.0 1813.0 696.0Q1856.0 745.0 1928.0 745.0Q1974.0 745.0 2008.0 724.5Q2042.0 704.0 2065.0 663.0V735.0H2145.0V275.0H2065.0V555.0Q2065.0 589.0 2050.5 615.0Q2036.0 641.0 2009.5 655.5Q1983.0 670.0 1948.0 670.0Q1900.0 670.0 1875.0 640.0Q1850.0 610.0 1850.0 555.0Z'/%3E%3Cpath d='M2450.0 35.0V735.0H2535.0V35.0ZM2660.0 735.0Q2762.0 735.0 2841.0 691.0Q2920.0 647.0 2965.0 568.5Q3010.0 490.0 3010.0 385.0Q3010.0 280.0 2965.0 201.5Q2920.0 123.0 2841.0 79.0Q2762.0 35.0 2660.0 35.0H2497.0V120.0H2660.0Q2719.0 120.0 2768.0 138.5Q2817.0 157.0 2852.0 191.5Q2887.0 226.0 2906.0 275.0Q2925.0 324.0 2925.0 385.0Q2925.0 446.0 2906.0 495.0Q2887.0 544.0 2852.0 578.5Q2817.0 613.0 2768.0 631.5Q2719.0 650.0 2660.0 650.0H2497.0V735.0Z'/%3E%3Cpath d='M3810.0 35.0V556.0L3280.0 0.0V735.0H3365.0V214.0L3895.0 770.0V35.0Z'/%3E%3Cpath d='M4272.0 525.0H4642.0L4612.0 445.0H4302.0ZM4455.0 193.0 4575.0 475.0 4583.0 495.0 4685.0 735.0H4780.0L4455.0 0.0L4130.0 735.0H4225.0L4329.0 489.0L4337.0 471.0Z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4780 955'%3E%3Cpath d='M125.0 390.0 365.0 735.0H470.0L220.0 390.0ZM0.0 35.0V735.0H85.0V35.0ZM47.0 110.0H190.0Q235.0 110.0 269.5 126.0Q304.0 142.0 323.5 172.0Q343.0 202.0 343.0 245.0Q343.0 288.0 323.5 318.0Q304.0 348.0 269.5 364.0Q235.0 380.0 190.0 380.0H47.0V455.0H190.0Q258.0 455.0 311.5 429.5Q365.0 404.0 396.5 356.5Q428.0 309.0 428.0 245.0Q428.0 180.0 396.5 133.0Q365.0 86.0 311.5 60.5Q258.0 35.0 190.0 35.0H47.0Z'/%3E%3Cpath d='M883.0 745.0Q957.0 745.0 1011.5 715.5Q1066.0 686.0 1102.0 628.0L1037.0 587.0Q1012.0 629.0 976.0 649.5Q940.0 670.0 893.0 670.0Q846.0 670.0 813.0 650.0Q780.0 630.0 763.0 592.0Q746.0 554.0 746.0 500.0Q747.0 447.0 764.5 410.5Q782.0 374.0 814.5 354.5Q847.0 335.0 893.0 335.0Q932.0 335.0 961.0 352.0Q990.0 369.0 1006.5 399.0Q1023.0 429.0 1023.0 470.0Q1023.0 477.0 1020.0 487.5Q1017.0 498.0 1014.0 503.0L1046.0 457.0H716.0V525.0H1109.0Q1109.0 523.0 1109.5 515.5Q1110.0 508.0 1110.0 501.0Q1110.0 428.0 1084.0 375.0Q1058.0 322.0 1009.5 293.5Q961.0 265.0 893.0 265.0Q825.0 265.0 773.5 295.0Q722.0 325.0 693.5 379.0Q665.0 433.0 665.0 505.0Q665.0 576.0 692.5 630.0Q720.0 684.0 769.5 714.5Q819.0 745.0 883.0 745.0Z'/%3E%3Cpath d='M1357.0 85.0Q1357.0 107.0 1373.0 123.0Q1389.0 139.0 1411.0 139.0Q1434.0 139.0 1449.5 123.0Q1465.0 107.0 1465.0 85.0Q1465.0 62.0 1449.5 46.5Q1434.0 31.0 1411.0 31.0Q1389.0 31.0 1373.0 46.5Q1357.0 62.0 1357.0 85.0ZM1278.0 849.0 1234.0 915.0Q1244.0 928.0 1257.0 937.0Q1270.0 946.0 1286.0 950.5Q1302.0 955.0 1322.0 955.0Q1364.0 955.0 1394.0 936.0Q1424.0 917.0 1439.5 881.0Q1455.0 845.0 1455.0 795.0V275.0H1375.0V785.0Q1375.0 817.0 1370.0 837.0Q1365.0 857.0 1354.5 866.0Q1344.0 875.0 1327.0 875.0Q1311.0 875.0 1298.5 868.0Q1286.0 861.0 1278.0 849.0Z'/%3E%3Cpath d='M1850.0 555.0V275.0H1770.0V565.0Q1770.0 647.0 1813.0 696.0Q1856.0 745.0 1928.0 745.0Q1974.0 745.0 2008.0 724.5Q2042.0 704.0 2065.0 663.0V735.0H2145.0V275.0H2065.0V555.0Q2065.0 589.0 2050.5 615.0Q2036.0 641.0 2009.5 655.5Q1983.0 670.0 1948.0 670.0Q1900.0 670.0 1875.0 640.0Q1850.0 610.0 1850.0 555.0Z'/%3E%3Cpath d='M2450.0 35.0V735.0H2535.0V35.0ZM2660.0 735.0Q2762.0 735.0 2841.0 691.0Q2920.0 647.0 2965.0 568.5Q3010.0 490.0 3010.0 385.0Q3010.0 280.0 2965.0 201.5Q2920.0 123.0 2841.0 79.0Q2762.0 35.0 2660.0 35.0H2497.0V120.0H2660.0Q2719.0 120.0 2768.0 138.5Q2817.0 157.0 2852.0 191.5Q2887.0 226.0 2906.0 275.0Q2925.0 324.0 2925.0 385.0Q2925.0 446.0 2906.0 495.0Q2887.0 544.0 2852.0 578.5Q2817.0 613.0 2768.0 631.5Q2719.0 650.0 2660.0 650.0H2497.0V735.0Z'/%3E%3Cpath d='M3810.0 35.0V556.0L3280.0 0.0V735.0H3365.0V214.0L3895.0 770.0V35.0Z'/%3E%3Cpath d='M4272.0 525.0H4642.0L4612.0 445.0H4302.0ZM4455.0 193.0 4575.0 475.0 4583.0 495.0 4685.0 735.0H4780.0L4455.0 0.0L4130.0 735.0H4225.0L4329.0 489.0L4337.0 471.0Z'/%3E%3C/svg%3E") no-repeat center/contain}
.brand-by{font-family:Jost,Heebo,sans-serif;font-size:8px;font-weight:600;letter-spacing:.22em;
  color:var(--ink-2);line-height:1}
.nav-cta{display:none}

/* A rating, drawn. --p is how much of the row is filled, so 4.5/5 is 90% and a review card that
   earned four stars is 80%; the row fills from the RIGHT because the page is RTL. */
.rstars{display:inline-block;width:76px;height:14px;flex:none;
  background-image:linear-gradient(to left,var(--rose-lt) var(--p,90%),rgb(163 56 74 / 20%) var(--p,90%));
  -webkit-mask:var(--star) 0 0/15.2px 14px repeat-x;mask:var(--star) 0 0/15.2px 14px repeat-x}
.rating{display:inline-flex;align-items:center;gap:9px;margin:0;
  font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.rating b{font-size:19px;font-weight:900;color:var(--rose);line-height:1;letter-spacing:-.02em}

/* THE HAIRLINE BAND IS A TOP-EDGE DEVICE, 92px tall and fixed. The hero had no top padding, so
   the h1 started 14px in and the four lines ran straight THROUGH the headline (Matan 2026-09-11).
   The fix is padding on the hero, never a shorter band: the band is identical in all three of its
   appearances and shortening it here would make the device drift. */
.slab[data-sec="hero"] > .wrap{padding-block:clamp(76px,10vw,108px) clamp(30px,5vw,44px)}
.hero .eyebrow{margin-bottom:6px}
.hero h1{margin-block:0 14px}
.hero .lead{max-width:30em}
.hero-fig{margin:22px 0 0;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px -22px rgb(36 26 29 / 50%)}
.hero-fig img{width:100%;aspect-ratio:16/10;object-fit:cover}

/* price + CTA */
.price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.price .now{font-size:38px;font-weight:900;letter-spacing:-.03em;line-height:1}
.price .was{font-size:19px;color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:1.5px}
.price .per{font-size:15px;color:var(--ink-2)}
.price .tag{font-size:13px;font-weight:800;color:#fff;background:var(--leaf);border-radius:999px;padding:3px 11px}
.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;
  background:var(--rose);color:#fff;text-decoration:none;
  font-size:19px;font-weight:800;letter-spacing:-.01em;
  padding:17px 24px;border-radius:999px;border:0;cursor:pointer;
  box-shadow:var(--shadow-cta);transition:transform .12s ease,background .12s ease}
.cta:hover{background:#8C2E3E}
.cta:active{transform:translateY(1px)}
.micro{margin-top:12px;font-size:14px;line-height:1.55;color:var(--ink-2)}
.micro b{color:var(--ink);font-weight:700}
.center{text-align:center}
.center .cta{max-width:460px;margin-inline:auto}

/* benefit list */
.checks{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.checks li{position:relative;padding-inline-start:28px;font-size:16.5px;line-height:1.55}
.checks li::before{content:"";position:absolute;inset-inline-start:0;top:.42em;width:16px;height:16px;background:var(--leaf);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.2 12.6 2 8.4l1.5-1.5 2.7 2.7L12.5 3.3 14 4.8z'/%3E%3C/svg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.2 12.6 2 8.4l1.5-1.5 2.7 2.7L12.5 3.3 14 4.8z'/%3E%3C/svg%3E") no-repeat center/contain}

/* spec strip — the only chrome, and it carries information */
.spec{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}
.spec div{padding:20px 8px;text-align:center}
.spec div+div{border-inline-start:1px solid var(--line)}
.spec .n{font-size:clamp(27px,7.2vw,39px);font-weight:900;letter-spacing:-.04em;color:var(--rose-lt);line-height:1;font-variant-numeric:tabular-nums}
.spec .l{font-size:13.5px;line-height:1.35;color:var(--ink-2);margin-top:6px;font-weight:500}

/* ── before / after: the page's proof engine ─────────────────────────────────────────────
   Two photos, a hairline between them, labels in Hebrew set OUTSIDE the image so nothing
   is baked into a pixel and RTL stays honest. */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:16px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-s)}
.ba figure{margin:0;position:relative}
.ba figure+figure{border-inline-start:1px solid #fff}
.ba img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center}
.ba figcaption{position:absolute;inset-block-end:0;inset-inline:0;padding:7px 10px;font-size:13px;font-weight:800;
  color:#fff;background:rgb(36 26 29 / 62%);text-align:center;letter-spacing:.02em}
.ba figure:last-child figcaption{background:rgb(163 56 74 / 88%)}
.bacap{font-size:13px;color:var(--ink-2);margin-top:9px;line-height:1.5}
.bagrid{display:grid;gap:18px}

/* proof photo grid (real customer photos) */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.shot{border-radius:13px;overflow:hidden;background:var(--paper-2);box-shadow:var(--shadow-s);margin:0}
.shot img{width:100%;aspect-ratio:1;object-fit:cover}
.shot figcaption{font-size:13px;color:var(--ink-2);padding:8px 11px 10px;line-height:1.4}

/* product block */
.pdp{display:grid;gap:26px}
.image-slider{display:grid;gap:10px}
.is-image-wrapper{position:relative;border-radius:18px;overflow:hidden;background:var(--paper-2)}
.is-image-wrapper img{width:100%;aspect-ratio:1;object-fit:cover}
.is-thumbs-wrapper{overflow-x:auto;scrollbar-width:none}
.is-thumbs-wrapper::-webkit-scrollbar{display:none}
/* 6 thumbs must FIT a 430px phone without a scroll: 6x60 + 5x8 = 400 inside a 390px column. */
.is-thumbnails{display:flex;gap:8px;justify-content:center}
.is-thumbnail{flex:1 1 0;min-width:0;max-width:64px;aspect-ratio:1;border-radius:10px;overflow:hidden;
  border:2px solid transparent;cursor:pointer;background:var(--paper-2)}
.is-thumbnail img{width:100%;height:100%;object-fit:cover}
.is-thumbnail.selected{border-color:var(--rose)}

/* mechanism rows: hairline separated, no cards */
.rows{margin-top:6px}
.row{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:start;padding-block:22px;border-top:1px solid var(--line)}
.rows .row:last-child{border-bottom:1px solid var(--line)}
.row img{width:96px;height:96px;object-fit:cover;border-radius:12px}
.row p{margin:6px 0 0;font-size:16px;color:var(--ink-2);line-height:1.6}

/* timeline */
.tl{margin:8px 0 0;padding:0}
.tl li{list-style:none;display:grid;grid-template-columns:auto 1fr;gap:16px;padding-block:16px;border-top:1px solid var(--line)}
.tl li:last-child{border-bottom:1px solid var(--line)}
.tl .when{font-weight:800;font-size:15px;color:var(--rose);white-space:nowrap;min-width:7em}
.tl .what{font-size:16.5px;line-height:1.55}

/* ritual steps */
.steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.step img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px}
.step .num{display:inline-block;font-size:13px;font-weight:900;color:#fff;background:var(--ink);
  border-radius:999px;padding:2px 10px;margin:10px 0 4px}
.step h3{font-size:17px}
.step p{margin-top:5px;font-size:15px;line-height:1.55;color:var(--ink-2)}

/* reviews */
.rev{display:grid;gap:14px}
.rvcard{background:var(--paper-2);border-radius:16px;padding:16px;box-shadow:var(--shadow-s)}
.rvhead{display:flex;align-items:center;gap:12px;margin-bottom:9px}
.rvhead img{width:50px;height:50px;border-radius:999px;object-fit:cover;flex:0 0 50px}
.rvname{font-weight:800;font-size:15.5px;line-height:1.25}
.rvmeta{font-size:12.5px;color:var(--leaf);font-weight:600}
.rvstars{display:inline-block;width:70px;height:13px;vertical-align:-1px;
  background-image:linear-gradient(to left,var(--rose-lt) var(--p,100%),rgb(163 56 74 / 20%) var(--p,100%));
  -webkit-mask:var(--star) 0 0/14px 13px repeat-x;mask:var(--star) 0 0/14px 13px repeat-x}
.rvcard p{font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.rvcard .rvimg{margin-top:10px;border-radius:10px;overflow:hidden;max-width:190px}
.rvmore{display:block;width:100%;margin-top:16px;background:none;border:1px solid var(--line);
  border-radius:999px;padding:13px;font:inherit;font-weight:800;font-size:15.5px;color:var(--ink);cursor:pointer}
.rvmore:hover{background:var(--paper-2)}

/* faq */
.faq-wrapper{display:grid;gap:8px;margin-top:22px}
.faq{background:var(--paper-2);border:1px solid var(--line);border-radius:13px;overflow:hidden}
.faq-header{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;
  padding:14px 17px;font-size:16.5px;font-weight:700;line-height:1.4;cursor:pointer;background:none;border:0;
  font-family:inherit;color:inherit;text-align:start}
.faq-header::after{content:"+";font-size:22px;font-weight:400;color:var(--rose);line-height:1;flex:0 0 auto}
.faq.active .faq-header::after{content:"\2212"}
.faq.active .faq-header{background:#F7E7E5}
.faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}
.faq.active .faq-body{grid-template-rows:1fr}
.faq-body>div{overflow:hidden}
.faq-body p{padding:2px 17px 16px;font-size:16px;color:var(--ink-2);line-height:1.65;margin:0}

/* guarantee */
.guar{display:grid;gap:18px;justify-items:center;text-align:center}
.guar .g-seal{width:118px;height:118px;border-radius:999px;background:var(--paper-2);display:grid;place-items:center;
  box-shadow:var(--shadow-s);border:2px solid var(--rose);color:var(--rose);line-height:1.15}
.guar .g-seal b{display:block;font-size:34px;font-weight:900;letter-spacing:-.03em}
.guar .g-seal span{font-size:12.5px;font-weight:800;letter-spacing:.04em}
.guar .g-body{max-width:34em;font-size:16.5px;line-height:1.65;color:var(--ink-2)}
/* The frozen 90-day sentence keeps its own line under the headline: the headline now says why
   she should believe it, and the claim itself must stay verbatim and unmixed with the pitch. */
.guar .g-sub{margin:0;font-size:15px;font-weight:800;letter-spacing:.01em;color:var(--rose)}
/* ⛔ scope prose link colour to the prose. A bare `.guar a` (0,1,1) outranks `.cta` (0,1,0)
   and paints the closing button's label rose-on-rose: a full-width button with no visible text. */
.guar .g-body a{color:var(--rose);font-weight:700}

/* footer */
.foot{border-top:1px solid var(--line);padding-block:26px 40px;font-size:13px;color:var(--ink-2);line-height:1.6}
.foot a{color:var(--ink-2)}
.addr{unicode-bidi:isolate;direction:ltr;display:inline-block}

/* The first-screen CTA and the one between the reasons. The page persuaded as well as PDRN's 7r
   once a button was on screen (30.6% vs 30.3% click-through, Midas 12-16 Sep) and lost on
   nothing but button VISIBILITY: 47% of visitors here ever saw one, 82% there. */
.hero-cta{max-width:460px;margin:22px 0 0}
.hero-cta .micro{margin-top:10px}
.reason-cta{max-width:460px;margin:4px auto 26px}
@media (min-width:900px){
  .hero-cta{margin-top:26px}
  .reason-cta{margin-block:10px 32px}
}

/* sticky buy bar */
/* z-index 1000: above every page element, and the threshold ops/browser/browse.mjs --bare strips. */
.bar{position:fixed;inset-inline:0;bottom:0;z-index:1000;background:rgb(250 243 242 / 97%);
  border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  display:flex;align-items:center;gap:12px;transform:translateY(110%);transition:transform .2s ease;
  backdrop-filter:blur(8px)}
.bar.on{transform:translateY(0)}
.bar .bp{font-size:19px;font-weight:900;letter-spacing:-.02em;line-height:1.1;white-space:nowrap}
.bar .bp small{display:block;font-size:11.5px;font-weight:600;color:var(--ink-2);letter-spacing:0}
.bar .cta{flex:1;font-size:17px;padding:13px 18px;box-shadow:none}

@media (prefers-reduced-motion:no-preference){
  .rise{animation:rise .5s cubic-bezier(.22,.61,.36,1) both}
  .rise-2{animation-delay:.07s}.rise-3{animation-delay:.14s}
  @keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media (min-width:900px){
  body{font-size:18px}
  .hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
  .hero-fig{margin-top:0}
  .hero-fig img{aspect-ratio:1}
  .grid3{gap:14px}
  .steps{grid-template-columns:repeat(4,1fr)}
  .rev{grid-template-columns:1fr 1fr}
  .rows .row{grid-template-columns:132px 1fr;gap:22px}
  .rows .row img{width:132px;height:132px}
  .two{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
  .bagrid{grid-template-columns:1fr 1fr;gap:26px}
  .bar{display:none}
}

/* ── prelander (advertorial + 7r) ────────────────────────────────────────────────────────── */
.byline{display:flex;align-items:center;gap:11px;margin-top:22px;font-size:13.5px;color:#5A464A}
.byline img{width:42px;height:42px;border-radius:999px;object-fit:cover;flex:0 0 42px}
.byline b{display:block;color:var(--ink);font-weight:800;font-size:14.5px}
.quote{margin:0;padding:20px 0 0;border-top:1px solid rgb(36 26 29 / 14%)}
.quote p{font-size:clamp(17px,4.4vw,20px);line-height:1.55;font-weight:500}
.quote footer{background:none;border:0;padding:0;margin-top:10px;font-size:13.5px;color:#5A464A}
.quote footer .rvstars{margin-inline-end:6px}

/* the 7 reasons: a hanging rose figure against a hairline, not a card */
.reason{display:grid;gap:16px;padding-block:26px;border-top:1px solid var(--line)}
.reasons .reason:last-of-type{border-bottom:1px solid var(--line)}
.reason img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.reason .rn{display:block;font-size:34px;font-weight:900;letter-spacing:-.05em;color:var(--rose-lt);
  line-height:.9;margin-bottom:6px;font-variant-numeric:tabular-nums}
.reason h3{font-size:clamp(19px,5vw,23px);font-weight:900;letter-spacing:-.02em}
.reason p{margin-top:8px;color:var(--ink-2);font-size:16.5px;line-height:1.65}
.trust{display:grid;gap:10px;margin-top:22px;list-style:none;padding:0}
.trust li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:15.5px;line-height:1.5}
.count{display:flex;gap:10px;margin:18px 0 0}
.count div{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;min-width:74px;padding:9px 6px;text-align:center}
.count .cn{font-size:27px;font-weight:900;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.count .cl{font-size:11.5px;color:var(--ink-2);margin-top:3px;font-weight:600}
@media (min-width:900px){
  .reason{grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;padding-block:34px}
  .reason img{aspect-ratio:4/3}
}

/* ── advertorial ─────────────────────────────────────────────────────────────────────────── */
.pubhead{border-bottom:1px solid var(--line);padding-block:12px;font-size:12.5px;color:var(--ink-2);
  display:flex;justify-content:space-between;align-items:center;gap:12px}
.pubhead b{color:var(--ink);font-weight:900;letter-spacing:.14em;font-size:13.5px}
.art h1{font-size:clamp(26px,6.6vw,42px);line-height:1.18;margin-bottom:14px}
.art h2{font-size:clamp(21px,5.2vw,29px);margin-block:34px 12px}
.art h3{font-size:19px;margin-block:26px 8px}
.art p{font-size:17.5px;line-height:1.78;color:#38292D}
.art figure{margin:26px 0}
.art figure img{width:100%;border-radius:14px}
figure img,.wrap>img,.sec>img{margin-inline:auto}
.art figcaption{font-size:13px;color:var(--ink-2);margin-top:8px;line-height:1.5}
.pull{margin:28px 0;padding:18px 20px;border-inline-start:3px solid var(--rose);background:var(--paper-2);
  border-radius:0 12px 12px 0;font-size:18.5px;line-height:1.6;font-weight:600}
.pull span{display:block;margin-top:8px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.tstamp{display:inline-block;font-size:12.5px;font-weight:800;color:var(--rose);
  background:#F7E7E5;border-radius:6px;padding:1px 8px;margin-inline-end:8px;font-variant-numeric:tabular-nums}
.speaker{font-weight:800;color:var(--ink)}
.cbox{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;padding:20px;margin:30px 0}
.cbox h3{margin-top:0}
.cmt{display:grid;gap:14px;margin-top:16px}
.cmt article{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
.cmt img{width:44px;height:44px;border-radius:999px;object-fit:cover}
.cmt b{font-size:14.5px}
.cmt .cwhen{font-size:12px;color:var(--ink-2);font-weight:600;margin-inline-start:8px}
.cmt p{font-size:15.5px;line-height:1.6;margin:3px 0 0;color:var(--ink-2)}
@media (min-width:900px){ .art{max-width:44em;margin-inline:auto} }

/* ── sales page ──────────────────────────────────────────────────────────────────────────── */
.pdp-top{display:grid;gap:20px}
.pdp-buy .lead{margin-top:10px}
/* The one rating on the sales page. It used to be a dot chain of four things under a full-width
   underline. Now the number is the loud part, the count is quiet, and only the words that lead
   somewhere carry the underline. */
.rate-link{display:inline-flex;align-items:center;gap:9px;margin-top:12px;
  font-size:13.5px;font-weight:600;color:var(--ink-2);text-decoration:none}
.rate-link b{font-size:19px;font-weight:900;color:var(--rose);line-height:1;letter-spacing:-.02em}
.rate-link .rgo{color:var(--rose);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgb(163 56 74 / 45%);text-decoration-thickness:1px}
.rate-link:hover .rgo{text-decoration-color:var(--rose)}

/* the offer ladder. Radio inputs, not buttons: it is a choice, and it must survive no-JS. */
.tiers{display:grid;gap:9px;margin-top:22px}
.tier{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  border:1.5px solid var(--line);border-radius:14px;padding:14px 14px;cursor:pointer;background:var(--paper-2)}
.tier input{position:absolute;opacity:0;pointer-events:none}
.tier .dot{width:20px;height:20px;border-radius:999px;border:2px solid #D3BCBA;flex:0 0 20px;position:relative}
.tier.on{border-color:var(--rose);background:#FDF2F1}
.tier.on .dot{border-color:var(--rose)}
.tier.on .dot::after{content:"";position:absolute;inset:3px;border-radius:999px;background:var(--rose)}
.tier>span{min-width:0}
.tier .tt{display:block;font-weight:800;font-size:16px;line-height:1.25}
.tier .ts{display:block;font-size:13px;color:var(--ink-2);line-height:1.35;margin-top:2px}
.tier .tp{text-align:end;line-height:1.15}
.tier .tp b{display:block;font-size:20px;font-weight:900;letter-spacing:-.02em}
.tier .tp span{font-size:12.5px;color:var(--ink-2);font-weight:600}
.tier .rib{position:absolute;top:-9px;inset-inline-start:14px;background:var(--leaf);color:#fff;
  font-size:11.5px;font-weight:800;border-radius:999px;padding:2px 9px;letter-spacing:.02em}
.tier--best .rib{background:var(--isr)}
/* The Tishrei line in a body paragraph, so the promo reads as one thing across the page. */
.isr{color:var(--isr);font-weight:800}
.buyline{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:18px 0 12px}
.buyline .now{font-size:34px;font-weight:900;letter-spacing:-.03em;line-height:1}
.buyline .was{font-size:18px;color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:1.5px}
.buyline .save{font-size:13px;font-weight:800;color:#fff;background:var(--leaf);border-radius:999px;padding:3px 11px}

/* does / does not — the expectation-control block, and it is refund-rate control, not decoration */
.does{display:grid;gap:16px;margin-top:22px}
.does>div{border:1px solid var(--line);border-radius:16px;padding:18px 18px 20px;background:var(--paper-2)}
.does h3{font-size:16.5px;margin-bottom:12px}
.does ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.does li{position:relative;padding-inline-start:26px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.does .yes li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--leaf);font-weight:900}
.does .no li::before{content:"✕";position:absolute;inset-inline-start:0;color:#9A5560;font-weight:900}

/* clinic anchor */
.anchor{display:grid;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:22px}
.anchor>div{padding:18px 18px;background:var(--paper-2)}
.anchor>div+div{border-top:1px solid var(--line)}
.anchor .aw{font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--ink-2)}
.anchor .an{font-size:clamp(24px,6.2vw,32px);font-weight:900;letter-spacing:-.03em;margin-top:4px;line-height:1.1}
.anchor .ad{font-size:14.5px;color:var(--ink-2);margin-top:6px;line-height:1.5}
.anchor .mine{background:#FDF2F1}
.anchor .mine .an{color:var(--rose)}

/* review avatar fallback: a rose initial disc for a reviewer with no photo */
.rvinit{width:50px;height:50px;border-radius:999px;flex:0 0 50px;display:grid;place-items:center;
  background:#F7E7E5;color:var(--rose);font-weight:900;font-size:19px}
.rvhide{display:none}
@media (min-width:900px){
  .pdp-top{grid-template-columns:1fr 1fr;gap:44px;align-items:start}
  .does{grid-template-columns:1fr 1fr;gap:20px}
  .anchor{grid-template-columns:1fr 1fr}
  .anchor>div+div{border-top:0;border-inline-start:1px solid var(--line)}
}

/* ── desktop: centre everything ──────────────────────────────────────────────────────────
   Matan, twice: "in desktop, texts and ctas should be centered, and not be aligned to right",
   then "center the 7r on desktop as well, no right aligned stuff and no right aligned ctas, in
   all steps." The first pass kept the article body, the reasons, the reviews and the FAQ
   answers start-aligned on readability grounds; that judgement is overruled, so at >=900px the
   whole page centres. One line (`text-align:start` on .art p) reverts the advertorial body if
   it reads worse in the wild.
   ⛔ The CTA wrappers are inline-styled `max-width:460px` divs in the HTML. `margin-inline:auto`
   on the .cta itself cannot centre it inside a 460px wrapper that is already flush to the start
   edge — the wrappers carry `margin: … auto` instead. Keep it that way. */
@media (min-width:900px){
  .col{margin-inline:auto}
  .wrap,.col,.art,.sec,.sec--tight{text-align:center}
  .cta{max-width:460px;margin-inline:auto}
  .buyline,.guar,.count,.trust,.checks,.byline,.price,.rvhead{justify-content:center}
  .tiers{max-width:560px;margin-inline:auto}
  .rvmore{max-width:460px;margin-inline:auto}
  /* A list marker is pinned to the line-box start, so centring the TEXT of a list item leaves
     the tick stranded in the margin. Centre the list as a BLOCK and keep its lines start-aligned. */
  .checks li,.trust li,.does li{text-align:start}
  .checks,.trust{max-width:34em;margin-inline:auto}
  .does ul{max-width:25em;margin-inline:auto}
  .faq-header{text-align:center}
  .tier{text-align:start}
  .tier .tp{text-align:end}
  .pull{border-inline-start:0;border-radius:12px;padding-inline:24px}
}

/* ── the desktop opening. LAST in the sheet on purpose: these override base rules of equal
   specificity (.nav-cta is display:none by default), and source order is what decides. */
/* ── the demonstrations ───────────────────────────────────────────────────────────────────
   Silent 9:16 clips of the applicator. The page JS plays exactly ONE at a time (the most
   visible), so a phone never decodes four streams at once and everything off screen stays a
   poster. preload="none" means a visitor who never scrolls here pays nothing for them. */
.clips{display:flex;gap:12px;margin-top:20px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.clips::-webkit-scrollbar{display:none}
.clip{flex:0 0 min(58vw,208px);scroll-snap-align:start;margin:0}
.clip video{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;display:block;
  border-radius:14px;background:var(--paper-2);box-shadow:var(--shadow-s)}
.clip figcaption{margin-top:9px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}

@media (min-width:900px){
  /* The nav sticks only where it can still be useful. On mobile the fixed bottom buy bar already
     owns the persistent CTA, and a second one at the top would sandwich the page. */
  .nav{position:sticky;top:0;z-index:50;background:rgb(250 243 242 / 94%);backdrop-filter:blur(10px)}
  .nav-in{min-height:58px;justify-content:space-between}
  .nav-cta{display:inline-flex;align-items:center;height:36px;padding:0 17px;border-radius:999px;
    background:var(--rose);color:#fff;font-size:13.5px;font-weight:800;text-decoration:none;
    white-space:nowrap}
  .nav-cta:hover{background:#8C2E3E}
  .pdp-wrap{padding-block:30px 54px}
  /* Copy on the RTL start, one media panel spanning both copy rows. */
  .pdp-top{grid-template-columns:48% 1fr;grid-template-areas:"head media" "buy media";
    column-gap:48px;row-gap:14px;align-items:start;
    width:min(1180px,100%);margin-inline:auto}
  .pdp-head{grid-area:head}
  .media{grid-area:media}
  .pdp-buy{grid-area:buy}
  .pdp-head,.pdp-buy{text-align:center}
  .pdp-head .rate-link,.pdp-buy .buyline{justify-content:center}
  .pdp-buy .lead{max-width:34em;margin-inline:auto}
  .saving{width:78px;height:78px;top:22px;inset-inline-end:22px}
  .saving b{font-size:18px}
  .saving span{font-size:12px}

  /* Four across, no scroller: at this width the whole sequence is readable at once. */
  .clips{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;overflow:visible}
  .clip{flex:none}
}

/* Sales-page test, variant B (sales-from.html): the single "from" price. */
.from-l{font-size:.48em;font-weight:700;margin-inline-end:4px;vertical-align:.35em}
.bar .bp .from-l{font-size:.62em;vertical-align:.15em}
.from-note{max-width:460px;margin:14px auto 0;text-align:center;color:#4A383C;font-size:15px;line-height:1.5}