/* ══ 2N PDP DENSITY v8 (2026-10-28) ═════════════════════════════════════════════════════
   Same layout as the live product page; the PRODUCT AREA (.lx-back, .lx-top, .pdp) renders at 85%
   while the house header (#hhBar) and footer (#nfFoot) stay full size and full width.
   Why v1 did not look like the approved sample: App\Support\PdpPreview::inject() declares
   "@layer pdp2, t3, cz" at the very top of <head>, so this sheet's layer "pd" (first seen later, in the
   <link>) was ordered LAST — the weakest layer for !important — and every !important cap in
   2n-pdp.css (pdp2), 2n-type3 (t3) and the house sheet (cz) beat it. v4 ships with the layer statement
   changed to "@layer pd, pdp2, t3, cz" so these few rules win, as they did in the approved sample.
   Kill-switch: set --pdp-zoom:1 (or remove the <link>). */
@layer pd{
  body.lx{--pdp-zoom:.85;--pdp-gut:20px}
  @media(min-width:1024px){body.lx{--pdp-gut:64px}}

  /* 1 · density: one property, scoped to the product area only */
  body.lx > .lx-back, body.lx > .lx-top, body.lx > .pdp, body.lx > .lx-fortune-wrap{zoom:var(--pdp-zoom)!important}

  /* 2 · full bleed: no centred caps in the product area (photo column keeps its size) */
  body.lx > .pdp, body.lx .pdp > .bb-path{width:auto!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  body.lx .lx-fortune-wrap{width:auto!important;margin-left:0!important;margin-right:0!important}
  body.lx .bb-col-media .bb-edu-blurb, body.lx .bb-col-media .bb-stone-cap, body.lx .mfy-lpanel{max-width:none!important;margin-left:0!important;margin-right:0!important}
  body.lx .bb-col-buy .bb-metal, body.lx .bb-col-buy .bb-ringsize, body.lx .bb-col-buy .bb-path-specs, body.lx .bb-col-buy .bb-pay-hero, body.lx .bb-col-buy .bb-cta, body.lx .bb-col-buy .bb-cta2, body.lx .bb-col-buy .bb-path-note{max-width:none!important;margin-left:0!important;margin-right:0!important}

  /* 3 · v5: The Story and the 2N Diamonds Fortune live in the BUYING column, directly under the price box
     (Jewelry Protection is the last thing in it). Phones: they follow Jewelry Protection in the flow.
     The story title stands on its own; the write-up sits in its own card beneath it. */
  body.lx .bb-col-buy #madeForYou{grid-column:auto!important;columns:auto!important;column-count:auto!important;max-width:none!important;width:auto!important;margin:34px 0 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;text-align:center!important}
  body.lx .bb-col-buy #madeForYou .pdp2-story-h{display:block!important;margin:0 0 16px!important;padding:0!important;font-size:24px!important;line-height:1.3!important;letter-spacing:.12em!important;color:#14110c!important;text-align:center!important}
  body.lx .bb-col-buy #madeForYou .pdp2-story-p{display:block!important;max-width:none!important;margin:0!important;padding:24px 28px!important;background:#f7f4ee!important;border:1px solid #d8cdb9!important;text-align:left!important}

  /* 4 · 2N Diamonds Fortune: a quiet navy panel (the gold label and cream text need a dark ground in the
     light buying column). Not shrunk: it cancels the 85% so it reads at full size. The label and the fortune
     use the piece-name font (h1.bb-signame = Cormorant Garamond). 1–3 lines of any length, balanced. */
  body.lx .bb-col-buy .pdp2-fortune-free{zoom:calc(1 / var(--pdp-zoom))!important;max-width:none!important;width:auto!important;height:auto!important;margin:calc(26px * var(--pdp-zoom)) 0 0!important;padding:26px 28px 28px!important;background:linear-gradient(160deg,#0a0f3d 0,#080b2c 100%)!important;border:1px solid rgba(233,207,133,.55)!important;text-align:center!important}
  body.lx .bb-col-buy .pdp2-fortune-eb{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;width:auto!important;max-width:none!important;margin:0 0 14px!important;padding:0!important;border:0!important;font-family:"Cormorant Garamond","2N Cormorant",Georgia,serif!important;font-style:normal!important;font-size:18px!important;line-height:1.2!important;letter-spacing:.28em!important;text-transform:uppercase!important;color:#E9CF85!important;white-space:nowrap!important}
  body.lx .bb-col-buy .pdp2-fortune-eb::before, body.lx .bb-col-buy .pdp2-fortune-eb::after{content:""!important;display:block!important;flex:0 0 44px!important;height:1px!important;background:linear-gradient(90deg,rgba(233,207,133,0),#E9CF85)!important}
  body.lx .bb-col-buy .pdp2-fortune-eb::after{background:linear-gradient(90deg,#E9CF85,rgba(233,207,133,0))!important}
  body.lx .bb-col-buy .pdp2-fortune{font-family:"Cormorant Garamond","2N Cormorant",Georgia,serif!important;font-style:italic!important;font-size:23px!important;line-height:1.45!important;letter-spacing:.01em!important;color:#FBF8F1!important;max-width:30em!important;margin:0 auto!important;text-wrap:balance!important;overflow-wrap:break-word!important}

  /* 4b · Jewelry Protection: larger and legible. It cancels the 85% (renders at its own px), runs the full
     width of the price box and closes it as a band. */
  body.lx .lx-paybox .pdp2-prot{zoom:calc(1 / var(--pdp-zoom))!important;gap:10px!important;padding:26px 24px 24px!important;margin:calc(18px * var(--pdp-zoom)) calc(-40px * var(--pdp-zoom)) calc(-34px * var(--pdp-zoom))!important;width:auto!important;max-width:none!important}
  body.lx .lx-paybox .pdp2-prot-logo img{width:150px!important}
  body.lx .lx-paybox .pdp2-prot-t{white-space:normal!important;text-wrap:balance!important;font-size:24px!important;line-height:1.3!important;letter-spacing:.04em!important;max-width:100%!important}
  body.lx .lx-paybox .pdp2-prot-eb{font-size:14px!important;letter-spacing:.28em!important}
  body.lx .lx-paybox .pdp2-prot-b{font-size:18px!important;line-height:1.45!important}
  body.lx .lx-paybox .pdp2-prot-q{font-size:15px!important;letter-spacing:.08em!important;margin-top:4px!important}
  body.lx .lx-paybox .pdp2-prot-d{font-size:15px!important;line-height:1.3!important;opacity:.85!important}
  @media(max-width:1023.98px){
    body.lx .lx-paybox .pdp2-prot{margin:calc(18px * var(--pdp-zoom)) calc(-18px * var(--pdp-zoom)) calc(-24px * var(--pdp-zoom))!important;padding:22px 16px 20px!important}
    body.lx .lx-paybox .pdp2-prot-t{font-size:20px!important}
    body.lx .lx-paybox .pdp2-prot-b{font-size:16px!important}
  }
  @media(max-width:640px){
    body.lx .bb-col-buy #madeForYou .pdp2-story-h{font-size:20px!important}
    body.lx .bb-col-buy #madeForYou .pdp2-story-p{padding:18px 18px!important}
    body.lx .bb-col-buy .pdp2-fortune-free{padding:22px 18px 24px!important}
    body.lx .bb-col-buy .pdp2-fortune-eb{font-size:15px!important;letter-spacing:.22em!important;gap:12px!important}
    body.lx .bb-col-buy .pdp2-fortune-eb::before, body.lx .bb-col-buy .pdp2-fortune-eb::after{flex-basis:28px!important}
    body.lx .bb-col-buy .pdp2-fortune{font-size:20px!important}
  }

  /* 5 · phones: the photograph runs edge to edge */
  @media(max-width:899px){
    body.lx .bb-col-media > .bb-path-img{margin-left:-14px!important;margin-right:-14px!important;width:calc(100% + 28px)!important;max-width:none!important}
  }
  /* 6 · phone guards: 85% must not push type under ~9px or touch targets under 44px */
  @media(max-width:600px){
    body.lx .metalpill, body.lx .pvbox{min-height:52px!important}
    body.lx .ring-dd-btn{min-height:56px!important}
    body.lx .bb-path-cert, body.lx .bb-badges .bb-chip{font-size:11px!important}
    body.lx .actual-size-btn .as-lbl, body.lx a.insb .insb-n{font-size:10.5px!important}
  }

  /* ══ 7 · SIGNATURE ONLY (body.sg-fill, set when $sigMode) — the approved gap-fill ══════════════
     a. close the gaps: drop the "equal bottoms" spacer and space-between so the buying column stacks
        top-down with no dead band above the price box;
     b. the lone metal pill / ring-size label become "This Piece, As It Ships" (spec-box styling);
     c. 1024–1279px: the photo column travels with the page (sticky) so no dead black at its foot. */
  @media(min-width:900px){
    body.lx.sg-fill .bb-col-media::after, body.lx.sg-fill .bb-col-buy::after{content:none!important;display:none!important;flex:none!important}
    body.lx.sg-fill .bb-col-media > .mfy-lp2, body.lx.sg-fill .bb-col-buy > .lx-paybox, body.lx.sg-fill .bb-col-buy > .lx-paybox ~ *{order:0!important}
    body.lx.sg-fill .bb-path > .bb-col-media, body.lx.sg-fill .bb-path > .bb-col-buy{justify-content:flex-start!important}
  }
  body.lx.sg-fill .bb-col-buy .bb-metal, body.lx.sg-fill .bb-col-buy .bb-ringsize{display:none!important}
  body.lx.sg-fill .sg-asis{margin:22px 0 4px!important}
  body.lx.sg-fill .sg-asis-h{display:block!important;grid-column:1/-1!important;font:500 11px/1.3 'Jost',sans-serif!important;letter-spacing:2.5px!important;text-transform:uppercase!important;color:#7a5a14!important;margin:0 0 2px!important;text-align:left!important}
  body.lx.sg-fill .sg-asis .sp.sp-full{min-height:0!important;padding:11px 14px!important}
  body.lx.sg-fill .sg-asis + .mfy-upg{margin:6px 0 0!important}
  @media(min-width:1024px) and (max-width:1279.98px){
    body.lx.sg-fill .bb-path{background:linear-gradient(90deg,#000 0,#000 50%,transparent 50%,transparent 100%)!important}
    body.lx.sg-fill .bb-path > .bb-col-media{position:sticky!important;top:16px!important;align-self:start!important}
  }
}

/* ══ 8 · v6–v8 — buying column, all three collections (v8: Signature included) ══════════════════
   Sizes are set as ON-SCREEN px: calc(Npx / var(--pdp-zoom)) cancels the 85% for that element only, so
   N is what the client sees. Scale chosen against the page itself: piece name 44px, price 54px,
   body copy 16–19px, spec values 14.4px. "Darker" = the house ink/navy #080b2c, never grey. */
@layer pd{
  body.lx .bb-col-buy{--ink6:#080b2c;--milk6:#FBF8F1;--gold6:#E9CF85}
  /* 1 · delivery line + "Your Choice of Metal…" */
  body.lx .bb-col-buy .bb-vision-deliv, body.lx .bb-col-buy .bb-vision-bench{font-size:calc(12.5px / var(--pdp-zoom))!important;letter-spacing:.2em!important;color:var(--ink6)!important}
  body.lx .bb-col-buy .bb-vision-custom{font-size:calc(19.5px / var(--pdp-zoom))!important;line-height:1.5!important;color:var(--ink6)!important}
  /* 2 · collection eyebrow, 3 · subtitle — a little larger */
  body.lx .bb-col-buy .lx-eyebrow{font-size:calc(16px / var(--pdp-zoom))!important}
  body.lx .bb-col-buy .bb-sigkw{font-size:calc(14.5px / var(--pdp-zoom))!important}
  /* 4 · 6 · "Metal — Platinum" and "Ring Size" labels */
  body.lx .bb-col-buy .bb-metal-lbl, body.lx .bb-col-buy .bb-metal-lbl span{font-size:calc(13.5px / var(--pdp-zoom))!important;letter-spacing:.16em!important;color:var(--ink6)!important;line-height:1.4!important}
  body.lx .bb-col-buy .bb-metal-lbl{margin-bottom:calc(10px / var(--pdp-zoom))!important}
  /* 5 · metal options as badges: black, milk-white text; the chosen one carries a gold hairline + underline.
     Behaviour unchanged (same buttons, same .on / .unavail classes); tap height ≥ 44px on screen. */
  body.lx .bb-col-buy .metalpill{background:#000!important;color:var(--milk6)!important;-webkit-text-fill-color:var(--milk6)!important;border:1px solid #000!important;border-radius:0!important;font-size:calc(12.5px / var(--pdp-zoom))!important;letter-spacing:.06em!important;min-height:calc(44px / var(--pdp-zoom))!important;padding:calc(8px / var(--pdp-zoom)) calc(14px / var(--pdp-zoom))!important;box-shadow:none!important}
  body.lx .bb-col-buy .metalpill.on{border-color:var(--gold6)!important;box-shadow:inset 0 calc(-2px / var(--pdp-zoom)) 0 var(--gold6)!important}
  body.lx .bb-col-buy .metalpill:not(.on):not(.unavail):hover{border-color:rgba(233,207,133,.6)!important}
  /* 5b · upgrade metals (.unavail = metal upgrade; tapping still shows the upgrade note) stay black badges,
     only softened so the free choices read first */
  body.lx .bb-col-buy .metalpill.unavail{opacity:.55!important}
  /* 13 · the buying column is now longer than the photo column: instead of the house "equal bottoms"
     spacer opening black gaps between the photo-side boxes, the photo column stacks top-down and travels
     with the page (sticky), the black of that side carried by the row. ≥1024px only. */
  @media(min-width:1024px){
    body.lx .bb-col-media::after, body.lx .bb-col-buy::after{content:none!important;display:none!important;flex:none!important}
    body.lx .bb-path > .bb-col-media, body.lx .bb-path > .bb-col-buy{justify-content:flex-start!important}
    body.lx .bb-path{background:linear-gradient(90deg,#000 0,#000 50%,transparent 50%,transparent 100%)!important}
    body.lx .bb-path > .bb-col-media{position:sticky!important;top:16px!important;align-self:start!important}
  }
  /* 7 · ring-size selector: larger, dark */
  body.lx .bb-col-buy .ring-dd-btn{background:var(--ink6)!important;color:var(--milk6)!important;-webkit-text-fill-color:var(--milk6)!important;border:1px solid var(--gold6)!important;font-size:calc(15px / var(--pdp-zoom))!important;letter-spacing:.04em!important;min-height:calc(52px / var(--pdp-zoom))!important}
  body.lx .bb-col-buy .ring-dd-btn::after{border-color:var(--gold6)!important}
  /* 8 · upgrade note: comfortable reading size */
  body.lx .bb-col-buy .bb-size-guide.bb-upg, body.lx .bb-col-buy .bb-size-guide.bb-upg a{font-size:calc(15.5px / var(--pdp-zoom))!important;line-height:1.7!important}
  body.lx .bb-col-buy .bb-size-guide.bb-upg{color:#1f2133!important;-webkit-text-fill-color:#1f2133!important;margin-top:calc(12px / var(--pdp-zoom))!important}
  /* 9 · price block: same fonts, only size and weight (Cormorant Garamond is a 300–700 variable font) */
  body.lx .lx-paybox .lx-pc em{font-size:calc(13px / var(--pdp-zoom))!important;color:var(--ink6)!important;letter-spacing:.2em!important}
  body.lx .lx-paybox #pvPriceNow{font-size:calc(54px / var(--pdp-zoom))!important;font-weight:600!important}
  body.lx .lx-paybox #pvRetailWas{font-size:calc(27px / var(--pdp-zoom))!important}
  body.lx .lx-paybox #pvSavePct{font-size:calc(25px / var(--pdp-zoom))!important;font-weight:600!important}
  /* 10 · 11 · Jewelry Protection and the Story keep the v5 treatment (section 3 / 4b) — the look approved on
     Atelier: protection band 24px heading / 18px lines / 150px logo; story title standalone above its card. */
  /* 12 · fortune: a bit larger */
  body.lx .bb-col-buy .pdp2-fortune-eb{font-size:20px!important}
  body.lx .bb-col-buy .pdp2-fortune{font-size:25px!important}

  @media(max-width:640px){
    body.lx .bb-col-buy .bb-vision-deliv, body.lx .bb-col-buy .bb-vision-bench{font-size:calc(12px / var(--pdp-zoom))!important;letter-spacing:.14em!important}
    body.lx .bb-col-buy .bb-vision-custom{font-size:calc(18.5px / var(--pdp-zoom))!important}
    body.lx .bb-col-buy .lx-eyebrow{font-size:calc(13.5px / var(--pdp-zoom))!important;letter-spacing:.12em!important}
    body.lx .bb-col-buy .bb-sigkw{font-size:calc(12.5px / var(--pdp-zoom))!important}
    body.lx .bb-col-buy .bb-size-guide.bb-upg, body.lx .bb-col-buy .bb-size-guide.bb-upg a{font-size:calc(15px / var(--pdp-zoom))!important}
    body.lx .lx-paybox .lx-pc em{font-size:calc(12.5px / var(--pdp-zoom))!important}
    body.lx .lx-paybox #pvPriceNow{font-size:calc(50px / var(--pdp-zoom))!important}
    body.lx .lx-paybox #pvRetailWas{font-size:calc(25px / var(--pdp-zoom))!important}
    body.lx .lx-paybox #pvSavePct{font-size:calc(24px / var(--pdp-zoom))!important}
    body.lx .bb-col-buy .pdp2-fortune-eb{font-size:16.5px!important}
    body.lx .bb-col-buy .pdp2-fortune{font-size:21.5px!important}
  }
}

/* ══ 9 · v8 — all three collections ═══════════════════════════════════════════════════════════════════
   On-screen px (calc(N / var(--pdp-zoom)) cancels the 85%). Navy ink #080b2c on light grounds; milk/egg
   and gold on navy/black. */
@layer pd{
  /* 1 · the house title, both lines: the certificate line and the eyebrow over "Identical to Nature's Own" */
  body.lx .bb-edu-blurb .pdp2-cert{font-size:calc(16px / var(--pdp-zoom))!important;line-height:1.5!important;letter-spacing:.05em!important;color:#E9CF85!important;padding-bottom:calc(14px / var(--pdp-zoom))!important;margin-bottom:calc(16px / var(--pdp-zoom))!important}
  /* the eyebrow carries an inline font-size:12px!important in the markup, which no stylesheet can outrank —
     so it is scaled with zoom instead: 12px × .85 × 1.47 ≈ 15px on screen (phones 1.275 ≈ 13px) */
  body.lx .bb-edu-blurb .edu-head .edu-l1{zoom:1.47!important;color:#E9CF85!important;margin-bottom:6px!important}
  /* 2 · "What is The 2N Graded Premium Lab Grown Diamond?" */
  body.lx .pdp2-graded-h{font-size:calc(19px / var(--pdp-zoom))!important;line-height:1.35!important;letter-spacing:.14em!important;color:#E9CF85!important}
  /* 3 · IGI Certified — the box that sells: centred, gold hairline, large logo plate */
  body.lx .bb-col-media .pdp2-igi{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:calc(14px / var(--pdp-zoom))!important;margin:calc(28px / var(--pdp-zoom)) 0!important;padding:calc(30px / var(--pdp-zoom)) calc(26px / var(--pdp-zoom)) calc(28px / var(--pdp-zoom))!important;border:1px solid #E9CF85!important;background:linear-gradient(160deg,#0a0f3d 0,#080b2c 100%)!important;box-shadow:inset 0 0 0 calc(5px / var(--pdp-zoom)) #080b2c, inset 0 0 0 calc(6px / var(--pdp-zoom)) rgba(233,207,133,.35)!important}
  body.lx .bb-col-media .pdp2-igi-logo{flex:0 0 auto!important;width:calc(210px / var(--pdp-zoom))!important;height:calc(96px / var(--pdp-zoom))!important;background:#000!important;border:1px solid rgba(233,207,133,.55)!important}
  body.lx .bb-col-media .pdp2-igi-logo img{max-width:86%!important;max-height:80%!important}
  body.lx .bb-col-media .pdp2-igi-tx{align-items:center!important;gap:calc(6px / var(--pdp-zoom))!important}
  body.lx .bb-col-media .pdp2-igi-k{font-size:calc(21px / var(--pdp-zoom))!important;letter-spacing:.22em!important;color:#E9CF85!important}
  body.lx .bb-col-media .pdp2-igi-h{font-size:calc(19px / var(--pdp-zoom))!important;line-height:1.35!important;color:#FBF8F1!important}
  body.lx .bb-col-media .pdp2-igi-b{font-size:calc(15.5px / var(--pdp-zoom))!important;line-height:1.5!important;color:#EFE9DF!important}
  /* 4 · story title: navy ink, 2pt (≈2.7px) larger, a fine shimmering gold line beneath (≈66% wide) */
  body.lx .bb-col-buy #madeForYou .pdp2-story-h{font-size:calc(23.1px / var(--pdp-zoom))!important;color:#080b2c!important;margin:0 0 calc(20px / var(--pdp-zoom))!important}
  body.lx .bb-col-buy #madeForYou .pdp2-story-h::after{content:""!important;display:block!important;width:66%!important;height:1px!important;margin:calc(14px / var(--pdp-zoom)) auto 0!important;background:linear-gradient(90deg,rgba(201,162,74,0) 0%,#c9a24a 18%,#E9CF85 38%,#fff4cf 50%,#E9CF85 62%,#c9a24a 82%,rgba(201,162,74,0) 100%)!important;background-size:220% 100%!important;animation:p8shimmer 5.5s ease-in-out infinite!important}
  @keyframes p8shimmer{0%{background-position:100% 0}50%{background-position:0% 0}100%{background-position:100% 0}}
  @media (prefers-reduced-motion:reduce){body.lx .bb-col-buy #madeForYou .pdp2-story-h::after{animation:none!important;background-position:50% 0!important}}
  /* 5 · story text: navy ink on the light card, comfortable size */
  body.lx .bb-col-buy #madeForYou .pdp2-story-p{color:#080b2c!important;font-size:calc(18px / var(--pdp-zoom))!important;line-height:1.7!important;font-weight:500!important}
  /* collection eyebrow + subtitle: a navy-grey that keeps their quiet role but reads (≈8:1 on the egg ground; was #8a8d91 ≈ 2.2:1) */
  body.lx .bb-col-buy .lx-eyebrow, body.lx .bb-col-buy .bb-sigkw{color:#3a3f5c!important}
  @media(min-width:1024px) and (max-width:1279.98px){body.lx .bb-col-buy .lx-eyebrow{letter-spacing:.14em!important}}
  /* Signature: "This Piece, As It Ships" in the same voice as Private's pickers; the change-metal note like the upgrade note */
  body.lx.sg-fill .sg-asis-h{font:400 calc(13.5px / var(--pdp-zoom))/1.4 "2N Cinzel","Cinzel",Georgia,serif!important;letter-spacing:.16em!important;color:#080b2c!important;margin:0 0 calc(8px / var(--pdp-zoom))!important}
  body.lx.sg-fill .sg-asis .sp .k{font-size:calc(11.5px / var(--pdp-zoom))!important;letter-spacing:.16em!important;color:#080b2c!important}
  body.lx.sg-fill .sg-asis .sp .v{font-size:calc(15.5px / var(--pdp-zoom))!important;color:#080b2c!important}
  body.lx.sg-fill .sg-asis .sp:first-of-type .v{display:inline-flex!important;align-items:center!important;min-height:calc(36px / var(--pdp-zoom))!important;padding:0 calc(14px / var(--pdp-zoom))!important;background:#000!important;color:#FBF8F1!important;-webkit-text-fill-color:#FBF8F1!important;font-size:calc(13px / var(--pdp-zoom))!important;letter-spacing:.06em!important}
  body.lx.sg-fill .bb-col-buy p.mfy-upg, body.lx.sg-fill .bb-col-buy p.mfy-upg a{font-size:calc(15.5px / var(--pdp-zoom))!important;line-height:1.7!important}
  body.lx.sg-fill .bb-col-buy p.mfy-upg{color:#1f2133!important}
  @media(max-width:640px){
    body.lx .bb-edu-blurb .pdp2-cert{font-size:calc(14.5px / var(--pdp-zoom))!important}
    body.lx .bb-edu-blurb .edu-head .edu-l1{zoom:1.275!important}
    body.lx .pdp2-graded-h{font-size:calc(16px / var(--pdp-zoom))!important;letter-spacing:.1em!important}
    body.lx .bb-col-media .pdp2-igi{padding:calc(24px / var(--pdp-zoom)) calc(18px / var(--pdp-zoom))!important}
    body.lx .bb-col-media .pdp2-igi-logo{width:calc(180px / var(--pdp-zoom))!important;height:calc(82px / var(--pdp-zoom))!important}
    body.lx .bb-col-media .pdp2-igi-k{font-size:calc(18px / var(--pdp-zoom))!important}
    body.lx .bb-col-media .pdp2-igi-h{font-size:calc(17px / var(--pdp-zoom))!important}
    body.lx .bb-col-media .pdp2-igi-b{font-size:calc(15px / var(--pdp-zoom))!important}
    body.lx .bb-col-buy #madeForYou .pdp2-story-h{font-size:calc(19.7px / var(--pdp-zoom))!important}
    body.lx .bb-col-buy #madeForYou .pdp2-story-p{font-size:calc(17px / var(--pdp-zoom))!important}
    body.lx.sg-fill .bb-col-buy p.mfy-upg, body.lx.sg-fill .bb-col-buy p.mfy-upg a{font-size:calc(15px / var(--pdp-zoom))!important}
  }
}