/* ============================================================
   NEWROME PRESS — ZOEY OVERRIDE CSS (Pearl system) · v52.110
   v52.110: §25.57 exempts the 360° viewer (its tooltips were
   blanked); §26 tooltip + toolbar hardening.
   v52.109: §26 hardened (verified live): overlay/label/close
   carry !important against Zoey's global p/button rules; the
   trigger is body-level absolute (Block 51 v2).
   v52.108: §26 — product 360° spin (Block 51): trigger under the
   main image, full-window Orbitvu overlay in Pearl.
   v52.107: §25.25 — rail ornament has NO hard-coded fallback;
   the content manager alone governs it (loader v2.3 caches the
   URL per browser and applies it before first paint). Needs
   Block 22 / Block 39 loader v2.3. Supersedes v52.106.
   v52.105: §25.61 — rail ornament fits ANY shape ('contain' in
   the spacer) and no longer shrinks on page open (eagle box
   reserved; eagle stays 200px). Supersedes the v52.104 draft.
   v52.103: §8 — product thumbnail carousel arrows work again:
   the top:0 pin on the thumb strip is lifted (it froze the
   scroll on galleries longer than the visible window).
   v52.98: §25.60 — short viewports (PC 125% scaling) collapse
   the rail's bottom spacer so the bird gets all spare height.
   v52.97: §25.59 — text-only nav flyouts (THE PRESS) match
   the account panel: compact, gold seam, hairline mono rows.
   v52.95: §25.58 — account menu is teleported to the page
   root (verified live), so it is pinned beside the rail as a
   Pearl flyout like the nav menus, not restyled in place.
   v52.93: rail breakpoint 768px → 744px — iPad Mini portrait
   (744px viewport) is device-classed media-d but fell below
   the old gate: desktop header markup with no rail layout —
   collided components. Mobile cap moves 767 → 743 to match.
   v52.92: §25.57 — pasted inline span backgrounds (white
   highlight bars) are stripped; Pearl text sits on the paper.
   v52.91: §25.56 — retire pre-Pearl inline remnants: elements
   still carrying inline 'DM Sans' (About page pasted markup)
   are forced to the Pearl body font and ink.
   v52.90: §25.55 — spotlight grid goes true masonry: spans are
   computed by the loader in self-closing 8-column bands, so
   the rectangle reflows solid on any add/delete; fixed span
   classes removed.
   v52.89: §25.55 — spotlight hover grid (Pearl dress for the
   "Hover Animated Portfolio" example, transposed to landscape
   8x5; cream tiles, hairline borders, serif labels; circular
   cursor-following image reveal). Loader type 'spotlight'.
   v52.88: §25.54 — mini-cart drawer dressed in Pearl (paper
   panel, cream item cards, serif title, crimson buttons,
   hairlines; draft selector pill goes cream/hairline).
   v52.87: §25.53 — gallery grid-locked like the blog slider
   (v52.85): slides = exact thirds of the canvas so card
   boundaries ride the page hairlines; cards fill their third
   with 28px gutters; arrows tucked to the canvas edges.
   v52.86: §25.53 — art gallery slider (Pearl dress for the
   Swiper 11 'Abstract Art' example: cream cards on paper,
   hairline borders, serif titles, crimson accents; nav
   arrows + pill pagination; active card reveals head/foot).
   v52.85: §25.52 — blog slider grid-locked (slides = exact
   thirds of the canvas, boundaries on the page hairlines, like
   the testimonials); arrows page by three.
   v52.84: §25.52 — blog block becomes a fixed-height thumbnail
   SLIDER (200×150 frames, snap + arrows); footprint no longer
   grows with content.
   v52.83: §25.52 redesigned — homepage blog block becomes a
   compact vertical LIST (88px thumbs); the card grid let one
   portrait cover render hero-sized.
   v52.82: §25.52 — homepage "From the Blog" cards (Block 45);
   blog platform ships (supabase-blog.sql, blog SPA, Block 44).
   v52.81: §25.51 count margin levelled (CART (2) baseline).
   v52.80: §25.51 — rail cart count snug (empty .label ate a
   flex gap slot); §25.49-50 shipped earlier same day.
   v52.79: §25.50 — category page titles join Pearl (serif +
   crimson stop via ::after + hairline on the theme's built-in
   .category-title heading; verified live on /books).
   v52.78: §25.49 — rail sub-menu accordion; THE PRESS (label
   without href, hover-only tippy) was dead on iPads. Tap
   adapter v2 in Blocks 22/39 toggles inline expansion.
   v52.77: §25.46 extended — pill catcher v2 CAUGHT the true
   flash: skeleton SHIMMER gradient on the ::after pseudo of
   empty holepunch placeholders. Holepunch pseudos killed.
   v52.76: §25.48 — pill catcher CAUGHT the flash: white bg
   fading to transparent on .zoey-header-cart / rail fragments
   at injection. Containers pinned: no bg/transition/animation.
   v52.75: §25.47 — whitish flash beside clicked nav items was
   the B2B draft/cart switcher rendering in-flow during mount
   before Zoey parks it off-screen; 1.2s visibility defer.
   v52.74: §25.46 corrected — v52.73's blanket holepunch pin
   stripped backgrounds off CONTENT-BEARING holepunch wrappers
   (dark band across homepage). Now :empty placeholders only.
   v52.73: §25.46 — holepunch pin; v52.72 removed the orange but
   the holepunch node still flashed a faint WHITE pill (it sits
   outside the header-top-menu wrapper). Pinned by name, any color.
   v52.72: §25.45 — blanket menu pin; the flash is a gradient
   (background-image) on unpinned menu wrapper layers.
   v52.71: §25.44 — company env switcher (B2B, hole-punched for
   logged-in sessions) was the orange flash; now Pearl.
   v52.70: §25.43 — the orange flash is in the MOBILE DRAWER
   menu (recordings were phone captures); drawer pinned across
   all states + tap highlight.
   v52.69: §25.43 extended — menu dropdown BUTTONS were outside
   the pin; the platform button pill was the orange flash.
   v52.68: §25.43 — rail menu mount-flash killed (orange active
   pill was fading out via transition on every page load).
   v52.67: §25.42 — AJAX loader re-skinned (amber gif → crimson
   ring on paper).
   v52.66: §25.41 — image hover-zoom disabled on touch devices
   (preview pane rendered off-screen on phones).
   v52.65: mobile header z to 1000 — was still under the
   announcement component (z 950); front-page hamburger fix.
   v52.64: §25.40 — Pearl page-title block (Block 43).
   v52.63: errata form buttons stack (were colliding); intro
   dash entity fixed in Block 42.
   v52.62: §25.39 — errata reporting form (Block 42).
   v52.61: category flyouts (thumbnail menus) start near the
   top; short text flyouts stay centered.
   v52.60: §25.38 corrected — position override removed, header
   z lowered below the stuck announcement bar.
   v52.59: §25.38 — mobile header raised above body groups
   (front-page hamburger was untappable on phones).
   v52.58: look-inside host components pointer-transparent —
   the component box was blocking Add to Wishlist clicks.
   v52.57: look-inside trigger hardened against theme Button
   hover; script now aligns the trigger to Add to Cart.
   v52.56: §25.37 — look-inside becomes a compact trigger with
   flipbook overlay (Block 40 v2).
   v52.55: obey image transparency everywhere — §25.28 plate
   removed, §25.36 category-grid hover-layer whites cleared.
   v52.54: §25.35 — quick-order thumbnails obey image
   transparency (white plate removed).
   v52.53: search results page joins the no-grid list
   (search-index-index; catalogsearch-* never matched here).
   v52.52: quick-order pages join the no-grid list (keyed on
   the zoeydev-product-table component; verified live).
   v52.51: §25.34 collapse selector fixed — binds to
   .zoey-core-html only (ancestor groups were being hidden).
   v52.50: §25.34 — scripts-only components (Block 39) collapse
   via .nr-collapse marker.
   v52.49: §25.33 — Pearl FAQ accordion (Block 38, managed).
   v52.48: rail ornament URL managed via --nr-rail-ornament
   (site-settings, content manager).
   v52.47: §25.31 — content-manager presets (voice/size classes
   applied by the Block 37 loader).
   v52.46: §25.30 flipbook pages repainted cream (HTML render
   mode, .nr-fpage).
   v52.45: §25.30 — flipbook block (Block 36, StPageFlip).
   v52.44: .nr-cells borders re-keyed per device — stacked
   layouts kept mid-list hairlines (iPhone fix).
   v52.43: .nr-cells--4 variant (Block 26 at eight cells, 4×2)
   with re-keyed hairline borders.
   v52.42: Block 35 grows to 24 scraped reviews; dots hidden on
   phones; Block 35 script advances by page.
   v52.41: §25.29 — testi track spans full canvas (side padding
   moved to cells) so slider hairlines sit ON the page grid
   lines; Block 35 script retries until Zoey layout is ready.
   v52.40: §25.29 revised — testimonial hairlines pinned to the
   track (lines fixed at column thirds, text slides under them);
   cards one-third width; 2-up/1-up breakpoints.
   v52.39: §25.29 — testimonials slider (Block 35): CSS scroll-
   snap strip, hairline dividers; optional JS dots/auto-advance.
   .nr-testi joined the §25.10 host-geometry list.
   v52.38: §25.28 — Pearl repaint of the zoeydev-product-list1
   component (grey info panel, boxed items, star color).
   v52.37: §25.27 — quad hero (Block 34): four images 2×2 with
   hairline splits; --plates variant for covers on white.
   (Header version froze at v52.20 through v52.35 due to a
   tooling slip — the CONTENT was always current; sections
   §25.15–§25.26 below are the authoritative record. This file
   contains: quick-order tables, footer palette, account pages,
   account manager, rail ornament + 200px centered logo, image
   heroes 30–32 + fixes, breadcrumb no-wrap, contact/FAQ/About
   repairs, stock text/banner opacity, reveal-on-scroll CSS.)
   v52.20: §25.15 — breadcrumb trail never wraps (wrapped lines
   collided with the category title); phones scroll a too-deep
   trail sideways.
   v52.19: logotype filter removed — a true crimson export of
   the logotype replaces the gold asset (see §3 content:url).
   v52.18: §25.14 — mobile header + drawer to Pearl (greige bar
   under a hairline, crimson glyphs and labels, logotype
   filter-recolored from gold to crimson).
   v52.17: §25.13 re-keyed on real width (≤1150px) — Zoey's
   media classes come from device detection, so tablets classed
   media-d never received the category strip.
   v52.16: §25.13 — tablet/mobile category tree ("Other
   Categories") collapses from a stacked column to a compact
   wrapped caps strip; products return above the fold.
   v52.15: grid omitted on category + search pages too (filter
   rail + card grids can't align to the thirds; card hairlines
   carry the structure). Verified live on /books.
   v52.14: grid omitted on product/cart/checkout pages (their
   templates can't align to the thirds).
   v52.13: grid pseudo to z-index:-1 under an isolated #pix-fe —
   element backgrounds now cover the lines by paint order (the
   z:0 pseudo painted over in-flow backgrounds; §25.12's opaque
   panels only work because of this).
   v52.12: §25.12 — Blocks 29 (pull quote) and 28 (contact) on
   opaque paper at all widths; lines never run beneath them.
   v52.11: tablet (≤1150px) — .nr-sec and .nr-phero collapse to
   one column and turn OPAQUE (paper) so the grid lines never
   run beneath their content; between-the-lines fitting only
   applies where the three columns exist.
   v52.10: §25.3 .nr-sec columns ride the global grid lines
   (content between the lines, Pearl-style); §25.10 Pearl block
   hosts lose wrapper padding/geometry; §25.11 Pearl anchor
   colors restated above `#pix-fe a` — collection cell names
   were invisible on the dark band.
   v52.9: §25.9 — announcement host wrappers lose their 10px
   padding-top; the bar sits flush at the viewport top and the
   grid no longer peeks above it.
   v52.8: §25.2 rebuilt — the column grid is painted by
   #pix-fe::before (fixed, z0) instead of the Block 23 element;
   sharing a component with Block 22 had lifted the lines into
   the host's z950 stacking context, painting them OVER the
   bar. Block 23 retired; leftover markup is hidden.
   v52.7: Block 22 + Block 23 coexistence (verified live).
   §25.2 no longer collapses a component that ALSO hosts the
   announcement bar; new §25.9 pins the annc host's geometry —
   Zoey's full-width breakout math positioned the bar ~11,500px
   off-canvas when it lives in a banner component outside the
   design-center wrapper (it only appeared when the sticky
   script fixed it on scroll). §25.8 retired: that banner
   component is now the Block 22 host.
   v52.6: §25.5 — Block 22 background to the GREIGE FIELD
   (var(--nr-paper)): the bar is no longer a cream band, it
   sits on the single Pearl canvas under a hairline. Link
   underline fully removed.
   v52.5: §25.5 — Block 22 action link to Pearl (crimson caps,
   no underline; was Margaux ink-on-stone), kicker to true
   crimson.
   v52.4: §25.8 — the VDE welcome banner (cp-6a4e44fd…, the
   "WELCOME TO OUR NEW SITE." strip) repainted from its
   design-set dark band to the Pearl announcement treatment.
   v52.3: rail logo 96px → 150px.
   v52.2: §25.7 PEARL RAIL, COMPLETE (verified live) — every
   remaining Margaux cue out of the rail: welcome line and
   account/cart icons removed (quiet caps text, the cart reads
   CART (2)), currency label hidden and select unboxed, search
   is an underline field, chevrons gone; utilities + nav ride
   the vertical center via ::before/::after flex spacers, logo
   at the foot.
   v52.1: §25.6 PEARL GEOMETRY HOTFIX (verified live) — single
   canvas (design-set group background colors released, the
   old cream #FBF7EF second surface is gone); logo moves to
   the BOTTOM of the rail (order out-ranks §10, margin-top:
   auto pins it); nav rows lose the Margaux hairline boxes
   (float at 42px); Pearl active/hover indicator bar at the
   rail edge on li.level0.
   v52: §25 PEARL PASS — whole-storefront retheme to the
   approved Pearl-style mockup: greige field (#E8E4DC), crimson
   accent (#AA2832), warm-ink dark surfaces, Archivo structure,
   Playfair Display quotes; global 3-column hairline grid
   (Block 23); rail returns to the light with crimson caps
   labels (out-ranks §22 later in file); Pearl block apparatus
   for Blocks 24–29 (newrome-block-library-v2.html); product
   cards on opaque paper panels. §0 @import extended with
   Archivo + Playfair Display. All prior plumbing (§2 rail
   mechanics, §9/§13 flow, §10–§12, guards) unchanged.
   v51: EDITOR FIX — every layout-destructive rule added since
   §13 (nav rebuild, height releases, mobile navy menu, ghost/
   icon-banner kills, annc pin) now carries the
   :not(.pix-designcenter-admin) guard, so the VDE canvas
   renders stock and stays editable. The ghost banner and icon
   banners are visible ONLY in the editor — delete them there
   if desired.
   v50: §24 announcement bar (Block 22, bone + navy variants,
   dismissible); breadcrumb click fix (collapsed component let
   the title block swallow clicks); qty "Book(s)" chip de-blued;
   mobile sub-category strip centered; icon banners pinned by
   cp-id.
   v49: §23 category page apparatus — sub-category tiles become
   a mono index strip, layered filters lose the gray slab
   (hairline sections, mono headings, mono counts, sienna
   checkboxes, hairline size chips), category tree quieted,
   sort toolbar in mono. Verified live on /books.
   v48: flyout labels to sienna (nav color rules no longer leak
   into the nested flyout DOM); killed Zoey's stray hover
   underline (.menu-item-underline); flyout overlap strip made
   transparent so rail hairlines/chevrons show through; nav
   labels flex-centered in their rows (THE PRESS rode high) and
   chevron stock margin-top removed (rode 7px low); all nav rows
   equalized to 54px (chevron-less items rendered shorter);
   label overlays normalized to fill their rows — BOOKS's <a>
   overlay carried stock offset/padding the <span> ones lack;
   mobile logotype swap (§3); §17b mobile cart drawer header
   (bone slab removed, black disc close button quieted); mobile
   header + menu + account links in navy (rail language: mono
   paper labels, translucent hairlines, gold accents).
   v46: §22 NAVY RAIL — rail in Margaux Navy, paper nav labels,
   dark form fields, chevrons pinned right, flyout gradient.
   v47: gold logo recut (NRAlegreya_Accent-4.png) via
   content:url(); --nr-gold #CDA95E sampled from the logo and
   applied as the single accent on all navy surfaces — welcome
   line, chevrons, nav hover, cart glyph, account icon, field
   focus, search icons (§22), footer headings/hover and navy
   band kickers (§22b). Sienna remains the accent on paper.
   v45: §2.7d account icon → Bootstrap-style person (inline
   SVG; the login component's private icon font ignores the
   global Icon Font Family setting).
   v44: §2.7c rail utility zone alignment — account, cart, and
   currency unified into one left-aligned column (were
   left/center/right respectively).
   v43: block action links (.nr-link — "Write to the press",
   "About the book", "View the series", …) now JetBrains Mono
   labels (11px, +16% tracking, uppercase, hairline underline).
   v42: footer fully in JetBrains Mono (headings stone, links
   bone, icon glyphs preserved).
   v41: Currency label (bare span in the text component) and
   search input (class .search-input, not .input-text) now
   mono — the last two rail stragglers.
   v40: nav mono FIX — the visible label is span.menu-item-
   link-text, which Zoey styles directly; v38 only styled the
   anchor. The span is now targeted; nav labels render mono.
   v38: rail nav in JetBrains Mono (12px, +16% tracking,
   uppercase) — nav items as system labels per the guidelines.
   v39: mono extended to the whole rail — login, cart count,
   currency label + selector, search field and placeholder
   (icon fonts untouched).
   v36: §21 typography hardening — <p>-based utilities (kicker,
   mono labels, lede, letter, signature, colophon) re-asserted
   past Zoey's theme paragraph rules.
   v37: page-title underlines and divider bars softened to bone
   hairlines globally (§1).
   v34: §20 About page styles (mission line, five house rules
   table, letter from the publisher) — Blocks 16–20.
   v35: §20 team index styles (.nr-team) for Block 21; About
   kit now carries the original About Us content (name story,
   the mark, team, real mission line).
   v33: §19 slideshow reskin (Fraunces display forced past
   authored inline styles, quiet paper-square controls, sienna
   page markers, square geometry).
   v32: §18 accordion reskin (hairline rows, Fraunces titles,
   sienna list markers).
   v31: drawer header pinned to verified classes
   (.block-subtitle/.minicart-subtitle); drawer buttons quiet
   by default (Edit Item), only checkout solid navy.
   v29: §17 mini-cart drawer reskin (paper drawer, Fraunces
   heading, mono draft label, letter-voice empty message;
   optional rule to hide the B2B Drafts UI).
   v30: §17 populated-drawer pass — header strip, line-item
   card, product name in Fraunces, mono SKU/prices, navy
   Review & Checkout.
   v28: §16 — colophon block styles, 404 page styling, empty
   cart voice swap ("Your basket is empty. The shelves are
   not.") — verify the cart swap in preview with an empty cart.
   v26: §14 Klevu search suggestion panel reskinned (paper
   panel, mono headings, quiet View-all link, sienna stars).
   v27: §15 — Klevu results-page white filter strip → paper;
   reviews section white group background → paper, hairline
   review separators, Fraunces headings, quiet form fields.
   v23: §13 — Quick Order (and any dynamic page) content no
   longer overlapped by the newsletter/footer; reserved body
   heights released and Zoey's negative-margin correction
   neutralized at rail widths.
   v24: §13 hotfix — the flow rule excluded the header (v23's
   version out-ranked the rail's position:fixed and made the
   rail scroll with the page).
   v25: Add to Cart height released (stock 40px height clipped
   the label under the Margaux padding).
   v22: kills Zoey's sticky-header compensation spacer (an
   empty div sized to the 100vh rail = a full viewport of dead
   space at the top of product pages) and the thumbnail
   carousel's mis-computed geometry.
   v20: centered rail logo; mobile menu pink tint (broken oklch
   from Zoey) replaced with Paper + hairlines.
   v21: hero plate uses drop-shadow() (alpha-following — for
   transparent-background images); .nr-flip mirrored hero
   variant (image left, text right; text leads when stacked).
   v19: §9b width-keyed body flow — fixes block overlap at
   tablet widths where §5b makes blocks taller than their
   reserved canvas heights but Zoey still classes the window
   as media-d.
   v18: tablet support — the rail now applies from 768px up and
   on Zoey's media-t class (Zoey labels 768–960px windows
   media-d while the old 961px gate kept the rail off: that gap
   was the broken tablet view). §5b collapses .nr- grids by
   real width. Below 768px the mobile header takes over.
   v16: §10 rail order (logo → login → cart → currency → search
   → nav) via flattened flex; also pins rail components against
   Zoey's scroll-repositioning JS.
   v17: §11 flyout hardening (fixes horizontal-scrolling mega
   menu caused by §10's flex + Zoey JS mis-measurement) and
   §12 short-viewport rail compression (rail rarely needs to
   scroll internally, so items stay put).
   v15: §9 mobile/tablet body flow — components stack by real
   height instead of reserved canvas heights (fixes overlapping
   blocks on mobile).
   v13: §8 product page reskin (title, price, gallery plate,
   navy Add to Cart, mono specs table, sienna stars).
   v14: §2.4b catch-all — header components on product/other
   templates carry canvas placement offsets (left:2000px+);
   all rail components now have their geometry reset, so the
   rail renders identically on every page type.
   v11: §5 homepage section classes for the front-page rebuild
   (see newrome-homepage-blocks.html for the paste-ready blocks).
   v12: §7 block library styles (see newrome-block-library.html)
   + global Margaux reskin of Zoey product cards (.zoey-product)
   so Product List blocks and category grids match the system.
   v10: flyout items as medium rows — 76px thumbnails beside
   16px labels; Zoey's tile-layout veil and underline pseudos
   removed; row backgrounds cleared.
   v8: flyout panel selector keys on .dropdown-menu (present on
   every nav flyout variant — megamenu and column layouts) so
   THE PRESS and BOOKS both pin to the rail; tooltips unaffected.
   v9: flyout content starts at --nr-flyout-top (default 200px)
   so it opens level with the nav block — short menus like THE
   PRESS no longer float at the top of the viewport. Tune the
   variable if the logo height changes.
   Requires: Layout Desktop Max-Width = 100% (Layout Settings)

   v6: editor-safe. In the Visual Design Editor the storefront
   wrapper (#pix-fe) carries the class .pix-designcenter-admin,
   so every layout selector includes
   :not(.pix-designcenter-admin) — the rail/flyout CSS is inert
   inside the theme builder (which cannot render position:fixed)
   and fully active on the live storefront and Preview.
   TESTED live against newromepress.com with the stylesheet
   loaded FIRST (Zoey asset load order) — all layout rules
   carry !important because Zoey's theme CSS loads after
   custom assets and wins ties otherwise.

   v4: working dropdown flyouts. Zoey's mega-menu uses
   Tippy.js — on hover its JS teleports the submenu out of
   .dropdown-content into a [data-tippy-root] popper. The
   flyout is therefore styled on the tippy container (scoped
   with :has(.dropdown-menu) so ordinary tooltips are
   unaffected), and the placeholder .dropdown-content is
   permanently hidden.

   Paste into: Theme → gear → Manage Theme Assets → CSS
   Scope: entire theme.

   Judge results in Preview Theme / View Store only — the
   Visual Design Editor canvas cannot render position:fixed.
   ============================================================
   (banner version = newest entry; bump BOTH on every change)
   ============================================================ */

/* ---- §0 · Fonts ------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;1,300&family=DM+Sans:wght@400;500&family=JetBrains+Mono:wght@300;400&family=Archivo:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root{
  --nr-navy:#14213D;
  --nr-gold:#CDA95E;         /* sampled from the gold logo recut */
  --nr-gold-dim:rgba(205,169,94,.45);
  --nr-sienna:#C1652F;
  --nr-sienna-deep:#9D4F23;
  --nr-paper:#F5F1E8;
  --nr-bone:#E8E1CF;
  --nr-stone:#9C9485;
  --nr-ink:#0A0A0A;
  --nr-sidebar-w:280px;
  /* vertical offset of flyout content — set to match where the
     nav block starts in the rail (logo height + margins) */
  --nr-flyout-top:200px;
  /* breathing room above the hero block — tune to taste */
  --nr-hero-top:56px;
  --nr-display:'Fraunces',serif;
  --nr-body:'DM Sans',sans-serif;
  --nr-mono:'JetBrains Mono',monospace;
}

/* ---- §1 · Global feel -------------------------------------- */
#pix-fe{
  background:var(--nr-paper) !important;
  color:var(--nr-ink);
  font-family:var(--nr-body);
  line-height:1.55;
}
#pix-fe h1, #pix-fe h2, #pix-fe h3{
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  letter-spacing:-0.025em;
  text-transform:none !important;
}
#pix-fe a{ color:var(--nr-ink); }
#pix-fe a:hover{ color:var(--nr-sienna-deep); }

#pix-fe .button, #pix-fe button.button{
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid var(--nr-stone) !important;
  border-radius:0 !important;
  color:var(--nr-ink) !important;
  font-family:var(--nr-body) !important;
  font-weight:500;
  text-transform:none !important;
  padding:10px 2px;
  transition:border-color .2s, color .2s;
}
#pix-fe .button:hover, #pix-fe button.button:hover{
  border-bottom-color:var(--nr-sienna) !important;
}
/* Exception: checkout actions stay solid for clarity */
#pix-fe .btn-checkout, #pix-fe .btn-proceed-checkout{
  background:var(--nr-navy) !important;
  color:var(--nr-paper) !important;
  border:none !important;
  border-radius:0 !important;
  padding:14px 28px;
}

#pix-fe .price, #pix-fe .price-box{
  font-family:var(--nr-mono) !important;
  font-weight:300;
  letter-spacing:.04em;
}
#pix-fe .old-price .price{ color:var(--nr-stone) !important; }

#pix-fe hr{ border:none; border-top:1px solid var(--nr-bone); }
/* page-title underlines and divider bars: bone hairline, not
   a gray/primary slab (covers system pages like cart, category,
   and any leftover title-divider blocks) */
#pix-fe .primary-border-color{ border-color:var(--nr-bone) !important; }
#pix-fe .page-title{ border-color:var(--nr-bone) !important; background:transparent !important; }
#pix-fe [class*="divider"] hr,
#pix-fe [class*="zoeydev-divider"]{
  border-color:var(--nr-bone) !important;
  background:var(--nr-bone) !important;
  height:1px !important;
  box-shadow:none !important;
}

/* ============================================================
   §2 · FIXED LEFT RAIL — desktop only (body.media-d + query)
   Every rule !important: this sheet loads before theme CSS.
   ============================================================ */
@media (min-width:744px){

  /* 2.1 — Pin the header. Zoey centers this component with
     transform:translateX() — must be cancelled or the fixed
     rail is thrown off-screen. */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header{
    position:fixed !important;
    top:0 !important; left:0 !important; bottom:0 !important;
    right:auto !important;
    transform:none !important;
    margin:0 !important;
    width:var(--nr-sidebar-w) !important;
    height:100vh !important;
    overflow-y:auto !important;
    background:var(--nr-paper) !important;
    border-right:1px solid var(--nr-bone) !important;
    padding:40px 28px 24px !important;
    z-index:1000 !important;
  }

  /* 2.2 — Push all page content clear of the rail.
     Works on design-center pages AND system pages (cart etc.) */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper{
    margin-left:var(--nr-sidebar-w) !important;
    width:auto !important;
  }

  /* 2.2b — Kill Zoey's viewport-based "full width" breakout on
     content rows. Zoey's CDN stylesheet bleeds rows to 100vw
     via min-width:% + negative margins, which shoves content
     280px left under the rail. The doubled #pix-fe id is
     deliberate — it out-ranks Zoey's high-specificity rules. */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper .full-width-element,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper .js__full-width-element-initted,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper .toggle-group-is-full-width{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    left:0 !important; right:auto !important;
    transform:none !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper .full-width-content-element{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* 2.3 — Neutralize full-width breakout wrappers inside rail */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .full-width-element,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .full-width-content-element,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .component-content{
    display:block !important;
    float:none !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    left:0 !important;
    transform:none !important;
    background-image:none !important;
  }

  /* 2.4 — Stack every header sub-component vertically */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-top-links"],
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-minicart"],
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-search"],
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-language"],
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-currency"],
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-nav"],
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-header-top-menu"],
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .currency-switcher,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-core-group{
    float:none !important;
    clear:both !important;
    display:block !important;
    width:100% !important;
    margin:10px 0 0 !important;
    left:0 !important;
    transform:none !important;
    text-align:left !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .group-background-image-container{
    height:auto !important; width:100% !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-component-placement-height{
    height:auto !important;
  }

  /* 2.4b — CATCH-ALL: on some templates (e.g. product pages)
     Zoey positions header components with canvas offsets
     (left:2000px+ etc.). Every design component inside the
     rail loses its placement geometry, whatever its preset. */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .pix-design-component,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-logo"]{
    position:relative !important;
    left:0 !important; right:auto !important; top:auto !important;
    margin:10px 0 0 !important;
    float:none !important; clear:both !important;
    width:100% !important; max-width:100% !important; min-width:0 !important;
    transform:none !important;
    display:block !important;
  }

  /* 2.5 — Logo, centered in the rail */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-logo"]{
    text-align:center !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-core-header-logo img{
    max-width:170px !important;
    height:auto !important;
    display:block !important;
    margin:0 auto 20px !important;
  }

  /* 2.6 — Primary nav: vertical rows with hairlines.
     height:auto guards against Zoey inflating the list to
     reserve space for the open mega-menu. */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary{
    display:block !important;
    width:100% !important;
    columns:1 !important;
    background:transparent !important;
    margin-top:16px !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-wrap{
    height:auto !important;
    min-height:0 !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-inner{
    display:block !important;
    width:100% !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary > li.level0{
    display:block !important;
    float:none !important;
    width:100% !important;
    border-top:1px solid var(--nr-bone) !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary > li.level0:last-child{
    border-bottom:1px solid var(--nr-bone) !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 > a,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-inner a.menu-item-link{
    display:block !important;
    padding:13px 2px !important;
    font-family:var(--nr-mono) !important;
    font-size:12px !important;
    font-weight:400 !important;
    text-transform:uppercase !important;
    letter-spacing:.16em !important;
    color:var(--nr-ink) !important;
    background:transparent !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 > a:hover,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-inner a.menu-item-link:hover{
    color:var(--nr-sienna-deep) !important;
    background:transparent !important;
  }
  /* THE VISIBLE TEXT lives in span.menu-item-link-text, which
     Zoey styles directly (DM Sans 14px) — overriding what the
     anchor inherits. Style the span itself; doubled id to
     out-rank Zoey's rule. */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-link-text,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 a span{
    font-family:var(--nr-mono) !important;
    font-size:12px !important;
    font-weight:400 !important;
    letter-spacing:.16em !important;
    text-transform:uppercase !important;
  }

  /* 2.7 — Submenu flyouts. Zoey teleports the open submenu
     into a Tippy.js popper ([data-tippy-root]); the in-nav
     .dropdown-content is only a placeholder — keep it dead. */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 > .dropdown-content{
    display:none !important;
  }
  /* The tippy popper becomes a full-height panel beside the
     rail. Scoped with :has(.dropdown-menu) so ordinary
     tippy tooltips elsewhere keep their normal styling.
     HOVER-GAP FIX: tippy closes the menu when the pointer is
     >2px outside trigger/panel geometry (interactiveBorder:2),
     so the panel box starts 44px INSIDE the rail — overlapping
     the nav item's right edge. The seam is invisible (paper on
     paper); the extra left padding keeps content aligned. */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu){
    position:fixed !important;
    left:calc(var(--nr-sidebar-w) - 44px) !important;
    top:0 !important; bottom:0 !important;
    transform:none !important;
    margin:0 !important;
    width:424px !important;
    height:100vh !important;
    z-index:1001 !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu) .tippy-box{
    position:static !important;
    width:424px !important;
    max-width:424px !important;
    height:100vh !important;
    overflow-y:auto !important;
    background:var(--nr-paper) !important;
    border:none !important;
    border-right:1px solid var(--nr-bone) !important;
    border-radius:0 !important;
    box-shadow:24px 0 60px rgba(10,10,10,.08) !important;
    /* content starts level with the nav block, so short menus
       (e.g. THE PRESS) open beside their trigger instead of at
       the top of the viewport */
    padding:var(--nr-flyout-top) 36px 48px 80px !important;
    transform:none !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu) .tippy-arrow{ display:none !important; }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu) .tippy-content{ padding:0 !important; transform:none !important; }
  /* v52.61 — TALL flyouts (category menus, identified by their
     thumbnails) start near the top instead of viewport-center:
     seven thumbnail rows overflowed the bottom at the centered
     offset. Short text menus (THE PRESS) keep the centered
     --nr-flyout-top. The .tippy-box already scrolls internally
     if a menu outgrows the viewport. Verified live. */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(span.image) .tippy-box{
    padding-top:max(72px, calc(50vh - 500px)) !important;
  }

  /* Flyout content: one quiet column, small category thumbs */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .sub-menu-container,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .sub-menu-content,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] ul.menu{
    position:static !important;
    display:block !important;
    width:100% !important;
    columns:1 !important;
    background:transparent !important;
    box-shadow:none !important;
    border:none !important;
    padding:0 !important;
    margin:0 !important;
    height:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] ul.menu li{
    display:block !important; float:none !important;
    width:100% !important; margin:0 !important; border:none !important;
    background:transparent !important; box-shadow:none !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] ul.menu a{
    display:block !important;
    padding:12px 2px !important;
    font-size:14px !important;
    border-bottom:1px solid var(--nr-bone) !important;
    background:transparent !important;
    box-shadow:none !important; border-radius:0 !important;
    min-height:0 !important; height:auto !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .menu-item-inner{
    min-height:0 !important; height:auto !important;
    background:transparent !important; box-shadow:none !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .img-container{
    display:flex !important; align-items:center !important; gap:18px !important;
    background:transparent !important;
  }
  /* medium rows: 76px thumbs. position:static is required —
     Zoey absolutely-positions the image, which breaks the flex
     row and slides the label under the thumb. */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] span.image{
    display:block !important;
    position:static !important;
    width:76px !important; height:76px !important; flex:0 0 76px !important;
    background-size:cover !important; background-position:center !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .opacity-layer{ display:none !important; }
  /* Zoey paints a dark veil (span.image::before) across the
     whole row and a white underline (.category-name::after) —
     both are for the tile layout; remove them. */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] span.image::before,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .img-container::before,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .category-name::after{
    content:none !important; display:none !important;
  }
  /* Zoey overlays the label on the image tile — restore it to
     a static label beside the thumb, in ink */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .category-name-wrapper{
    position:static !important;
    text-align:left !important; width:auto !important; flex:1 !important;
    background:transparent !important; padding:0 !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .category-name{
    font-size:16px !important; letter-spacing:.02em !important;
    color:var(--nr-ink) !important; text-shadow:none !important;
    text-transform:none !important; font-weight:500 !important;
  }

  /* 2.7b — Rail utility text: everything in the rail speaks
     mono (nav is 2.6; this covers login, cart count, currency,
     search). font-family set on containers so icon fonts keep
     their own glyph families via their class rules. */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="header-top-links"],
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="minicart"],
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"],
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .currency-switcher{
    font-family:var(--nr-mono) !important;
    font-size:11px !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:var(--nr-ink) !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link .message,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link .label{
    font-family:var(--nr-mono) !important;
    font-size:11px !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link .message{
    color:var(--nr-sienna-deep) !important;
  }
  /* form controls don't inherit reliably — set them directly.
     NOTE: this theme's search input is input.search-input, not
     .input-text — target every input in the rail's search. */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header select,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search input,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="header-search"] input{
    font-family:var(--nr-mono) !important;
    font-size:11px !important;
    letter-spacing:.12em !important;
    text-transform:uppercase !important;
    color:var(--nr-ink) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search input::placeholder,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="header-search"] input::placeholder{
    font-family:var(--nr-mono) !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:var(--nr-stone) !important;
  }
  /* the "Currency:" label is a bare span inside the text
     component — Zoey's span rules beat inheritance, so style
     the descendants directly */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"] p,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"] span{
    font-family:var(--nr-mono) !important;
    font-size:11px !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:var(--nr-ink) !important;
  }

  /* 2.7c — Utility zone alignment: account, cart, and currency
     were each aligned differently (left/center/right). One
     left-aligned column with consistent rhythm. */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="header-top-links"],
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="header-top-links"] *:not(i),
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="minicart"],
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"],
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"] p,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"] .paragraph-content{
    text-align:left !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link{
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    column-gap:12px !important;
    align-items:center !important;
    justify-content:start !important;
    width:100% !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link .account-icon{
    grid-row:1 / 3 !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="minicart"] a,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-header-cart a,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-header-cart{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:10px !important;
    text-align:left !important;
    margin:0 !important;
  }

  /* 2.7d — Account icon: the login component uses its own
     single-purpose icon font ("account-icons") that ignores
     the global Icon Font Family setting — replaced with an
     inline SVG of the Bootstrap person (hairline stroke). */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .account-icon::before{ content:none !important; }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .account-icon{
    width:24px !important; height:24px !important;
    display:inline-block !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230A0A0A' stroke-width='1.1'%3E%3Ccircle cx='8' cy='4.8' r='2.7'/%3E%3Cpath d='M2.8 13.8 a5.4 5.4 0 0 1 10.4 0'/%3E%3C/svg%3E") !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
  }

  /* 2.8 — Search field: never wider than the rail */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search input.input-text{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* 2.9 — Retire sticky-scroll header clone */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .header-scroll-container{ display:none !important; }

}/* end desktop */

/* ============================================================
   §3 · MOBILE — Zoey's Mobile Optimized Header (preset1)
   provides the hamburger natively; reskin only.
   ============================================================ */
/* the mobile header goes navy, echoing the desktop rail — the
   gold logotype reads like the rail's gold eagle.
   Verified container: .zoey-header-mobile-top-menu-container
   (hamburger + logo + cart) */
#pix-fe.media-m .zoey-core-header-mobile,
#pix-fe.media-t .zoey-core-header-mobile,
#pix-fe#pix-fe .zoey-header-mobile-top-menu-container{
  background:var(--nr-navy) !important;
  background-color:var(--nr-navy) !important;
  border-bottom:none !important;
}
/* if the container sits inside a paper wrapper, paint that too
   (scoped to header-ish wrappers so a page-level div can never
   catch the navy) */
#pix-fe .group-background-image-container:has(> .zoey-header-mobile-top-menu-container),
#pix-fe [class*="header"]:has(> .zoey-header-mobile-top-menu-container),
#pix-fe [class*="mobile"]:has(> .zoey-header-mobile-top-menu-container){
  background:var(--nr-navy) !important;
  background-image:none !important;
}
/* center the logotype: equal fixed flanks (hamburger | logo |
   cart) — with unequal flanks the middle cell is off-center */
#pix-fe#pix-fe .zoey-header-mobile-top-menu-container{
  display:grid !important;
  grid-template-columns:48px 1fr 48px !important;
  align-items:center !important;
}
#pix-fe#pix-fe .zoey-header-mobile-logo,
#pix-fe#pix-fe .zoey-header-mobile-logo .pix-logo{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  float:none !important;
  margin:0 !important;
}
#pix-fe#pix-fe .zoey-header-mobile-cart{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
}
#pix-fe .zoey-core-header-mobile a,
#pix-fe .zoey-header-mobile-top-menu-trigger{
  color:var(--nr-bone) !important;
}
/* hamburger glyph */
#pix-fe#pix-fe .zoey-header-mobile-top-menu-trigger,
#pix-fe#pix-fe .zoey-header-mobile-top-menu-trigger .zoey-icon,
#pix-fe#pix-fe .zoey-header-mobile-top-menu-trigger .zoey-icon::before{
  color:var(--nr-gold) !important;
  background:transparent !important;
}
/* mobile cart trigger: gold glyph, bone count */
#pix-fe#pix-fe .zoey-header-mobile-cart .cart-icon-shopping-cart,
#pix-fe#pix-fe .zoey-header-mobile-cart .cart-icon-shopping-cart::before,
#pix-fe#pix-fe .zoey-header-mobile-cart [class*="cart-trigger"]{
  color:var(--nr-gold) !important;
}
#pix-fe#pix-fe .zoey-header-mobile-cart .count{
  color:var(--nr-bone) !important;
  background:transparent !important;
}
#pix-fe .zoey-core-header-mobile [class*="icon"],
#pix-fe .zoey-core-header-mobile button{
  color:var(--nr-gold) !important;
}
/* mobile logo: the full eagle mark is illegible at 44px — use
   the horizontal logotype (crimson wordmark (NEWROMELOGOTYPE-4, the press's export), ~13:1) instead.
   Constrained by WIDTH: at practical heights the wordmark is
   wider than a phone screen, so height-capping overflows. */
#pix-fe .zoey-header-mobile-logo img{
  content:url("//cfrouting.zoeysite.com/cdn-cgi/image/format=auto,quality=85,fit=scale-down/https://s3.amazonaws.com/zcom-media/sites/a0iUm000001aSurIAE/media/mediamanager/NEWROMELOGOTYPE-4.png") !important;
  max-width:min(230px, 58vw) !important;
  width:auto !important;
  height:auto !important;
  max-height:none !important;
}
/* Mobile menu: NAVY panels in the rail's language — mono paper
   labels, translucent bone hairlines, gold expanders. (Also
   fixes Zoey's broken oklch pink on expanded sections.) */
#pix-fe#pix-fe .zoey-header-mobile-top-menu,
#pix-fe#pix-fe .zoey-header-mobile-top-menu ul,
#pix-fe#pix-fe .zoey-header-mobile-top-menu li,
#pix-fe#pix-fe .zoey-header-mobile-top-menu li.level0,
#pix-fe#pix-fe .zoey-header-mobile-top-menu li ul,
#pix-fe#pix-fe .zoey-header-mobile-top-menu li li{
  background:var(--nr-navy) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#pix-fe#pix-fe .zoey-header-mobile-top-menu li{
  border-bottom:1px solid rgba(232,225,207,.22) !important;
}
/* top-level: mono labels like the rail */
#pix-fe#pix-fe .zoey-header-mobile-top-menu a{
  color:var(--nr-paper) !important;
  font-family:var(--nr-mono) !important;
  font-size:12px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
/* nested categories: quieter, body face, sentence case */
#pix-fe#pix-fe .zoey-header-mobile-top-menu li li a{
  color:var(--nr-bone) !important;
  font-family:var(--nr-body) !important;
  font-size:15px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
/* +/− expanders and any glyphs: gold */
#pix-fe#pix-fe .zoey-header-mobile-top-menu [class*="icon"],
#pix-fe#pix-fe .zoey-header-mobile-top-menu button,
#pix-fe#pix-fe .zoey-header-mobile-top-menu li > span{
  color:var(--nr-gold) !important;
  background:transparent !important;
}
/* account links block (Dashboard/Orders/…): same navy panel */
#pix-fe#pix-fe .zoey-account-links-mobile{
  background:var(--nr-navy) !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#pix-fe#pix-fe .zoey-account-links-mobile .title{ display:none !important; }
#pix-fe#pix-fe .zoey-account-links-content-mobile{
  background:var(--nr-navy) !important;
  margin:0 !important; padding:0 !important;
}
#pix-fe#pix-fe .zoey-account-links-content-mobile li{
  background:transparent !important;
  border-bottom:1px solid rgba(232,225,207,.22) !important;
  box-shadow:none !important;
}
#pix-fe#pix-fe .zoey-account-links-content-mobile li:last-child{
  border-bottom:none !important;
}
#pix-fe#pix-fe .zoey-account-links-content-mobile a{
  display:block !important;
  padding:16px 20px !important;
  color:var(--nr-paper) !important;
  font-family:var(--nr-mono) !important;
  font-size:12px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
}
/* §3b — hamburger menu page, VERIFIED markup:
   wrapper = .zoey-header-mobile-content (nav + account links)
   header  = .zoey-header-mobile-search (search + close trigger)
   nav     = .zoey-nav-wrap > ol.zoey-nav-primary (level0/level1)
   Scoped to .media-m — on tablet/desktop .zoey-nav-primary is
   the rail and must not catch these. */
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-header-mobile-content{
  background:var(--nr-navy) !important;
  background-color:var(--nr-navy) !important;
  min-height:100dvh !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) #zoey-nav-mobile{
  background:var(--nr-navy) !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-header-mobile-search{
  background:var(--nr-navy) !important;
  background-color:var(--nr-navy) !important;
  border-bottom:1px solid rgba(232,225,207,.22) !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-wrap,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-wrap .zoey-nav-primary{
  background:var(--nr-navy) !important;
  border:none !important;
  box-shadow:none !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level0,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level0 > ul,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level1{
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level0{
  border-bottom:1px solid rgba(232,225,207,.22) !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level1{
  border:none !important;
}
/* top level: rail language — mono uppercase paper */
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level0 > a.level-top,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level0 > a.level-top span{
  color:var(--nr-paper) !important;
  font-family:var(--nr-mono) !important;
  font-size:12px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  background:transparent !important;
}
/* children (About Us, Catechism…): quieter, body face */
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level1 a,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level1 a span{
  color:var(--nr-bone) !important;
  font-family:var(--nr-body) !important;
  font-size:15px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  background:transparent !important;
}
/* +/− expander */
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .toggle-menu-element,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .toggle-menu-element::before,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .toggle-menu-element::after{
  color:var(--nr-gold) !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .toggle-menu-element{
  background:transparent !important;
}

/* mobile search strip: dark field in the navy, gold glyphs,
   and the black-disc close replaced with a bare × */
#pix-fe .zoey-core-header-mobile .search-container,
#pix-fe [class*="header-mobile"] .search-container{
  background:rgba(245,241,232,.07) !important;
  border:1px solid rgba(232,225,207,.35) !important;
}
#pix-fe .zoey-core-header-mobile .search-container input,
#pix-fe [class*="header-mobile"] .search-container input{
  background:transparent !important;
  border:none !important;
  color:var(--nr-bone) !important;
}
#pix-fe .zoey-core-header-mobile .search-container input::placeholder,
#pix-fe [class*="header-mobile"] .search-container input::placeholder{
  color:rgba(232,225,207,.55) !important;
}
#pix-fe .zoey-core-header-mobile .icon-cancel-button,
#pix-fe [class*="header-mobile"] .icon-cancel-button,
#pix-fe [class*="mobile-search"] .icon-cancel-button{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  width:44px !important; height:44px !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  font-size:0 !important;
}
#pix-fe .zoey-core-header-mobile .icon-cancel-button::before,
#pix-fe [class*="header-mobile"] .icon-cancel-button::before,
#pix-fe [class*="mobile-search"] .icon-cancel-button::before{
  content:"\00D7" !important;
  font-family:var(--nr-body) !important;
  font-size:28px !important;
  line-height:1 !important;
  color:var(--nr-bone) !important;
  background:transparent !important;
}

/* ============================================================
   §4 · Utility classes — for HTML Blocks
   ============================================================ */
.nr-mono{
  font-family:var(--nr-mono);
  font-weight:400;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--nr-stone);
}
.nr-stop{ color:var(--nr-sienna); }

.nr-index{ border-top:1px solid var(--nr-bone); }
.nr-index a{
  display:grid;
  grid-template-columns:64px 1fr auto;
  align-items:baseline;
  gap:24px;
  padding:22px 2px;
  border-bottom:1px solid var(--nr-bone);
  text-decoration:none;
  transition:background .2s;
}
.nr-index a:hover{ background:rgba(232,225,207,.4); }
.nr-index .nr-num{
  font-family:var(--nr-mono);
  font-weight:300;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--nr-sienna);
}
.nr-index .nr-name{
  font-family:var(--nr-display);
  font-weight:300;
  font-size:26px;
  letter-spacing:-0.02em;
  color:var(--nr-ink);
}
.nr-index .nr-desc{
  font-size:14px;
  color:var(--nr-stone);
  text-align:right;
}
#pix-fe:is(.media-m,.media-t) .nr-index a{ grid-template-columns:44px 1fr; }
#pix-fe:is(.media-m,.media-t) .nr-index .nr-desc{ display:none; }

.nr-band{
  background:var(--nr-navy);
  color:var(--nr-paper);
  padding:88px 72px;
}
.nr-band h2{ color:var(--nr-paper) !important; }
.nr-band p{ color:var(--nr-bone); }
#pix-fe:is(.media-m,.media-t) .nr-band{ padding:64px 24px; }

/* ============================================================
   §5 · HOMEPAGE SECTIONS — classes used by the HTML blocks in
   newrome-homepage-blocks.html. Margaux system throughout:
   Fraunces Light display, DM Sans body, mono labels, paper/
   navy/sienna. All prefixed .nr- so they never collide.
   ============================================================ */

/* Section wrapper — consistent horizontal rhythm */
.nr-section{ padding:72px 48px; max-width:1100px; margin:0 auto; }
#pix-fe:is(.media-m,.media-t) .nr-section{ padding:48px 20px; }

/* Hero */
.nr-hero{ padding:var(--nr-hero-top,56px) 48px 80px; max-width:1100px; margin:0 auto; }
.nr-hero .nr-kicker{
  font-family:var(--nr-mono); font-size:11px; font-weight:400;
  letter-spacing:.22em; text-transform:uppercase; color:var(--nr-sienna-deep);
  margin:0 0 24px;
}
.nr-hero h1, .nr-h1{
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  font-size:clamp(40px,4.6vw,64px) !important;
  line-height:1.1 !important;
  letter-spacing:-0.025em !important;
  text-transform:none !important;
  color:var(--nr-ink) !important;
  margin:0 0 24px !important;
}
.nr-hero h1 em, .nr-h1 em{ font-style:italic; font-weight:300; }
.nr-lede{
  font-family:var(--nr-body); font-size:18px; line-height:1.55;
  color:#4a463e; max-width:34em; margin:0 0 36px;
}
.nr-actions{ display:flex; gap:36px; align-items:baseline; flex-wrap:wrap; }
.nr-link{
  font-family:var(--nr-mono) !important; font-size:11px !important;
  font-weight:400 !important; letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--nr-ink) !important;
  text-decoration:none !important;
  border-bottom:1px solid var(--nr-stone) !important;
  padding-bottom:4px !important;
  transition:border-color .2s !important;
}
.nr-link:hover{ border-color:var(--nr-sienna) !important; color:var(--nr-ink) !important; }
#pix-fe:is(.media-m,.media-t) .nr-hero{ padding:56px 20px 48px; }

/* Hero with book plate (two columns on desktop) */
.nr-hero-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:56px; align-items:center; }
#pix-fe:is(.media-m,.media-t) .nr-hero-grid{ grid-template-columns:1fr; gap:36px; }
/* mirrored variant: image left, text right (Block 01-ALT) */
.nr-hero-grid.nr-flip{ grid-template-columns:.85fr 1.15fr; }
.nr-plate{ background:var(--nr-bone); padding:40px; display:flex; align-items:center; justify-content:center; }
/* drop-shadow follows the image alpha — use transparent-background
   product images (PNG cut-outs), not white-matted JPGs */
.nr-plate img{ max-width:78%; height:auto; filter:drop-shadow(10px 14px 22px rgba(10,10,10,.28)); }
.nr-plate-caption{
  font-family:var(--nr-mono); font-size:10px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--nr-stone); margin-top:16px; display:block;
}

/* Section head: display left, mono label right */
.nr-sechead{ display:flex; justify-content:space-between; align-items:baseline; gap:24px; margin-bottom:44px; }
.nr-sechead h2{
  font-family:var(--nr-display) !important; font-weight:300 !important;
  font-size:clamp(30px,3.2vw,42px) !important; letter-spacing:-0.02em !important;
  text-transform:none !important; color:var(--nr-ink) !important; margin:0 !important;
}
#pix-fe:is(.media-m,.media-t) .nr-sechead{ flex-direction:column; gap:6px; align-items:flex-start; }

/* Catalogue index descriptor visible on desktop (in §4 rules) */

/* Quiet catalogue CTA line */
.nr-note{
  border-top:1px solid var(--nr-bone); border-bottom:1px solid var(--nr-bone);
  padding:28px 0; display:flex; gap:24px; align-items:baseline;
  justify-content:space-between; flex-wrap:wrap;
}
.nr-note .nr-mono{ color:var(--nr-sienna-deep); }

/* Newsletter (letter, not billboard) */
.nr-news-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:start; }
#pix-fe:is(.media-m,.media-t) .nr-news-grid{ grid-template-columns:1fr; gap:28px; }
.nr-news p{ font-family:var(--nr-body); font-size:16px; color:#4a463e; max-width:28em; }
/* §5b · width-based collapse for .nr- grids — Zoey's device
   classes don't track the narrower content column beside the
   rail, so these key on real viewport width instead. */
@media (max-width:1150px){
  #pix-fe .nr-hero-grid{ grid-template-columns:1fr !important; gap:36px !important; }
  /* mirrored hero: when stacked, text still comes first */
  #pix-fe .nr-hero-grid.nr-flip > div:first-child{ order:2 !important; }
  #pix-fe .nr-news-grid{ grid-template-columns:1fr !important; gap:28px !important; }
  #pix-fe .nr-series-grid{ grid-template-columns:1fr !important; }
  #pix-fe .nr-series + .nr-series{ border-left:none !important; }
  #pix-fe .nr-index .nr-desc{ display:none !important; }
  #pix-fe .nr-index a{ grid-template-columns:44px 1fr !important; }
}

/* ============================================================
   §6 · NEWSLETTER STRIP & FOOTER — sitewide reskin.
   Note: group BACKGROUND colors set in the editor override
   these visually; also set them there (newsletter group →
   Paper #F5F1E8, footer groups → Navy #14213D).
   ============================================================ */
#pix-fe .zoey-newsletter-subscribe,
#pix-fe [class*="zoey-core-newsletter-subscribe"]{
  background:var(--nr-paper) !important;
  background-image:none !important;
  border-top:1px solid var(--nr-bone) !important;
  border-bottom:1px solid var(--nr-bone) !important;
  color:var(--nr-ink) !important;
  padding:36px 48px !important;
}
#pix-fe .zoey-newsletter-subscribe *{
  color:var(--nr-ink) !important;
  font-family:var(--nr-body) !important;
  text-transform:none !important;
}
#pix-fe .zoey-newsletter-subscribe input.input-text,
#pix-fe input[name="email"].input-text{
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid var(--nr-ink) !important;
  border-radius:0 !important;
  font-family:var(--nr-body) !important;
  color:var(--nr-ink) !important;
  padding:12px 0 !important;
}
#pix-fe .zoey-newsletter-subscribe button{
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid var(--nr-stone) !important;
  border-radius:0 !important;
  color:var(--nr-ink) !important;
  font-family:var(--nr-mono) !important;
  font-size:11px !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  padding:12px 0 12px 16px !important;
  box-shadow:none !important;
}
#pix-fe .zoey-newsletter-subscribe button:hover{ border-bottom-color:var(--nr-sienna) !important; }
#pix-fe .group-background-image-container:has(.zoey-newsletter-subscribe){
  background:var(--nr-paper) !important; background-image:none !important;
}

#pix-fe .zoey-footer,
#pix-fe [class*="zoeydev-footer"]{
  background:var(--nr-navy) !important;
  background-image:none !important;
  color:var(--nr-bone) !important;
}
#pix-fe [class*="zoeydev-footer"] .group-background-image-container{ background:transparent !important; }
#pix-fe .group-background-image-container:has(.zoey-footer){
  background:var(--nr-navy) !important; background-image:none !important;
}
/* the whole footer speaks mono; icon glyphs excluded so their
   icon fonts survive */
#pix-fe .zoey-footer *:not(i):not([class*="icon"]){
  color:var(--nr-bone) !important;
  font-family:var(--nr-mono) !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
#pix-fe .zoey-footer h1, #pix-fe .zoey-footer h2, #pix-fe .zoey-footer h3,
#pix-fe .zoey-footer h4, #pix-fe .zoey-footer h5,
#pix-fe .zoey-footer strong, #pix-fe .zoey-footer b{
  font-family:var(--nr-mono) !important;
  font-size:11px !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  color:var(--nr-stone) !important;
}
#pix-fe .zoey-footer a:hover{ color:var(--nr-paper) !important; }

/* ============================================================
   §7 · BLOCK LIBRARY + PRODUCT CARD RESKIN
   Styles for newrome-block-library.html blocks, plus a global
   reskin of Zoey product cards (.zoey-product — used by
   Product List blocks and category grids) so dynamic product
   sections inherit the Margaux system automatically.
   ============================================================ */

/* --- Product cards (Zoey Product List / category grids) ---- */
#pix-fe .zoey-product{
  background:transparent !important;
  border:1px solid var(--nr-bone) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:18px !important;
}
#pix-fe .zoey-product:hover{
  box-shadow:0 12px 28px rgba(20,33,61,.10) !important;
}
#pix-fe .zoey-product .zoey-product-name,
#pix-fe .zoey-product h3.zoey-product-name a{
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  font-size:19px !important;
  letter-spacing:-0.01em !important;
  text-transform:none !important;
  color:var(--nr-ink) !important;
}
#pix-fe .zoey-product .zoey-product-list-attribute,
#pix-fe .zoey-product .zoey-product-list-attribute-value{
  font-family:var(--nr-mono) !important;
  font-size:9px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:var(--nr-stone) !important;
}
#pix-fe .zoey-product .price-box, #pix-fe .zoey-product .price{
  font-family:var(--nr-mono) !important;
  font-weight:300 !important;
  color:var(--nr-ink) !important;
}
#pix-fe .zoey-product .zoey-product-actions button,
#pix-fe .zoey-product .add-to-cart-buttons-container button{
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid var(--nr-stone) !important;
  border-radius:0 !important;
  color:var(--nr-ink) !important;
  font-family:var(--nr-body) !important;
  font-weight:500 !important;
  text-transform:none !important;
  box-shadow:none !important;
}
#pix-fe .zoey-product .zoey-product-actions button:hover{
  border-bottom-color:var(--nr-sienna) !important;
}

/* --- Trust bar ---------------------------------------------- */
.nr-trust{
  border-top:1px solid var(--nr-bone);
  border-bottom:1px solid var(--nr-bone);
  padding:20px 48px;
  display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap;
  max-width:1100px; margin:0 auto;
}
.nr-trust span{
  font-family:var(--nr-body); font-size:13px; color:#4a463e;
}
.nr-trust b{ font-weight:500; color:var(--nr-ink); }
.nr-trust .nr-stop{ margin-right:8px; }
#pix-fe:is(.media-m,.media-t) .nr-trust{ flex-direction:column; gap:10px; padding:20px; }

/* --- Quote band --------------------------------------------- */
.nr-quote{
  padding:96px 48px; max-width:900px; margin:0 auto; text-align:center;
}
.nr-quote blockquote{
  font-family:var(--nr-display); font-style:italic; font-weight:300;
  font-size:clamp(26px,3vw,38px); line-height:1.35; color:var(--nr-ink);
  border:none; margin:0; padding:0;
}
.nr-quote cite{
  display:block; margin-top:28px; font-style:normal;
  font-family:var(--nr-mono); font-size:10px; letter-spacing:.2em;
  text-transform:uppercase; color:var(--nr-stone);
}

/* --- Series cards ------------------------------------------- */
.nr-series-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:0;
  border-top:1px solid var(--nr-bone);
}
.nr-series{
  border-bottom:1px solid var(--nr-bone);
  padding:36px 28px 40px;
}
.nr-series + .nr-series{ border-left:1px solid var(--nr-bone); }
.nr-series .nr-mono{ display:block; margin-bottom:14px; }
.nr-series h3{
  font-family:var(--nr-display) !important; font-weight:300 !important;
  font-size:26px !important; letter-spacing:-0.02em !important;
  text-transform:none !important; color:var(--nr-ink) !important;
  margin:0 0 12px !important;
}
.nr-series p{ font-family:var(--nr-body); font-size:15px; color:#4a463e; margin:0 0 20px; }
#pix-fe:is(.media-m,.media-t) .nr-series-grid{ grid-template-columns:1fr; }
#pix-fe:is(.media-m,.media-t) .nr-series + .nr-series{ border-left:none; }

/* --- Compact two-column index ------------------------------- */
.nr-index-cols{ columns:2; column-gap:64px; border-top:1px solid var(--nr-bone); }
.nr-index-cols a{
  display:flex; gap:16px; align-items:baseline;
  padding:14px 2px; border-bottom:1px solid var(--nr-bone);
  text-decoration:none; break-inside:avoid;
}
.nr-index-cols .nr-num{
  font-family:var(--nr-mono); font-weight:300; font-size:10px;
  letter-spacing:.1em; color:var(--nr-sienna); min-width:28px;
}
.nr-index-cols .nr-name{
  font-family:var(--nr-display); font-weight:300; font-size:20px;
  letter-spacing:-0.02em; color:var(--nr-ink);
}
#pix-fe:is(.media-m,.media-t) .nr-index-cols{ columns:1; }

/* --- Bone band (wholesale / parish note) --------------------- */
.nr-band-bone{
  background:var(--nr-bone); padding:72px 48px;
}
.nr-band-bone > div{ max-width:1100px; margin:0 auto; }
.nr-band-bone h2{
  font-family:var(--nr-display) !important; font-weight:300 !important;
  font-size:clamp(28px,3vw,40px) !important; letter-spacing:-0.02em !important;
  text-transform:none !important; color:var(--nr-ink) !important; margin:12px 0 16px !important;
}
.nr-band-bone p{ font-family:var(--nr-body); font-size:16px; color:#4a463e; max-width:36em; }
#pix-fe:is(.media-m,.media-t) .nr-band-bone{ padding:48px 20px; }

/* ============================================================
   §8 · PRODUCT PAGE — Margaux reskin, tested live against
   /philokalic-library-volume-2-an-apology-for-christianity.
   Works on every product; no template changes required.
   ============================================================ */

/* Sticky-header compensation spacer: Zoey's JS measures the
   fixed rail (100vh) as a sticky header and inserts an empty
   spacer div of that height into page content — a full
   viewport of dead space at the top of product (and other)
   pages. Kill empty inline-height spacers in content areas. */
@media (min-width:744px){
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper div[style*="height"]:empty{
    display:none !important;
    height:0 !important;
  }
  /* thumbnail carousel: neutralize JS-computed geometry that
     inherits the same mis-measurement.
     v52.103: 'top' is NOT pinned any more. Zoey's Carousel
     scrolls the strip by jQuery-animating inline 'top' (the
     infinite mode parks it at -(one set) and re-centres after
     each step); top:0 !important froze it, so the up/down
     arrows advanced the index but nothing moved (verified live
     on /holy-bible-readers-edition, 12 images). Short galleries
     get inline top:0 from Zoey anyway (verified, Philokalic II). */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .product-image-thumbs,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .product-img-box .carousel-container{
    height:auto !important;
    max-height:none !important;
    transform:none !important;
  }
}

/* Title: Fraunces display */
#pix-fe .product-name h1, #pix-fe h1.product-name, #pix-fe .product-view .product-name{
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  font-size:clamp(30px,3.4vw,44px) !important;
  line-height:1.12 !important;
  letter-spacing:-0.02em !important;
  text-transform:none !important;
  color:var(--nr-ink) !important;
}

/* Price: mono */
#pix-fe .product-view .price-box .price{
  font-family:var(--nr-mono) !important;
  font-weight:300 !important;
  font-size:20px !important;
  letter-spacing:.04em !important;
  color:var(--nr-ink) !important;
}

/* Gallery plate */
#pix-fe .product-img-box{ background:var(--nr-bone) !important; padding:36px !important; }
#pix-fe .product-img-box .product-image{ background:transparent !important; border:none !important; }

/* Add to Cart: the one solid action on the page.
   height:auto + line-height reset are required — stock gives
   the button height:40px/line-height:40px, which clips the
   label under our padding. */
#pix-fe .product-view button.btn-cart{
  background:var(--nr-navy) !important;
  color:var(--nr-paper) !important;
  border:none !important; border-radius:0 !important;
  font-family:var(--nr-body) !important; font-weight:500 !important;
  text-transform:none !important; letter-spacing:.02em !important;
  padding:14px 32px !important; box-shadow:none !important;
  height:auto !important; min-height:0 !important;
  line-height:1.2 !important;
}
#pix-fe .product-view button.btn-cart:hover{ background:#1d2f56 !important; }

/* Qty: underline input; strip the tinted panel (.qty-package-convertion) */
#pix-fe .product-view input.qty{
  background:transparent !important; border:none !important;
  border-bottom:1px solid var(--nr-ink) !important; border-radius:0 !important;
  font-family:var(--nr-mono) !important; text-align:center !important;
}
#pix-fe .product-view .qty-package-convertion{
  background:transparent !important;
  border-top:1px solid var(--nr-bone) !important;
  border-bottom:1px solid var(--nr-bone) !important;
  border-left:none !important; border-right:none !important; border-radius:0 !important;
}
#pix-fe .product-view .add-to-cart, #pix-fe .product-view .add-to-box{
  background:transparent !important; border:none !important;
}

/* Reviews / availability / wishlist: quiet mono */
#pix-fe .product-view .ratings a, #pix-fe .product-view .availability,
#pix-fe .product-view .no-rating a, #pix-fe .product-view .add-to-links a,
#pix-fe .product-view .link-wishlist{
  font-family:var(--nr-mono) !important; font-size:10px !important;
  letter-spacing:.16em !important; text-transform:uppercase !important;
  color:var(--nr-stone) !important; text-decoration:none !important;
}
#pix-fe .product-view .add-to-links a:hover{ color:var(--nr-sienna-deep) !important; }
/* Stars: sienna, not carnival yellow */
#pix-fe .product-view .rating-box, #pix-fe .product-view .rating{
  filter:sepia(1) saturate(2.4) hue-rotate(-18deg) brightness(.82) !important;
}

/* Subtotal row: ink, mono figures */
#pix-fe .product-view [class*="subtotal"], #pix-fe .product-view [class*="subtotal"] *{
  font-family:var(--nr-body) !important; color:var(--nr-ink) !important;
}
#pix-fe .product-view div.value{
  color:var(--nr-ink) !important;
  font-family:var(--nr-mono) !important;
}

/* Description: patient reading size */
#pix-fe .product-description, #pix-fe .product-description p{
  font-family:var(--nr-body) !important; font-size:17px !important;
  line-height:1.55 !important; color:#2c2a26 !important; max-width:38em;
}
/* Section headings on product page */
#pix-fe .product-view h2, #pix-fe .product-view .product-collateral h2,
#pix-fe [class*="product-tabs"] a{
  font-family:var(--nr-display) !important; font-weight:300 !important;
  font-size:26px !important; letter-spacing:-0.02em !important;
  text-transform:none !important; color:var(--nr-ink) !important;
}

/* Specs table (.zoey-product-attributes): mono receipts —
   per the guidelines, "the kind of size that knows its place" */
#pix-fe tr.zoey-product-attribute{
  background:transparent !important;
  border-bottom:1px solid var(--nr-bone) !important;
}
#pix-fe tr.zoey-product-attribute th, #pix-fe tr.zoey-product-attribute td.label{
  font-family:var(--nr-mono) !important; font-size:10px !important;
  letter-spacing:.18em !important; text-transform:uppercase !important;
  color:var(--nr-stone) !important; background:transparent !important;
  border:none !important; padding:10px 24px 10px 2px !important;
}
#pix-fe tr.zoey-product-attribute td.data{
  font-family:var(--nr-mono) !important; font-size:12px !important;
  letter-spacing:.04em !important; color:var(--nr-ink) !important;
  background:transparent !important; border:none !important; padding:10px 2px !important;
}

/* ============================================================
   §9 · MOBILE / TABLET BODY FLOW
   Zoey's mobile layout reserves each component's height from
   the design canvas; HTML blocks taller than their reservation
   overlap the next component. Force natural document flow so
   blocks stack by their real height — content can grow or
   shrink freely.
   ============================================================ */
#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-core-body .pix-design-component,
#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-core-body .full-width-element,
#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-core-body .full-width-content-element,
#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-core-body .group-background-image-container,
#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-core-body .component-content,
#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-core-body .html-content,
#pix-fe.media-t:not(.pix-designcenter-admin) .zoey-core-body .pix-design-component,
#pix-fe.media-t:not(.pix-designcenter-admin) .zoey-core-body .full-width-element,
#pix-fe.media-t:not(.pix-designcenter-admin) .zoey-core-body .full-width-content-element,
#pix-fe.media-t:not(.pix-designcenter-admin) .zoey-core-body .group-background-image-container,
#pix-fe.media-t:not(.pix-designcenter-admin) .zoey-core-body .component-content,
#pix-fe.media-t:not(.pix-designcenter-admin) .zoey-core-body .html-content{
  position:relative !important;
  top:0 !important; left:0 !important;
  height:auto !important; min-height:0 !important;
  max-width:100% !important; width:100% !important;
  margin:0 !important;
  transform:none !important;
  float:none !important; clear:both !important;
  display:block !important;
}
#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-core-body .zoey-component-placement-height,
#pix-fe.media-t:not(.pix-designcenter-admin) .zoey-core-body .zoey-component-placement-height{
  height:auto !important; min-height:0 !important;
}

/* §9b — the same flow normalization keyed on real width:
   below 1150px the .nr- grids collapse (§5b) and blocks grow
   taller than their reserved canvas heights, which Zoey labels
   media-d down to 768px — so the class-keyed rules above never
   fire there. Width query covers the gap. */
@media (max-width:1150px){
  #pix-fe:not(.pix-designcenter-admin) .zoey-core-body .pix-design-component,
  #pix-fe:not(.pix-designcenter-admin) .zoey-core-body .full-width-element,
  #pix-fe:not(.pix-designcenter-admin) .zoey-core-body .full-width-content-element,
  #pix-fe:not(.pix-designcenter-admin) .zoey-core-body .group-background-image-container,
  #pix-fe:not(.pix-designcenter-admin) .zoey-core-body .component-content,
  #pix-fe:not(.pix-designcenter-admin) .zoey-core-body .html-content{
    position:relative !important;
    top:0 !important; left:0 !important;
    height:auto !important; min-height:0 !important;
    max-width:100% !important; width:100% !important;
    margin:0 !important;
    transform:none !important;
    float:none !important; clear:both !important;
    display:block !important;
  }
  #pix-fe:not(.pix-designcenter-admin) .zoey-core-body .zoey-component-placement-height{
    height:auto !important; min-height:0 !important;
  }
}

/* ============================================================
   §14 · KLEVU SEARCH SUGGESTIONS — Margaux reskin.
   Klevu injects the autocomplete panel (.klevu-fluid on body)
   with its own styles; these overrides ride in the theme CSS,
   so they apply only to themes carrying this asset.
   ============================================================ */
#pix-fe .klevu-fluid #klevuSearchingArea{
  background:var(--nr-paper) !important;
  border:1px solid var(--nr-bone) !important;
  border-radius:0 !important;
  box-shadow:0 18px 48px rgba(20,33,61,.14) !important;
  font-family:var(--nr-body) !important;
}
#pix-fe .klevu-fluid .klevu-arrow{ display:none !important; }
#pix-fe .klevu-fluid .klevuSuggestionHeading,
#pix-fe .klevu-fluid .klevuHeadingText{
  font-family:var(--nr-mono) !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:var(--nr-stone) !important;
  background:transparent !important;
}
#pix-fe .klevu-fluid #klevu_acList li,
#pix-fe .klevu-fluid #klevu_acList a{
  font-family:var(--nr-body) !important;
  font-size:15px !important;
  color:var(--nr-ink) !important;
  background:transparent !important;
}
#pix-fe .klevu-fluid #klevu_acList li:hover{
  background:rgba(232,225,207,.45) !important;
}
/* "View all" link: quiet, not blue */
#pix-fe .klevu-fluid #klevuProductHeading a{
  font-family:var(--nr-body) !important;
  font-size:12px !important;
  font-weight:500 !important;
  color:var(--nr-ink) !important;
  text-decoration:none !important;
  border-bottom:1px solid var(--nr-stone) !important;
}
#pix-fe .klevu-fluid #klevuProductHeading a:hover{
  border-bottom-color:var(--nr-sienna) !important;
}
/* product rows */
#pix-fe .klevu-fluid #productsList li{
  border-bottom:1px solid var(--nr-bone) !important;
  background:transparent !important;
}
#pix-fe .klevu-fluid #productsList li:hover{
  background:rgba(232,225,207,.45) !important;
}
#pix-fe .klevu-fluid #productsList [class*="klevuProductName"],
#pix-fe .klevu-fluid #productsList a{
  font-family:var(--nr-body) !important;
  font-weight:500 !important;
  color:var(--nr-ink) !important;
  font-size:15px !important;
}
#pix-fe .klevu-fluid #productsList [class*="Price"],
#pix-fe .klevu-fluid #productsList [class*="price"],
#pix-fe .klevu-fluid #productsList [class*="Sku"],
#pix-fe .klevu-fluid #productsList [class*="sku"]{
  font-family:var(--nr-mono) !important;
  font-size:12px !important;
  color:var(--nr-ink) !important;
  font-weight:300 !important;
}
#pix-fe .klevu-fluid #productsList [class*="Sku"],
#pix-fe .klevu-fluid #productsList [class*="sku"]{ color:var(--nr-stone) !important; }
/* stars: sienna, matching the product page */
#pix-fe .klevu-fluid [class*="rating"], #pix-fe .klevu-fluid [class*="Rating"],
#pix-fe .klevu-fluid [class*="star"], #pix-fe .klevu-fluid [class*="Star"]{
  filter:sepia(1) saturate(2.4) hue-rotate(-18deg) brightness(.82) !important;
}

/* ============================================================
   §22 · NAVY RAIL — the rail becomes Margaux Navy, bookending
   the paper content with the navy footer. Overrides the paper
   values from §2 (later in file = wins at equal weight).
   The logo is the gold recut (NRAlegreya_Accent-4.png), swapped
   in via content:url() — desktop/tablet rail only; mobile keeps
   the stock logo.
   ============================================================ */
@media (min-width:744px){
  /* surface */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header{
    background:var(--nr-navy) !important;
    border-right:none !important;
  }
  /* gold logo recut on navy (real asset — no filter) */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-core-header-logo img{
    content:url("//cfrouting.zoeysite.com/cdn-cgi/image/format=auto,quality=85,fit=scale-down/https://s3.amazonaws.com/zcom-media/sites/a0iUm000001aSurIAE/media/mediamanager/NRAlegreya_Accent-5.png") !important;
    filter:none !important;
  }
  /* nav labels: paper; hairlines: translucent bone.
     :not([data-tippy-root] *) — the flyout DOM nests INSIDE the
     li, so without the exclusion these rules recolor the flyout
     category labels too */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-link-text:not([data-tippy-root] *),
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 a span:not([data-tippy-root] *),
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 > a{
    color:var(--nr-paper) !important;
  }
  /* Zoey's animated hover underline lands in the wrong place in
     the rebuilt rows (a stray 1px bar) — remove it */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary .menu-item-underline{
    display:none !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary > li.level0{
    border-top:1px solid rgba(232,225,207,.22) !important;
    position:relative !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary > li.level0:last-child{
    border-bottom:1px solid rgba(232,225,207,.22) !important;
  }
  /* the toggle button is the row's in-flow box: full width,
     label copy hidden (it duplicates the overlay label),
     chevron pinned right in translucent bone */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary button.dropdown-toggle{
    position:static !important;
    transform:none !important;
    display:block !important;
    width:100% !important;
    min-height:54px !important; height:auto !important;
    text-align:left !important;
    padding:13px 2px !important; margin:0 !important;
    background:transparent !important; border:none !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary button.dropdown-toggle .menu-item-link-text{
    display:none !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary .dropdown-icon{
    position:absolute !important;
    right:2px !important; top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important; /* stock margin-top:7px pushed it below center */
  }
  /* uniform rows: items WITHOUT a dropdown have no 54px button
     box, so their rows rendered shorter — equalize all rows */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-inner:not([data-tippy-root] *){
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 > a:not([data-tippy-root] *),
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-inner > a:not([data-tippy-root] *){
    min-height:54px !important;
    display:flex !important;
    align-items:center !important;
    width:100% !important;
  }
  /* the label overlay differs per item (BOOKS uses an <a> with
     stock offset+padding; others a <span>) — normalize every
     overlay to exactly fill its row, flex-centered */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-inner .menu-item-link:not([data-tippy-root] *){
    position:absolute !important;
    inset:0 !important;
    height:100% !important; width:100% !important;
    min-height:0 !important;
    display:flex !important;
    align-items:center !important;
    padding:0 2px !important; margin:0 !important;
    transform:none !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-link .menu-item-link-text:not([data-tippy-root] *){
    position:static !important;
    top:auto !important;
    transform:none !important;
    line-height:1 !important;
    margin:0 !important; padding:0 !important;
  }
  /* chevron: the glyph is an icon-font <i> INSIDE .dropdown-icon
     with its own (red) color — target the <i>, not just the span */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary .dropdown-icon,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary .dropdown-icon i,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary .dropdown-icon i::before{
    color:var(--nr-gold-dim) !important;
  }
  /* hover: label and chevron warm to gold (flyout excluded) */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0:hover .menu-item-link-text:not([data-tippy-root] *),
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0:hover a span:not([data-tippy-root] *){
    color:var(--nr-gold) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0:hover .dropdown-icon,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0:hover .dropdown-icon i,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0:hover .dropdown-icon i::before{
    color:var(--nr-gold) !important;
  }
  /* utility text: bone; welcome line: gold on navy */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link .label,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="minicart"],
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="minicart"] a,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"] p,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"] span,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="cart-trigger"],
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="cart-trigger"]::before{
    color:var(--nr-bone) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link .message{
    color:var(--nr-gold) !important;
  }
  /* cart glyph: logo gold (count stays bone via the rule above) */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="cart-trigger"]::before{
    color:var(--nr-gold) !important;
  }
  /* account icon: logo-gold stroke */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .account-icon{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23CDA95E' stroke-width='1.1'%3E%3Ccircle cx='8' cy='4.8' r='2.7'/%3E%3Cpath d='M2.8 13.8 a5.4 5.4 0 0 1 10.4 0'/%3E%3C/svg%3E") !important;
  }
  /* form controls: dark fields, bone text, readable options.
     Zoey wraps the select in a WHITE .zoey-styled-select div —
     the wrapper is the visible box; the select goes transparent */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-styled-select{
    background:rgba(245,241,232,.07) !important;
    background-color:rgba(245,241,232,.07) !important;
    border:1px solid rgba(232,225,207,.35) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-styled-select::after,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-styled-select::before{
    color:var(--nr-gold) !important;
    border-top-color:var(--nr-gold) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header select,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .currency-switcher select{
    appearance:none !important; -webkit-appearance:none !important;
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    color:var(--nr-bone) !important;
    padding:10px 12px !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header select option{
    background:var(--nr-paper) !important;
    color:var(--nr-ink) !important;
  }
  /* like the select, the search's visible box is the WRAPPER
     (.search-container, light); input and button go transparent */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .search-container{
    background:rgba(245,241,232,.07) !important;
    background-color:rgba(245,241,232,.07) !important;
    border:1px solid rgba(232,225,207,.35) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .search-container input,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .search-container button,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search input{
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
    color:var(--nr-bone) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search input::placeholder{
    color:rgba(232,225,207,.55) !important;
  }
  /* focus: fields sharpen to gold */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-styled-select:focus-within,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search input:focus{
    border-color:var(--nr-gold) !important;
    outline:none !important;
    box-shadow:none !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search [class*="icon"],
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header button{
    color:var(--nr-gold) !important;
  }
  /* flyout labels: sienna on paper (mono style kept from §2.6);
     rows warm to full sienna on their own hover */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .category-name,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .category-name span{
    color:var(--nr-sienna-deep) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] ul.menu a:hover .category-name,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] ul.menu a:hover .category-name span{
    color:var(--nr-sienna) !important;
  }
  /* flyout: the hover-gap overlap strip (44px inside the rail)
     stays TRANSPARENT so the rail (hairlines, chevrons) shows
     through beneath it — a solid color would cover them */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu) .tippy-box{
    background:linear-gradient(90deg, transparent 44px, var(--nr-paper) 44px) !important;
    box-shadow:none !important;
    border:none !important;
  }
}

/* ---- §22b · Gold on the other navy surfaces -----------------
   The rail, footer, and navy bands now share one accent: the
   logo gold. Sienna stays the accent on paper/bone surfaces. */
/* footer: mono headings in gold, link hover gold */
#pix-fe .zoey-footer h1, #pix-fe .zoey-footer h2, #pix-fe .zoey-footer h3,
#pix-fe .zoey-footer h4, #pix-fe .zoey-footer h5,
#pix-fe .zoey-footer strong, #pix-fe .zoey-footer b{
  color:var(--nr-gold) !important;
}
#pix-fe .zoey-footer a:hover{ color:var(--nr-gold) !important; }
#pix-fe .zoey-footer hr,
#pix-fe .zoey-footer [class*="divider"]{
  border-color:var(--nr-gold-dim) !important;
  background:transparent !important;
}
/* navy bands (craft band, quote band): kicker + full stop in gold */
#pix-fe .nr-band .nr-mono, #pix-fe .nr-band p.nr-mono,
#pix-fe .nr-band .nr-kicker, #pix-fe .nr-band p.nr-kicker{
  color:var(--nr-gold) !important;
}
#pix-fe .nr-band .nr-stop{ color:var(--nr-gold) !important; }
#pix-fe .nr-band .nr-link{
  color:var(--nr-paper) !important;
  border-bottom-color:var(--nr-gold-dim) !important;
}
#pix-fe .nr-band .nr-link:hover{ border-bottom-color:var(--nr-gold) !important; }

/* ============================================================
   §21 · TYPOGRAPHY HARDENING — Zoey's theme paragraph rules
   (#pix-fe p, loaded after this asset) out-rank utility
   classes on <p> elements. Re-assert the text utilities with
   matching weight. (<span>-based utilities never needed this.)
   ============================================================ */
#pix-fe .nr-mono, #pix-fe p.nr-mono{
  font-family:var(--nr-mono) !important;
  font-size:11px !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  color:var(--nr-stone) !important;
  font-weight:400 !important;
}
#pix-fe .nr-kicker, #pix-fe p.nr-kicker{
  font-family:var(--nr-mono) !important;
  font-size:11px !important;
  letter-spacing:.22em !important;
  text-transform:uppercase !important;
  color:var(--nr-sienna-deep) !important;
}
#pix-fe .nr-lede, #pix-fe p.nr-lede{
  font-family:var(--nr-body) !important;
  font-size:18px !important;
  line-height:1.55 !important;
  color:#4a463e !important;
}
#pix-fe .nr-letter p{
  font-family:var(--nr-body) !important;
  font-size:16px !important;
  line-height:1.7 !important;
  color:#2c2a26 !important;
}
#pix-fe .nr-letter p.nr-signature, #pix-fe .nr-signature{
  font-family:var(--nr-display) !important;
  font-style:italic !important;
  font-weight:300 !important;
  font-size:24px !important;
  color:var(--nr-ink) !important;
}
#pix-fe .nr-role{
  font-family:var(--nr-mono) !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:var(--nr-stone) !important;
}
#pix-fe .nr-colophon p{
  font-family:var(--nr-body) !important;
  font-size:14px !important;
  line-height:1.7 !important;
  color:var(--nr-stone) !important;
}
#pix-fe .nr-colophon p.nr-mono{
  font-family:var(--nr-mono) !important;
  font-size:11px !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
}
#pix-fe .nr-plate-caption{
  font-family:var(--nr-mono) !important;
  font-size:10px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:var(--nr-stone) !important;
}

/* ============================================================
   §20 · ABOUT PAGE — house rules table, mission line, letter
   (see Blocks 16–20 in newrome-block-library.html)
   ============================================================ */
/* Mission line: full-width Fraunces italic with rule + caption */
.nr-mission{
  max-width:1100px; margin:0 auto;
  padding:96px 48px;
}
.nr-mission blockquote{
  font-family:var(--nr-display);
  font-style:italic; font-weight:300;
  font-size:clamp(28px,3.6vw,46px);
  line-height:1.3; letter-spacing:-0.015em;
  color:var(--nr-ink);
  border:none; margin:0; padding:0 0 28px;
  border-bottom:1px solid var(--nr-bone);
}
.nr-mission .nr-mono{ display:block; margin-top:16px; }
/* House rules: roman numeral · name · line, hairline rows */
.nr-values{ border-top:1px solid var(--nr-bone); }
.nr-values > div{
  display:grid;
  grid-template-columns:48px 200px 1fr;
  gap:24px; align-items:baseline;
  padding:20px 2px;
  border-bottom:1px solid var(--nr-bone);
}
.nr-values .nr-num{
  font-family:var(--nr-mono); font-weight:300; font-size:11px;
  letter-spacing:.1em; color:var(--nr-stone);
}
.nr-values .nr-rule-name{
  font-family:var(--nr-display); font-style:italic; font-weight:300;
  font-size:24px; letter-spacing:-0.01em; color:var(--nr-ink);
}
.nr-values .nr-rule-line{
  font-family:var(--nr-body); font-size:15px; color:#4a463e;
}
@media (max-width:900px){
  .nr-values > div{ grid-template-columns:36px 1fr; }
  .nr-values .nr-rule-line{ grid-column:2; }
}
/* Team index: role · name · line (colophon-approvals style) */
.nr-team{ border-top:1px solid var(--nr-bone); }
.nr-team > div{
  display:grid;
  grid-template-columns:170px 240px 1fr;
  gap:24px; align-items:baseline;
  padding:20px 2px;
  border-bottom:1px solid var(--nr-bone);
}
.nr-team .nr-role-label{
  font-family:var(--nr-mono); font-size:10px;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--nr-stone);
}
.nr-team .nr-person{
  font-family:var(--nr-display); font-weight:300;
  font-size:22px; letter-spacing:-0.01em; color:var(--nr-ink);
}
.nr-team .nr-person .nr-meta{
  display:block;
  font-family:var(--nr-mono); font-size:10px;
  letter-spacing:.12em; color:var(--nr-stone); margin-top:4px;
}
.nr-team .nr-bio{
  font-family:var(--nr-body); font-size:15px; line-height:1.6;
  color:#4a463e;
}
@media (max-width:900px){
  .nr-team > div{ grid-template-columns:1fr; gap:6px; }
}
/* Letter from the publisher: narrow correspondence */
.nr-letter{
  max-width:620px; margin:0 auto;
  padding:88px 24px;
}
.nr-letter .nr-mono{ display:block; margin-bottom:32px; }
.nr-letter p{
  font-family:var(--nr-body); font-size:16px; line-height:1.7;
  color:#2c2a26; margin:0 0 20px;
}
.nr-letter .nr-signoff{
  margin-top:36px;
}
.nr-letter .nr-signature{
  font-family:var(--nr-display); font-style:italic; font-weight:300;
  font-size:24px; color:var(--nr-ink); margin:8px 0 2px;
}
.nr-letter .nr-role{
  font-family:var(--nr-mono); font-size:10px;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--nr-stone);
}

/* ============================================================
   §19 · SLIDESHOW (zoey-core-content-slideshow / pix-carousel)
   Square geometry, Fraunces display type forced past authored
   inline styles, quiet controls, sienna page markers.
   NOTE: slide text is authored content — inline colors and
   sizes set in the editor are respected; only type families
   and weights are normalized. Re-author slides plainly for
   full Margaux typography.
   ============================================================ */
#pix-fe .zoey-core-content-slideshow .pix-slider-base,
#pix-fe .zoey-core-content-slideshow .slide,
#pix-fe .zoey-core-content-slideshow .group-background-image-container{
  border-radius:0 !important;
  box-shadow:none !important;
}
/* type: Fraunces for display, DM Sans for copy — !important
   beats the editor's inline span styles */
#pix-fe .zoey-core-content-slideshow h1,
#pix-fe .zoey-core-content-slideshow h1 *,
#pix-fe .zoey-core-content-slideshow h2,
#pix-fe .zoey-core-content-slideshow h2 *{
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  letter-spacing:-0.02em !important;
  text-transform:none !important;
}
#pix-fe .zoey-core-content-slideshow p,
#pix-fe .zoey-core-content-slideshow p *{
  font-family:var(--nr-body) !important;
  line-height:1.55 !important;
}
/* controls: quiet paper squares, ink arrows, sienna on hover */
#pix-fe .pix-carousel-ctrl{
  background:rgba(245,241,232,.88) !important;
  color:var(--nr-ink) !important;
  border:1px solid var(--nr-bone) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  width:44px !important; height:44px !important;
  line-height:42px !important;
  text-align:center !important;
}
#pix-fe .pix-carousel-ctrl:hover{
  color:var(--nr-sienna-deep) !important;
  border-color:var(--nr-sienna) !important;
}
/* page markers: small bone squares, active sienna */
#pix-fe .pix-carousel-page{
  gap:10px !important;
}
#pix-fe .pix-carousel-page-item{
  width:8px !important; height:8px !important;
  border-radius:0 !important;
  background:var(--nr-bone) !important;
  border:none !important;
  box-shadow:none !important;
  opacity:1 !important;
}
#pix-fe .pix-carousel-page-item.active{
  background:var(--nr-sienna) !important;
}

/* ============================================================
   §18 · ACCORDION (FAQ / Accordion block)
   Hairline rows, Fraunces titles — no slabs, no gray bars.
   ============================================================ */
#pix-fe .zoey-accordion-title{
  background:transparent !important;
  color:var(--nr-ink) !important;
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  font-size:20px !important;
  letter-spacing:-0.01em !important;
  text-transform:none !important;
  border:none !important;
  border-top:1px solid var(--nr-bone) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:16px 2px !important;
  cursor:pointer;
  transition:color .2s;
}
#pix-fe .zoey-accordion-title:hover{ color:var(--nr-sienna-deep) !important; }
#pix-fe .zoey-accordion-content{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
#pix-fe .zoey-accordion-content .border-container{
  border:none !important;
  padding:0 2px 24px !important;
  font-family:var(--nr-body) !important;
  font-size:16px !important;
  line-height:1.55 !important;
  color:#2c2a26 !important;
}
#pix-fe .zoey-accordion-content ul li{ margin-bottom:10px; }
#pix-fe .zoey-accordion-content ul li::marker{ color:var(--nr-sienna); }
/* the heavy divider under the title is usually a shadow or
   border on the wrapping element */
#pix-fe [class*="zoey-accordion"]{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* ============================================================
   §17 · MINI-CART DRAWER (zoey-mini-cart-*)
   ============================================================ */
#pix-fe [class*="zoey-mini-cart"]{
  font-family:var(--nr-body) !important;
  color:var(--nr-ink);
}
/* drawer surface */
#pix-fe .zoey-mini-cart,
#pix-fe [class*="zoey-mini-cart-content"]{
  background:var(--nr-paper) !important;
}
/* drawer heading ("Your Shopping Cart") */
#pix-fe [class*="zoey-mini-cart"] h1,
#pix-fe [class*="zoey-mini-cart"] h2,
#pix-fe [class*="zoey-mini-cart"] h3,
#pix-fe [class*="zoey-mini-cart-heading"]{
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  font-size:24px !important;
  letter-spacing:-0.02em !important;
  text-transform:none !important;
  color:var(--nr-ink) !important;
}
/* draft switcher: quiet utility, mono label */
#pix-fe .zoey-mini-cart-draft-actions{
  border-bottom:1px solid var(--nr-bone) !important;
  padding-bottom:14px !important;
  background:transparent !important;
}
#pix-fe .zoey-mini-cart-draft-switcher .truncated-label{
  font-family:var(--nr-mono) !important;
  font-size:11px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--nr-stone) !important;
}
#pix-fe .zoey-mini-cart-additional-actions-list{
  background:var(--nr-paper) !important;
  border:1px solid var(--nr-bone) !important;
  border-radius:0 !important;
  box-shadow:0 12px 28px rgba(20,33,61,.12) !important;
}
#pix-fe .zoey-mini-cart-additional-actions-list li{
  font-family:var(--nr-body) !important;
  font-size:13px !important;
  color:var(--nr-ink) !important;
  border-bottom:1px solid var(--nr-bone) !important;
}
#pix-fe .zoey-mini-cart-additional-actions-list li:hover{
  background:rgba(232,225,207,.45) !important;
}
/* empty-cart line, in the letter voice */
#pix-fe [class*="zoey-mini-cart"] p.empty{
  font-size:0 !important;
  text-align:center !important;
  padding:48px 24px !important;
}
#pix-fe [class*="zoey-mini-cart"] p.empty::after{
  content:"Your basket is empty. The shelves are not.";
  font-family:var(--nr-display);
  font-weight:300;
  font-size:24px;
  line-height:1.3;
  letter-spacing:-0.02em;
  color:var(--nr-ink);
  display:block;
}
/* header strip ("N Item(s) in Your Shopping Cart") —
   verified markup: .block-subtitle > .minicart-subtitle */
#pix-fe [class*="zoey-mini-cart"] .block-subtitle,
#pix-fe .block-subtitle:has(.minicart-subtitle){
  background:var(--nr-paper) !important;
  border-bottom:1px solid var(--nr-bone) !important;
}
#pix-fe .minicart-subtitle{
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  font-size:22px !important;
  letter-spacing:-0.02em !important;
  text-transform:none !important;
  color:var(--nr-ink) !important;
}
/* 17b — MOBILE drawer header (.ui-drawer-header markup, distinct
   from the desktop mini-cart): kill the bone slab behind the
   title, quiet the heavy black circle close button */
#pix-fe .ui-drawer-header{
  background:var(--nr-paper) !important;
  border-bottom:1px solid var(--nr-bone) !important;
  box-shadow:none !important;
}
#pix-fe .ui-drawer-header .ui-drawer-title,
#pix-fe .ui-drawer-header .block-subtitle,
#pix-fe .ui-drawer-header .minicart-subtitle{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
#pix-fe .ui-drawer-header .minicart-subtitle{
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  font-size:22px !important;
  letter-spacing:-0.02em !important;
  text-transform:none !important;
  color:var(--nr-ink) !important;
}
/* the redundant text "Close" link */
#pix-fe .ui-drawer-header .skip-link-close{ display:none !important; }
/* close: no black disc — replace the icon-font glyph entirely
   with a bare × so the result doesn't depend on what the stock
   glyph draws (it may be a filled disc character) */
#pix-fe .ui-drawer-close.icon-cancel-button,
#pix-fe .ui-drawer-header .ui-drawer-close{
  background:transparent !important;
  background-color:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:var(--nr-ink) !important;
  width:44px !important; height:44px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important; /* silence any stock glyph */
  text-decoration:none !important;
}
#pix-fe .ui-drawer-close.icon-cancel-button::before{
  content:"\00D7" !important; /* × */
  font-family:var(--nr-body) !important;
  font-size:28px !important;
  font-weight:400 !important;
  line-height:1 !important;
  color:var(--nr-ink) !important;
  background:transparent !important;
  width:auto !important; height:auto !important;
}
#pix-fe .ui-drawer-close.icon-cancel-button::after{
  content:none !important;
}
/* the drawer body itself: paper, square */
#pix-fe .ui-drawer,
#pix-fe .ui-drawer-content{
  background:var(--nr-paper) !important;
  border-radius:0 !important;
}

/* drawer buttons are quiet by default; only checkout is solid
   (Edit Item was inheriting the primary button style) */
#pix-fe [class*="zoey-mini-cart"] button:not([class*="checkout"]):not([title*="Checkout"]),
#pix-fe [class*="zoey-mini-cart"] .button:not([class*="checkout"]){
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid var(--nr-stone) !important;
  border-radius:0 !important;
  color:var(--nr-ink) !important;
  font-family:var(--nr-body) !important;
  font-weight:500 !important;
  text-transform:none !important;
  padding:8px 2px !important;
  height:auto !important; line-height:1.2 !important;
  box-shadow:none !important;
}
#pix-fe [class*="zoey-mini-cart"] button:not([class*="checkout"]):hover{
  border-bottom-color:var(--nr-sienna) !important;
}
/* line-item card: paper with a hairline, not a white slab */
#pix-fe [class*="zoey-mini-cart"] [class*="zoey-grid"],
#pix-fe [class*="zoey-mini-cart"] .zoey-grid-column-content{
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#pix-fe .zoey-mini-cart-content-body div:has(> div > .zoey-grid-column-content){
  background:var(--nr-paper) !important;
  border:1px solid var(--nr-bone) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
/* product line typography */
#pix-fe [class*="zoey-mini-cart"] .product-cart-info .product-name a{
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  font-size:18px !important;
  letter-spacing:-0.01em !important;
  color:var(--nr-ink) !important;
}
#pix-fe [class*="zoey-mini-cart"] .product-cart-attribute,
#pix-fe [class*="zoey-mini-cart"] .product-cart-attribute .label{
  font-family:var(--nr-mono) !important;
  font-size:10px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--nr-stone) !important;
}
/* prices and quantities in the drawer: mono */
#pix-fe [class*="zoey-mini-cart"] .price,
#pix-fe [class*="zoey-mini-cart"] [class*="subtotal"]{
  font-family:var(--nr-mono) !important;
  font-weight:300 !important;
  color:var(--nr-ink) !important;
}
/* Review & Checkout: the drawer's one solid action */
#pix-fe [class*="zoey-mini-cart"] button[class*="checkout"],
#pix-fe [class*="zoey-mini-cart"] a[href*="checkout"],
#pix-fe [class*="zoey-mini-cart"] [class*="checkout-button"]{
  background:var(--nr-navy) !important;
  color:var(--nr-paper) !important;
  border:none !important; border-radius:0 !important;
  font-family:var(--nr-body) !important; font-weight:500 !important;
  text-transform:none !important;
  padding:14px 32px !important;
  height:auto !important; line-height:1.2 !important;
  display:block !important; text-align:center !important;
  text-decoration:none !important;
}
/* Edit Item / remove: quiet */
#pix-fe [class*="zoey-mini-cart"] a[title*="Edit"],
#pix-fe [class*="zoey-mini-cart"] [class*="edit-item"]{
  font-family:var(--nr-body) !important;
  font-size:13px !important;
  color:var(--nr-stone) !important;
}
/* OPTIONAL — hide the B2B Drafts UI from the drawer entirely
   (retail customers don't need draft IDs). Uncomment to use;
   the cleaner long-term fix is Zoey's per-group Drafts setting
   ("How to Hide Drafts in your Store").
#pix-fe .zoey-mini-cart-draft-actions{ display:none !important; }
*/

/* ============================================================
   §16 · COLOPHON, 404, EMPTY CART — the quiet corners
   ============================================================ */
/* Colophon block (see Block 14 in the library) */
.nr-colophon{
  max-width:1100px; margin:0 auto;
  padding:56px 48px 64px;
  border-top:1px solid var(--nr-bone);
  text-align:center;
}
.nr-colophon p{
  font-family:var(--nr-body);
  font-size:14px; line-height:1.7;
  color:var(--nr-stone);
  max-width:38em; margin:12px auto 0;
}
.nr-colophon em{ font-family:var(--nr-display); font-style:italic; }

/* 404 (cms-index-noroute): style whatever is there; the real
   fix is pasting Block 15's content into the page in the VDE */
#pix-fe.cms-index-noroute h1{
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  font-size:clamp(32px,4vw,52px) !important;
  letter-spacing:-0.02em !important;
  text-transform:none !important;
  color:var(--nr-ink) !important;
}

/* Empty cart: voice swap. VERIFY in preview with an empty
   cart — Zoey's empty-cart markup class can vary. The stock
   sentence is hidden and replaced via ::after. */
#pix-fe.checkout-cart-index .cart-empty p:first-of-type{
  font-size:0 !important;
}
#pix-fe.checkout-cart-index .cart-empty p:first-of-type::after{
  content:"Your basket is empty. The shelves are not.";
  font-family:var(--nr-display);
  font-weight:300;
  font-size:26px;
  letter-spacing:-0.02em;
  color:var(--nr-ink);
  display:block;
  padding:24px 0 8px;
}
#pix-fe.checkout-cart-index .cart-empty a{
  font-size:15px !important;
  font-family:var(--nr-body) !important;
  color:var(--nr-ink) !important;
  border-bottom:1px solid var(--nr-stone);
  text-decoration:none !important;
}

/* ============================================================
   §15 · SEARCH RESULTS PAGE + REVIEWS AREA
   ============================================================ */
/* Klevu results page (ku* class family): the white filter
   strip and containers go paper */
#pix-fe .kuContainer,
#pix-fe .kuContainer [class*="kuFilter"],
#pix-fe .kuContainer [class*="kuSorting"],
#pix-fe .kuContainer [class*="kuResultsHeader"]{
  background:var(--nr-paper) !important;
  font-family:var(--nr-body) !important;
}
#pix-fe .kuContainer [class*="kuFilter"] a,
#pix-fe .kuContainer [class*="kuFilter"] label{
  color:var(--nr-ink) !important;
}
/* Reviews section: its group wrapper carries a white
   background color from the design — force paper */
#pix-fe .group-background-image-container:has(.review-form-container),
#pix-fe .group-background-image-container:has(.customer-reviews),
#pix-fe .group-background-image-container:has([id*="customer-reviews"]){
  background:var(--nr-paper) !important;
  background-image:none !important;
}
#pix-fe .customer-reviews-list .review{
  border-bottom:1px solid var(--nr-bone) !important;
  background:transparent !important;
}
#pix-fe .review-form-container h2, #pix-fe .review-form-container h3,
#pix-fe .customer-reviews h2, #pix-fe .customer-reviews h3{
  font-family:var(--nr-display) !important;
  font-weight:300 !important;
  letter-spacing:-0.02em !important;
  text-transform:none !important;
  color:var(--nr-ink) !important;
}
#pix-fe .review-form-container input.input-text,
#pix-fe .review-form-container textarea{
  background:transparent !important;
  border:1px solid var(--nr-bone) !important;
  border-radius:0 !important;
  font-family:var(--nr-body) !important;
}

/* ============================================================
   §13 · DYNAMIC CONTENT vs RESERVED HEIGHTS (desktop/tablet)
   Zoey reserves canvas heights for body components and then
   "corrects" with a JS-computed negative margin-bottom. When
   real content renders taller than its measurement (Quick
   Order forms, long product lists), the footer/newsletter
   overlaps the content tail. Release the heights and kill the
   negative-margin correction — content defines its own height.
   ============================================================ */
@media (min-width:744px){
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper .zoey-component-placement-height,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper [class*="zoey-core-body"],
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper [class*="zoey-core-body"] .component-content,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper [class*="zoey-core-layout"],
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper .group-background-image-container{
    height:auto !important;
    min-height:0 !important;
  }
  /* NOTE: the header MUST stay excluded — it is a
     .pix-design-component and this rule out-ranks §2.1's
     position:fixed (doubled id). Without the :not() the rail
     scrolls with the page. */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper .pix-design-component:not([class*="zoey-core-header"]){
    position:relative !important;
    top:0 !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .design-center-wrapper [class*="zoey-core-body"]{
    margin-bottom:0 !important;
  }
}

/* ============================================================
   §10 · RAIL ORDER — logo → login → cart → currency → search
   → nav. The rail's nested group wrappers are flattened with
   display:contents so every component becomes a flex item of
   the rail itself, then ordered. Must come AFTER §2.4b in this
   file (it overrides its display:block on group wrappers).
   Side benefit: components can no longer be repositioned by
   Zoey's scroll JS — the rail stays perfectly still on scroll.
   ============================================================ */
@media (min-width:744px){
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header{
    display:flex !important;
    flex-direction:column !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .component-content,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .full-width-element,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .full-width-content-element,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .group-background-image-container,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-group"]{
    display:contents !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-logo"]{ order:1 !important; display:block !important; }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="header-top-links"]{ order:2 !important; display:block !important; }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="minicart"]{ order:3 !important; display:block !important; }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"]{ order:4 !important; display:block !important; } /* "Currency:" label */
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="currency"]{ order:4 !important; display:block !important; }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="header-search"]{ order:5 !important; display:block !important; }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-header-top-menu"]{ order:6 !important; display:block !important; }
}

/* ============================================================
   §11 · FLYOUT LAYOUT HARDENING — after §10's flex rail, Zoey's
   megamenu JS mis-measures (--max-item-width:undefinedpx) and
   fragments menu items into horizontal columns behind a
   scrollbar. A flex column on the list is immune to all of it.
   ============================================================ */
@media (min-width:744px){
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] ul.menu{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important; max-width:100% !important; min-width:0 !important;
    height:auto !important; max-height:none !important;
    white-space:normal !important;
    overflow:visible !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] ul.menu > li{
    flex:none !important;
    display:block !important; float:none !important;
    position:static !important;
    left:auto !important; top:auto !important;
    transform:none !important;
    width:100% !important; max-width:100% !important; min-width:0 !important;
    height:auto !important; min-height:0 !important;
    margin:0 !important;
    white-space:normal !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .sub-menu-content,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .sub-menu-container{
    width:100% !important; max-width:100% !important; min-width:0 !important;
    height:auto !important; max-height:none !important;
    overflow:visible !important; white-space:normal !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .menu-item-inner,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] ul.menu a{
    width:100% !important; max-width:100% !important; min-width:0 !important;
    white-space:normal !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root] .tippy-box{
    overflow-x:hidden !important;
  }
}

/* ============================================================
   §12 · SHORT-VIEWPORT RAIL COMPRESSION — the rail scrolls
   internally when taller than the window (by design, so the
   nav stays reachable). Compress it on short screens so that
   rarely happens and rail items stay put.
   ============================================================ */
@media (min-width:744px) and (max-height:860px){
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header{
    padding:24px 28px 16px !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-core-header-logo img{
    max-width:120px !important; margin:0 auto 10px !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .pix-design-component,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-logo"]{
    margin:6px 0 0 !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary{
    margin-top:8px !important;
  }
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 > .menu-item-inner a,
  #pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 > a{
    padding:9px 2px !important;
  }
}

/* ============================================================
   §23 · CATEGORY PAGE APPARATUS — sub-category index, layered
   filters, category tree, sort toolbar. Verified markup on
   /books: .zoeydev-sub-category-list-preset2 (tiles),
   .zoey-layered-nav (dl/dt/dd filters), .zoeydev-category-list-
   preset2 (tree), .zoey-toolbar .sorter.
   NOTE: the "Filters" / "Other Categories" headings are user-
   added TEXT components — set them to H5 in the editor to get
   the mono label style; CSS can't safely reach them.
   ============================================================ */
/* breadcrumbs: the component collapses to 0 height, so its text
   paints but the page-title block stacks OVER it and swallows
   clicks — restore height and lift it above its neighbors */
#pix-fe [class*="zoeydev-breadcrumbs"]{
  position:relative !important;
  z-index:20 !important;
  height:auto !important; min-height:0 !important;
  overflow:visible !important;
  pointer-events:auto !important;
}
#pix-fe [class*="zoeydev-breadcrumbs"] .zoey-component-placement-height,
#pix-fe [class*="zoeydev-breadcrumbs"] .component-content{
  height:auto !important; min-height:0 !important;
  overflow:visible !important;
}
#pix-fe [class*="zoeydev-breadcrumbs"] a{
  pointer-events:auto !important;
  position:relative !important;
  z-index:21 !important;
}

/* the demo-theme filter-icon banners (java_lava/filter_icon.png)
   stretch to full width on mobile — remove the whole component.
   (Cleaner still: delete those two banner components in the
   editor; this rule is the safety net.) */
#pix-fe:not(.pix-designcenter-admin) img[src*="filter_icon"]{ display:none !important; }
/* the two icon-banner components, pinned by their stable cp-ids
   (no :has() dependence): "Filters" icon + "Other Categories" icon */
#pix-fe:not(.pix-designcenter-admin) .cp-6a4c653565c7a338386908,
#pix-fe:not(.pix-designcenter-admin) .cp-6a4c65356d52f032050414,
#pix-fe:not(.pix-designcenter-admin) .cp-6a4c653565c7a338386908 .zoey-component-placement-height,
#pix-fe:not(.pix-designcenter-admin) .cp-6a4c65356d52f032050414 .zoey-component-placement-height{
  display:none !important;
  height:0 !important; min-height:0 !important;
  margin:0 !important; padding:0 !important;
}
#pix-fe:not(.pix-designcenter-admin) [class*="zoey-core-banner"]:has(img[src*="filter_icon"]){
  display:none !important;
  height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important;
}
/* …and release the RESERVED heights on every wrapper around the
   hidden banner (Zoey pre-measures component heights; hiding
   the image doesn't collapse them) */
#pix-fe:not(.pix-designcenter-admin) .zoey-component-placement-height:has(img[src*="filter_icon"]),
#pix-fe:not(.pix-designcenter-admin) .group-background-image-container:has(img[src*="filter_icon"]),
#pix-fe:not(.pix-designcenter-admin) [class*="zoey-core-group"]:has(img[src*="filter_icon"]),
#pix-fe:not(.pix-designcenter-admin) [class*="zoey-core-group"]:has(img[src*="filter_icon"]) .group-background-image-container,
#pix-fe:not(.pix-designcenter-admin) [class*="zoey-core-group"]:has(img[src*="filter_icon"]) .zoey-component-placement-height{
  height:auto !important; min-height:0 !important;
}
/* same release for the filter/tree/tile components themselves
   on mobile, where the reserved canvas heights are tallest */
#pix-fe.media-m [class*="zoeydev-category-product-filters"] .zoey-component-placement-height,
#pix-fe.media-m [class*="zoeydev-category-list"] .zoey-component-placement-height,
#pix-fe.media-m [class*="zoeydev-sub-category-list"] .zoey-component-placement-height,
#pix-fe.media-m [class*="zoeydev-category-product-filters"],
#pix-fe.media-m [class*="zoeydev-category-list"],
#pix-fe.media-m [class*="zoeydev-sub-category-list"]{
  height:auto !important; min-height:0 !important;
}
/* sub-category tiles → one quiet mono index strip */
#pix-fe [class*="zoeydev-sub-category-list"] ul{
  display:flex !important; flex-wrap:wrap !important;
  gap:12px 36px !important;
  border-top:1px solid var(--nr-bone) !important;
  border-bottom:1px solid var(--nr-bone) !important;
  padding:16px 2px !important; margin:0 0 10px !important;
  list-style:none !important;
  background:transparent !important;
}
#pix-fe [class*="zoeydev-sub-category-list"] li.zoey-list-item,
#pix-fe [class*="zoeydev-sub-category-list"] .zoey-list-item-single,
#pix-fe [class*="zoeydev-sub-category-list"] .zoey-list-item-info{
  width:auto !important; margin:0 !important; padding:0 !important;
  background:transparent !important; border:none !important;
  box-shadow:none !important; min-height:0 !important;
}
#pix-fe [class*="zoeydev-sub-category-list"] .zoey-list-item-title{ margin:0 !important; }
#pix-fe [class*="zoeydev-sub-category-list"] .zoey-list-item-title a{
  font-family:var(--nr-mono) !important;
  font-size:11px !important; font-weight:400 !important;
  letter-spacing:.18em !important; text-transform:uppercase !important;
  color:var(--nr-ink) !important; text-decoration:none !important;
  border-bottom:1px solid transparent !important; padding-bottom:3px !important;
}
#pix-fe [class*="zoeydev-sub-category-list"] .zoey-list-item-title a:hover{
  color:var(--nr-sienna-deep) !important;
  border-bottom-color:var(--nr-sienna) !important;
}
/* mobile: centered strip, no left-edge clipping, tighter gaps */
#pix-fe.media-m [class*="zoeydev-sub-category-list"] ul{
  justify-content:center !important;
  gap:14px 24px !important;
  margin:0 !important;
  width:auto !important; min-width:0 !important;
  padding:16px 16px !important;
  transform:none !important;
}
#pix-fe.media-m [class*="zoeydev-sub-category-list"],
#pix-fe.media-m [class*="zoeydev-sub-category-list"] .component-content{
  margin:0 !important; width:auto !important; min-width:0 !important;
  overflow:hidden !important;
}
/* layered filters: no slab, hairline sections, mono headings */
#pix-fe .zoey-layered-nav, #pix-fe .zoey-layered-nav-content{
  background:transparent !important; border:none !important;
  box-shadow:none !important; padding:0 !important;
}
#pix-fe .zoey-layered-nav .mobile-header{
  background:transparent !important;
  font-family:var(--nr-mono) !important;
  font-size:11px !important; letter-spacing:.2em !important;
  text-transform:uppercase !important; color:var(--nr-stone) !important;
  padding:0 0 10px !important; margin:0 !important;
}
#pix-fe .zoey-layered-nav dl{ margin:0 !important; }
#pix-fe .zoey-layered-nav dt{
  background:transparent !important; border:none !important;
  border-top:1px solid var(--nr-bone) !important;
  font-family:var(--nr-mono) !important;
  font-size:12px !important; font-weight:400 !important;
  letter-spacing:.16em !important; text-transform:uppercase !important;
  color:var(--nr-ink) !important;
  padding:12px 0 !important; margin:0 !important;
}
#pix-fe .zoey-layered-nav dd{
  background:transparent !important; border:none !important;
  padding:0 0 14px !important; margin:0 !important;
}
#pix-fe .zoey-layered-nav dd ol{ list-style:none !important; margin:0 !important; padding:0 !important; }
#pix-fe .zoey-layered-nav dd a,
#pix-fe .zoey-layered-nav dd label,
#pix-fe .zoeyFilterNames{
  font-family:var(--nr-body) !important; font-size:14px !important;
  color:#4a463e !important; text-decoration:none !important; line-height:1.9 !important;
}
#pix-fe .zoey-layered-nav dd a:hover{ color:var(--nr-sienna-deep) !important; }
#pix-fe .zoey-layered-nav dd .count,
#pix-fe .zoey-layered-nav dd li > span:last-child{
  font-family:var(--nr-mono) !important; font-size:11px !important;
  color:var(--nr-stone) !important;
}
#pix-fe .zoey-layered-nav input[type="checkbox"]{ accent-color:var(--nr-sienna-deep) !important; }
/* size swatches: hairline chips (inner .swatch-label carries a
   stock ink border + white fill — silence it) */
#pix-fe .zoey-layered-nav .configurable-swatch-list li,
#pix-fe .zoey-layered-nav .configurable-swatch-list a,
#pix-fe .zoey-layered-nav .configurable-swatch-list span{
  background:transparent !important; border-radius:0 !important;
  box-shadow:none !important;
  font-family:var(--nr-mono) !important; font-size:10px !important;
  color:var(--nr-ink) !important;
}
#pix-fe .zoey-layered-nav .configurable-swatch-list li{ border:none !important; }
#pix-fe .zoey-layered-nav .configurable-swatch-list a{
  border:1px solid var(--nr-bone) !important;
  padding:6px 10px !important; display:inline-block !important;
}
#pix-fe .zoey-layered-nav .configurable-swatch-list a:hover{ border-color:var(--nr-sienna) !important; }
#pix-fe .configurable-swatch-list .swatch-label{
  background:transparent !important; border:none !important;
}
/* category tree sidebar */
#pix-fe [class*="zoeydev-category-list"] a{
  font-family:var(--nr-body) !important; font-size:14px !important;
  color:var(--nr-ink) !important; text-decoration:none !important;
  line-height:2 !important;
}
#pix-fe [class*="zoeydev-category-list"] a:hover{ color:var(--nr-sienna-deep) !important; }
#pix-fe [class*="zoeydev-category-list"] li{ list-style:none !important; }
#pix-fe [class*="zoeydev-category-list"] h1,
#pix-fe [class*="zoeydev-category-list"] h2,
#pix-fe [class*="zoeydev-category-list"] h3,
#pix-fe [class*="zoeydev-category-list"] strong,
#pix-fe [class*="zoeydev-category-list"] .mobile-header,
#pix-fe [class*="zoeydev-category-list"] .block-title{
  background:transparent !important;
  font-family:var(--nr-mono) !important; font-size:11px !important;
  letter-spacing:.2em !important; text-transform:uppercase !important;
  color:var(--nr-stone) !important;
}
/* qty package chip ("Book(s)"): stock light-blue pill → quiet
   mono label on a bone hairline chip */
#pix-fe .qty-package-convertion,
#pix-fe .qty-package-convertion span{
  background:transparent !important;
  background-color:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#pix-fe .qty-package-convertion{
  border:1px solid var(--nr-bone) !important;
  padding:6px 10px !important;
}
#pix-fe .qty-package-convertion span{
  border:none !important;
  font-family:var(--nr-mono) !important;
  font-size:10px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--nr-stone) !important;
}

/* sort toolbar */
#pix-fe .zoey-toolbar{
  background:transparent !important; border:none !important; box-shadow:none !important;
}
#pix-fe .zoey-toolbar .sort-by label{
  font-family:var(--nr-mono) !important; font-size:11px !important;
  letter-spacing:.18em !important; text-transform:uppercase !important;
  color:var(--nr-stone) !important;
}
#pix-fe .zoey-toolbar .zoey-styled-select{
  background:transparent !important;
  border:1px solid var(--nr-bone) !important;
  border-radius:0 !important; box-shadow:none !important;
}
#pix-fe .zoey-toolbar select{
  font-family:var(--nr-mono) !important; font-size:12px !important;
  letter-spacing:.08em !important; color:var(--nr-ink) !important;
  background:transparent !important; border:none !important;
}
#pix-fe .zoey-toolbar .sort-by-switcher,
#pix-fe .zoey-toolbar .sort-by-switcher i{
  color:var(--nr-sienna-deep) !important;
}

/* ============================================================
   §24 · ANNOUNCEMENT BAR (Block 22) — a bone band in the letter
   voice: sienna mono kicker, Fraunces italic title in the
   message, quiet mono action, stone × dismiss.
   Navy variant: .nr-annc--navy (gold accents, rail language).
   ============================================================ */
.nr-annc{
  background:var(--nr-bone);
  border-bottom:1px solid rgba(10,10,10,.08);
  padding:11px 48px;
  display:flex; align-items:baseline; justify-content:center;
  gap:6px 22px; flex-wrap:wrap;
  position:relative;
}
.nr-annc-kicker{
  font-family:var(--nr-mono); font-size:10px; font-weight:400;
  letter-spacing:.22em; text-transform:uppercase;
  color:var(--nr-sienna-deep);
}
.nr-annc-stop{ color:var(--nr-sienna); }
.nr-annc-msg{ font-family:var(--nr-body); font-size:14px; color:var(--nr-ink); }
.nr-annc-msg em{
  font-family:var(--nr-display); font-style:italic;
  font-weight:300; font-size:15.5px;
}
.nr-annc-link{
  font-family:var(--nr-mono); font-size:10px;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--nr-ink); text-decoration:none;
  border-bottom:1px solid var(--nr-stone); padding-bottom:2px;
  transition:border-color .2s, color .2s;
}
.nr-annc-link:hover{ border-color:var(--nr-sienna); color:var(--nr-sienna-deep); }
/* dismiss: hardened against theme button styles */
#pix-fe .nr-annc-close, .nr-annc-close{
  appearance:none !important; -webkit-appearance:none !important;
  position:absolute !important; right:14px !important; top:50% !important;
  transform:translateY(-50%) !important;
  background:transparent !important; background-color:transparent !important;
  border:none !important; border-radius:0 !important; box-shadow:none !important;
  width:auto !important; height:auto !important; min-height:0 !important;
  cursor:pointer !important;
  font-family:var(--nr-body) !important;
  font-size:18px !important; line-height:1 !important;
  color:var(--nr-stone) !important;
  padding:4px 8px !important;
}
#pix-fe .nr-annc-close:hover{ color:var(--nr-ink) !important; }
/* navy variant — rail language */
.nr-annc--navy{ background:var(--nr-navy); border-bottom:none; }
.nr-annc--navy .nr-annc-kicker{ color:var(--nr-gold); }
.nr-annc--navy .nr-annc-stop{ color:var(--nr-gold); }
.nr-annc--navy .nr-annc-msg{ color:var(--nr-paper); }
.nr-annc--navy .nr-annc-link{
  color:var(--nr-bone); border-bottom-color:var(--nr-gold-dim);
}
.nr-annc--navy .nr-annc-link:hover{ border-bottom-color:var(--nr-gold); color:var(--nr-gold); }
#pix-fe .nr-annc--navy .nr-annc-close{ color:rgba(232,225,207,.6) !important; }
#pix-fe .nr-annc--navy .nr-annc-close:hover{ color:var(--nr-bone) !important; }
/* the VDE turns the block's canvas y-offset into margin-top —
   pin the bar to the top of the body regardless */
#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.nr-annc){
  margin-top:0 !important;
  top:0 !important;
  /* Zoey puts an identity transform on the component — any
     transform hijacks position:fixed on descendants, which the
     Block 22 sticky script depends on */
  transform:none !important;
  /* all components share z-index:1, so later siblings paint
     over the stuck bar — lift its stacking context */
  z-index:950 !important;
}
/* NOTE on stickiness: CSS position:sticky on the component
   corrupts Zoey's JS layout measurements (content ends up
   painted over the footer — verified live). The bar sticks via
   the Block 22 script instead: position:fixed on the INNER
   element only, which Zoey's measurements never see. */
/* ghost above the bar: an EMPTY banner component carrying a
   102px canvas margin, unselectable in the VDE — pinned by id.
   (Its only content is <div class="container"> </div>.) */
#pix-fe:not(.pix-designcenter-admin) .cp-6a4c653676c4d279832318{
  display:none !important;
  margin:0 !important; height:0 !important; min-height:0 !important;
}
/* mobile: tighter, room for the × */
#pix-fe.media-m .nr-annc{ padding:10px 40px 10px 16px; gap:4px 14px; text-align:center; }
#pix-fe.media-m .nr-annc-msg{ font-size:13px; }

/* ============================================================
   §25 · PEARL PASS (v52) — whole-storefront retheme to the
   approved Pearl-style mockup (greige field, hairline column
   grid, crimson accent, grotesque display, Playfair quotes).
   Strategy: append-only. 25.0 remaps the --nr-* variables, so
   every var-driven rule in §§0–24 repaints itself; 25.1 out-
   ranks §22's hard navy paints with identical selectors later
   in the file; 25.3+ adds the Pearl apparatus for Blocks 23–29
   (see newrome-block-library-v2.html). All rules that alter
   Zoey layout carry the :not(.pix-designcenter-admin) guard.
   Requires §0's @import to include Archivo + Playfair Display.
   ============================================================ */

/* ---- 25.0 · Palette & type remap --------------------------- */
:root{
  --nr-navy:#28211D;             /* dark surfaces: warm ink (was Margaux navy) */
  --nr-gold:#C86A66;             /* accent on dark: muted crimson (was gold) */
  --nr-gold-dim:rgba(200,106,102,.45);
  --nr-sienna:#AA2832;           /* accent on light: Newrome crimson */
  --nr-sienna-deep:#7A1A22;
  --nr-paper:#E8E4DC;            /* greige field */
  --nr-bone:#D8D3C8;             /* solid hairline tone on greige */
  --nr-stone:#7A716B;
  --nr-ink:#26201C;
  --nr-display:'Playfair Display',Georgia,serif;   /* quotes, product titles, mail */
  --nr-body:'Archivo','DM Sans',sans-serif;        /* structure + display headings */
  --nr-mono:'Archivo','JetBrains Mono',sans-serif; /* caps labels go grotesque */
  /* new Pearl tokens */
  --nr-line:rgba(38,32,28,.16);          /* hairlines on greige */
  --nr-line-dark:rgba(239,233,222,.18);  /* hairlines on dark */
  --nr-ghost:#F7F4EC;                    /* ghost section numbers */
  --nr-cream:#EFE9DE;                    /* text/panels on dark, hover panels */
}

/* Pearl headings are medium-weight grotesques, not light serifs.
   (Playfair stays for .nr-quote, product h1, .nr-mail via var.) */
#pix-fe h1, #pix-fe h2, #pix-fe h3{
  font-family:var(--nr-body) !important;
  font-weight:500 !important;
  letter-spacing:-0.015em;
}
/* product page + quote surfaces keep the serif display */
#pix-fe .product-shop h1, #pix-fe .product-name h1,
#pix-fe .nr-quote blockquote, #pix-fe .nr-mission blockquote{
  font-family:var(--nr-display) !important;
  font-weight:500 !important;
}
.nr-h1{ font-family:var(--nr-body) !important; font-weight:600 !important; }

/* checkout actions: solid crimson (was navy) */
#pix-fe .btn-checkout, #pix-fe .btn-proceed-checkout{
  background:var(--nr-sienna) !important;
  color:#F6F1E7 !important;
}

/* ---- 25.1 · Rail back to the light — Pearl voice ------------
   Identical selector weight to §22; later in file wins. */
@media (min-width:744px){
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header{
    background:var(--nr-paper) !important;
    border-right:1px solid var(--nr-line) !important;
  }
  /* crimson eagle logo returns (undo §22's gold recut) */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-core-header-logo img{
    content:url("//cfrouting.zoeysite.com/cdn-cgi/image/format=auto,quality=85,fit=scale-down/https://s3.amazonaws.com/zcom-media/sites/a0iUm000001aSurIAE/media/mediamanager/newromelogo.png") !important;
  }
  /* nav labels: crimson letterspaced caps (Pearl rail voice) */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-link-text:not([data-tippy-root] *),
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 a span:not([data-tippy-root] *),
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 > a{
    color:var(--nr-sienna) !important;
    font-family:var(--nr-body) !important;
    font-weight:500 !important;
    letter-spacing:.14em !important;
  }
  /* row hairlines on greige */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary > li.level0{
    border-top:1px solid var(--nr-line) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary > li.level0:last-child{
    border-bottom:1px solid var(--nr-line) !important;
  }
  /* hover: deepen, Pearl-style */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0:hover .menu-item-link-text:not([data-tippy-root] *),
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0:hover a span:not([data-tippy-root] *){
    color:var(--nr-sienna-deep) !important;
  }
  /* chevrons: quiet stone, crimson on hover */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary .dropdown-icon,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary .dropdown-icon i,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary .dropdown-icon i::before{
    color:var(--nr-stone) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0:hover .dropdown-icon,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0:hover .dropdown-icon i,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0:hover .dropdown-icon i::before{
    color:var(--nr-sienna) !important;
  }
  /* utility text: ink; welcome line + cart glyph: crimson */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link .label,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="minicart"],
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="minicart"] a,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"] p,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"] span,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="cart-trigger"]{
    color:var(--nr-ink) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link .message,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="cart-trigger"]::before{
    color:var(--nr-sienna) !important;
  }
  /* account icon: crimson stroke */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .account-icon{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23AA2832' stroke-width='1.1'%3E%3Ccircle cx='8' cy='4.8' r='2.7'/%3E%3Cpath d='M2.8 13.8 a5.4 5.4 0 0 1 10.4 0'/%3E%3C/svg%3E") !important;
  }
  /* form fields: hairline boxes on greige, ink text */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-styled-select,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .search-container{
    background:transparent !important;
    background-color:transparent !important;
    border:1px solid var(--nr-line) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header select,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .currency-switcher select,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .search-container input,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .search-container button,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search input{
    color:var(--nr-ink) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search input::placeholder{
    color:var(--nr-stone) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-styled-select:focus-within,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search input:focus{
    border-color:var(--nr-sienna) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-styled-select::after,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-styled-select::before,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .form-search [class*="icon"],
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header button{
    color:var(--nr-sienna) !important;
    border-top-color:var(--nr-sienna) !important;
  }
}

/* ---- 25.2 · GLOBAL HAIRLINE COLUMN GRID (v52.8) -------------
   The grid is painted by #pix-fe's own ::before — one fixed,
   click-transparent layer at z-index:0, beneath every component
   (z-index:1) and the announcement host (950). No element, no
   component, no stacking-context hazards: the v52.7 element
   approach (Block 23) broke when it shared a component with
   Block 22 — the host's z-index:950 lifted the lines above the
   bar, and children cannot escape an ancestor's stacking
   context. Block 23 is retired; its markup is hidden wherever
   it remains pasted (harmless to leave in place).
   Two internal lines split the content field into three
   columns; the rail's border-right draws the first boundary.
   Desktop/tablet storefront only; never in the VDE. */
.nr-lines{ display:none !important; }
/* v52.13: #pix-fe isolates so the grid can sit at z-index:-1 —
   negative-z children paint ABOVE the field but BELOW every
   in-flow element background. Any element with a background
   (opaque panels, .nr-section, dark bands, product cards)
   covers the lines automatically; transparent areas show them.
   (At z:0 the positioned pseudo painted OVER in-flow
   backgrounds — lines ran across the contact block.) */
#pix-fe:not(.pix-designcenter-admin){ isolation:isolate; }
/* v52.14: no grid on product, cart, and checkout pages — Zoey's
   own templates there are two-column/dynamic and cannot ride
   the thirds; line fragments read as accidents. The §8 product
   reskin's hairline rules carry those pages' structure. */
#pix-fe#pix-fe.catalog-product-view::before,
#pix-fe#pix-fe.catalog-category-view::before,
#pix-fe#pix-fe[class*="catalogsearch"]::before,
#pix-fe#pix-fe.search-index-index::before,  /* v52.53: Zoey's search page
   class — this store never emits Magento's catalogsearch-* */
#pix-fe#pix-fe.checkout-cart-index::before,
#pix-fe#pix-fe[class*="checkout-"]::before,
#pix-fe#pix-fe:has(.zoeydev-contact-form)::before,  /* v52.26 */
#pix-fe#pix-fe:has([class*="zoeydev-product-table"])::before{ content:none !important; }  /* v52.52:
   quick order — no page-specific body class, so keyed on the
   quick-order table COMPONENT. (.zoey-product-table alone does
   not exist in the DOM; only -cell variants do.) */
@media (min-width:744px){
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin)::before{
    content:'';
    position:fixed;
    top:0; bottom:0;
    left:var(--nr-sidebar-w); right:0;
    pointer-events:none;
    z-index:-1;
    background-image:
      linear-gradient(var(--nr-line), var(--nr-line)),
      linear-gradient(var(--nr-line), var(--nr-line));
    background-repeat:no-repeat;
    background-size:1px 100%, 1px 100%;
    background-position:calc(100%/3) top, calc(200%/3) top;
  }
  /* legacy Block 23 hosts: collapse the now-empty component —
     unless it also hosts Block 22 (v52.7), which keeps its
     height and stacking for the bar */
  #pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.nr-lines):not(:has(.nr-annc)),
  #pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.nr-lines):not(:has(.nr-annc)) .zoey-component-placement-height,
  #pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.nr-lines):not(:has(.nr-annc)) .component-content{
    height:0 !important; min-height:0 !important;
    margin:0 !important; padding:0 !important;
    overflow:hidden !important;
  }
}

/* ---- 25.3 · Pearl block apparatus (Blocks 24–29) ------------ */

/* Hero (Block 24): wordmark rides columns 2–3, Pearl-style */
.nr-phero{ padding:22vh 48px 18vh; position:relative; }
.nr-phero .nr-pword{
  font-family:var(--nr-body) !important;
  font-weight:600 !important;
  font-size:clamp(58px,6.5vw,104px) !important;
  letter-spacing:-0.02em !important;
  line-height:1 !important;
  color:var(--nr-ink) !important;
  margin:0 0 0 33% !important;
  text-transform:none !important;
}
.nr-phero .nr-pstrap{
  font-family:var(--nr-body); font-size:13px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--nr-sienna);
  margin:28px 0 0 33%;
}
.nr-phero .nr-pscroll{
  position:absolute; left:48px; bottom:24px;
  font-family:var(--nr-body); font-size:12px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase; color:var(--nr-stone);
}
#pix-fe:is(.media-m,.media-t) .nr-phero{ padding:96px 20px 72px; }
#pix-fe:is(.media-m,.media-t) .nr-phero .nr-pword,
#pix-fe:is(.media-m,.media-t) .nr-phero .nr-pstrap{ margin-left:0; }
#pix-fe:is(.media-m,.media-t) .nr-phero .nr-pscroll{ position:static; display:block; margin-top:48px; }

/* Numbered section head (Block 25): ghost number · title · copy */
.nr-sec{
  display:grid; grid-template-columns:repeat(3,1fr); gap:0;
  align-items:start;
  /* v52.10: flush box — the cells pad themselves, so the three
     columns ride the global grid lines exactly (Pearl: content
     fits BETWEEN the lines, never under them) */
  padding:110px 0 64px;
}
.nr-sec .nr-gnum{
  font-family:var(--nr-body);
  font-size:clamp(64px,6.5vw,104px); font-weight:500; line-height:1;
  color:var(--nr-ghost);
  padding-left:48px;
}
.nr-sec h2.nr-sect{
  font-family:var(--nr-body) !important;
  font-weight:500 !important;
  font-size:clamp(40px,4.2vw,64px) !important;
  letter-spacing:-0.015em !important;
  line-height:1.05 !important;
  text-transform:none !important;
  color:var(--nr-ink) !important;
  margin:0 !important;
  padding-left:48px !important;
  padding-right:20px !important;
}
.nr-sec .nr-seccopy{
  font-family:var(--nr-body); font-size:15px; line-height:1.7;
  color:#4A403A;
  padding-left:48px; padding-right:48px;
}
.nr-sec .nr-seccopy p{ margin:0 0 1.35em; }
/* dark-band variant */
.nr-band .nr-sec{ padding-left:0; padding-right:0; }
.nr-band .nr-sec .nr-gnum{ color:rgba(239,233,222,.14); }
.nr-band .nr-sec h2.nr-sect{ color:var(--nr-cream) !important; }
.nr-band .nr-sec .nr-seccopy{ color:rgba(239,233,222,.78); }
@media (max-width:1150px){
  #pix-fe .nr-sec{ grid-template-columns:1fr !important; gap:22px !important; padding:72px 20px 44px !important; }
  #pix-fe .nr-sec > *{ padding-left:0 !important; padding-right:0 !important; }
  /* v52.11: single-column content can't sit BETWEEN the lines,
     so it goes OPAQUE over them — the other Pearl behavior.
     Inside dark bands the band already paints the surface. */
  #pix-fe .nr-sec{ background:var(--nr-paper); }
  #pix-fe .nr-band .nr-sec{ background:transparent; }
  #pix-fe .nr-phero{ background:var(--nr-paper); }
  #pix-fe .nr-splithero{ background:var(--nr-paper); }
}

/* Pull quotes: Pearl repaint of the existing .nr-quote block —
   crimson serif, upright (overrides §7 at equal weight) */
.nr-quote blockquote{
  color:var(--nr-sienna);
  font-style:normal;
  font-weight:500;
  line-height:1.28;
}
.nr-band .nr-quote blockquote{ color:var(--nr-gold); }

/* Collection cells (Block 26, on a dark .nr-band) */
.nr-cells{
  display:grid; grid-template-columns:repeat(3,1fr);
  border:1px solid var(--nr-line-dark);
}
.nr-cells a.nr-cell{
  display:flex; justify-content:space-between; align-items:baseline;
  padding:34px 28px;
  border-right:1px solid var(--nr-line-dark);
  border-bottom:1px solid var(--nr-line-dark);
  font-family:var(--nr-body); font-size:19px; font-weight:500;
  color:var(--nr-cream); text-decoration:none;
  transition:background .25s, color .25s;
}
.nr-cells a.nr-cell:nth-child(3n){ border-right:none; }
.nr-cells a.nr-cell:nth-last-child(-n+3){ border-bottom:none; }
.nr-cell small{
  font-family:var(--nr-body); font-size:12px; font-weight:400;
  letter-spacing:.1em; color:rgba(239,233,222,.5);
}
.nr-cells a.nr-cell:hover{ background:var(--nr-sienna); color:#F6F1E7; }
.nr-cells a.nr-cell:hover small{ color:rgba(246,241,231,.7); }
/* paper variant */
.nr-cells--paper{ border-color:var(--nr-line); }
.nr-cells--paper a.nr-cell{ border-color:var(--nr-line); color:var(--nr-ink); }
.nr-cells--paper .nr-cell small{ color:var(--nr-stone); }
/* 4-column variant (v52.43) — for eight cells, 4×2. The base
   border logic keys on 3n / last-3, so restore then re-key. */
.nr-cells--4{ grid-template-columns:repeat(4,1fr); }
.nr-cells--4 a.nr-cell{ padding:30px 24px; font-size:17px; }
.nr-cells--4 a.nr-cell:nth-child(3n){ border-right:1px solid var(--nr-line-dark); }
.nr-cells--4 a.nr-cell:nth-child(4n){ border-right:none; }
.nr-cells--4 a.nr-cell:nth-last-child(-n+3){ border-bottom:1px solid var(--nr-line-dark); }
.nr-cells--4 a.nr-cell:nth-last-child(-n+4){ border-bottom:none; }
#pix-fe:is(.media-m,.media-t) .nr-cells{ grid-template-columns:1fr 1fr; }
#pix-fe.media-m .nr-cells{ grid-template-columns:1fr; }
/* v52.44 — device-keyed border re-key. The base (and --4) rules
   key "no border on row/column ends" to the DESKTOP grid, so on
   stacked layouts mid-list rows lost their hairlines (seen on
   iPhone: no lines after Spiritual Living). Re-key per device:
   tablet = rows of 2, phone = single column, only the true last
   cell borderless. Doubled-id + !important because Zoey's own
   device stylesheets also touch borders here. */
#pix-fe#pix-fe:is(.media-m,.media-t) .nr-cells a.nr-cell{
  border-right:1px solid var(--nr-line-dark) !important;
  border-bottom:1px solid var(--nr-line-dark) !important;
}
#pix-fe#pix-fe:is(.media-m,.media-t) .nr-cells a.nr-cell:nth-child(2n){ border-right:none !important; }
#pix-fe#pix-fe:is(.media-m,.media-t) .nr-cells a.nr-cell:nth-last-child(-n+2){ border-bottom:none !important; }
#pix-fe#pix-fe.media-m .nr-cells a.nr-cell{ border-right:none !important; }
#pix-fe#pix-fe.media-m .nr-cells a.nr-cell:nth-last-child(-n+2){ border-bottom:1px solid var(--nr-line-dark) !important; }
#pix-fe#pix-fe.media-m .nr-cells a.nr-cell:last-child{ border-bottom:none !important; }
#pix-fe#pix-fe:is(.media-m,.media-t) .nr-cells--paper a.nr-cell{ border-color:var(--nr-line) !important; }

/* Crimson CTA band + circle button (Block 27) */
.nr-ctaband{
  background:var(--nr-sienna); color:#F6F1E7;
  display:grid; grid-template-columns:1.4fr 1fr; align-items:center;
  gap:40px; padding:76px 60px;
}
.nr-ctaband h3{
  font-family:var(--nr-body) !important; font-weight:500 !important;
  font-size:26px !important; line-height:1.3 !important;
  text-transform:none !important;
  color:#F6F1E7 !important; margin:0 0 18px !important;
}
.nr-ctaband p{
  font-family:var(--nr-body); font-size:14px; line-height:1.7;
  color:rgba(246,241,231,.85); max-width:420px; margin:0;
}
a.nr-circle{
  width:172px; height:172px; border-radius:50%;
  border:1px solid rgba(246,241,231,.85);
  display:flex; align-items:center; justify-content:center; justify-self:center;
  font-family:var(--nr-body); font-size:13px; font-weight:500;
  letter-spacing:.1em; text-transform:uppercase; text-align:center;
  color:inherit; text-decoration:none !important;
  transition:background .3s, color .3s;
}
.nr-ctaband a.nr-circle:hover{ background:#F6F1E7; color:var(--nr-sienna); }
/* crimson-ring variant for paper surfaces */
a.nr-circle--ink{ border-color:var(--nr-sienna); color:var(--nr-sienna); }
a.nr-circle--ink:hover{ background:var(--nr-sienna); color:#F6F1E7; }
#pix-fe:is(.media-m,.media-t) .nr-ctaband{ grid-template-columns:1fr; padding:56px 24px; }

/* Contact (Block 28) */
a.nr-mail{
  font-family:var(--nr-display) !important;
  font-size:clamp(26px,3vw,42px) !important;
  color:var(--nr-sienna) !important;
  text-decoration:none !important;
  display:inline-block;
}
a.nr-mail:hover{ opacity:.7; }
.nr-contact-cols{
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
  margin-top:40px;
  font-family:var(--nr-body); font-size:14px; line-height:2; color:#4A403A;
}
.nr-contact-cols a{ color:var(--nr-sienna) !important; text-decoration:none !important; }
.nr-contact-cols a:hover{ color:var(--nr-sienna-deep) !important; }
#pix-fe:is(.media-m,.media-t) .nr-contact-cols{ grid-template-columns:1fr; }

/* Opaque panel opt-out: components with their own borders sit
   on a paper panel so the global lines stop behind them */
.nr-panel{ background:var(--nr-paper); }

/* ---- 25.4 · Product cards & dynamic grids, Pearl voice ------
   Later-in-file overrides of §7 at equal weight. Opaque paper
   background doubles as the .nr-panel for the column lines. */
#pix-fe .zoey-product{
  background:var(--nr-paper) !important;
  border:1px solid var(--nr-line) !important;
  padding:22px !important;
}
#pix-fe .zoey-product:hover{
  box-shadow:none !important;
  background:var(--nr-cream) !important;
}
#pix-fe .zoey-product .zoey-product-name,
#pix-fe .zoey-product h3.zoey-product-name a{
  font-family:var(--nr-body) !important;
  font-weight:500 !important;
  font-size:15px !important;
  line-height:1.35 !important;
}
#pix-fe .zoey-product .price-box, #pix-fe .zoey-product .price{
  font-weight:500 !important;
  color:var(--nr-sienna) !important;
}
#pix-fe .zoey-product .zoey-product-actions button,
#pix-fe .zoey-product .add-to-cart-buttons-container button{
  font-family:var(--nr-body) !important;
  font-size:11px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:var(--nr-sienna) !important;
  border-bottom:none !important;
}
#pix-fe .zoey-product .zoey-product-actions button:hover{
  color:var(--nr-sienna-deep) !important;
}

/* Newsletter subscribe: crimson caps submit, hairline field */
#pix-fe .zoey-newsletter-subscribe button{
  color:var(--nr-sienna) !important;
  border-bottom:none !important;
  letter-spacing:.12em !important;
}
#pix-fe .zoey-newsletter-subscribe input.input-text,
#pix-fe input[name="email"].input-text{
  border-bottom:1px solid var(--nr-stone) !important;
}

/* ---- 25.5 · Announcement bar (Block 22), Pearl voice --------
   (v52.5, verified live) Cream band; kicker in true crimson
   (§24 had it in the deep hover tone); the action link is
   crimson caps with no underline — Margaux's ink-on-stone
   underline treatment is retired. Hover deepens and re-draws
   the rule, Pearl-style. Dark variant keeps the dark band. */
.nr-annc{
  background:var(--nr-paper);            /* ONE canvas — no cream band */
  border-bottom:1px solid var(--nr-line);
}
.nr-annc-kicker{ color:var(--nr-sienna); }
.nr-annc-link{
  color:var(--nr-sienna);
  border-bottom:none;
  text-decoration:none;
}
.nr-annc-link:hover{ color:var(--nr-sienna-deep); }
.nr-annc--navy{ background:var(--nr-navy); }

/* ---- 25.6 · PEARL GEOMETRY HOTFIX (v52.1, verified live) ----
   Three Margaux cues the Pearl pass missed. */

/* one canvas: groups carry design-set background COLORS from
   the old theme (cream #FBF7EF) — release the color, keep any
   background images. Dark sections paint themselves (.nr-band). */
#pix-fe:not(.pix-designcenter-admin) .design-center-wrapper .group-background-image-container,
#pix-fe:not(.pix-designcenter-admin) .design-center-wrapper [class*="zoey-core-body"],
#pix-fe:not(.pix-designcenter-admin) .design-center-wrapper .full-width-element,
#pix-fe:not(.pix-designcenter-admin) .design-center-wrapper .full-width-content-element{
  background-color:transparent !important;
}

@media (min-width:744px){
  /* logo: bottom of the rail, left-aligned, small — Pearl puts
     the mark at the foot. order beats §10's order:1; the auto
     margin absorbs the slack so utilities + nav stay up. */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-logo"]{
    order:99 !important;
    margin-top:auto !important;
    padding-top:28px !important;
    text-align:center !important;   /* v52.30: centered in the rail */
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-core-header-logo img{
    max-width:200px !important;   /* v52.30: was 150px (v52.3: 96px) */
    margin:0 auto !important;
  }
  /* balance: the first rail item also takes an auto margin so
     the utility/nav group rides the middle of the rail */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="header-top-links"]{
    margin-top:auto !important;
  }
  /* nav rows: Pearl floats the labels — no hairline boxes */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary > li.level0,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary > li.level0:last-child{
    border-top:none !important;
    border-bottom:none !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-inner:not([data-tippy-root] *),
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 > a:not([data-tippy-root] *),
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary li.level0 .menu-item-inner > a:not([data-tippy-root] *),
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary button.dropdown-toggle{
    min-height:42px !important;
  }
  /* the Pearl indicator: a crimson bar at the rail edge on
     hover and on the current item */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary > li.level0:hover::before,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary > li.level0.active::before{
    content:'' !important;
    position:absolute !important;
    left:-28px !important;   /* rail side padding */
    top:50% !important;
    transform:translateY(-50%) !important;
    width:7px !important;
    height:20px !important;
    background:var(--nr-sienna) !important;
  }
}

/* ---- 25.7 · PEARL RAIL, COMPLETE (v52.2, verified live) -----
   The last Margaux cues out of the rail. Everything speaks in
   the Pearl caps voice; nothing is boxed; no icons. */
@media (min-width:744px){
  /* welcome line + icons: gone */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link .message{ display:none !important; }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .account-icon{ display:none !important; }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .cart-icon{ display:none !important; }
  /* account + cart: quiet caps */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link a,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-account-link .label,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="minicart"],
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="minicart"] a{
    font-family:var(--nr-body) !important;
    font-size:11px !important; font-weight:500 !important;
    letter-spacing:.14em !important; text-transform:uppercase !important;
    color:var(--nr-sienna) !important;
  }
  /* the cart names itself (replaces the glyph ::before) */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="cart-trigger"]::before{
    content:"Cart " !important;
    font-family:var(--nr-body) !important;
    font-size:11px !important; font-weight:500 !important;
    letter-spacing:.14em !important; text-transform:uppercase !important;
    color:var(--nr-sienna) !important;
  }
  /* currency: no label, no box — a quiet caps control */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-text"]{ display:none !important; }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-styled-select{
    border:none !important; background:transparent !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header select,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .currency-switcher select{
    font-family:var(--nr-body) !important;
    font-size:11px !important; letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:var(--nr-sienna) !important;
    padding:4px 0 !important;
  }
  /* search: underline field, not a box */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .search-container{
    border:none !important;
    border-bottom:1px solid var(--nr-line) !important;
    background:transparent !important;
  }
  /* chevrons: Pearl has none (hover targets stay in place) */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-nav-primary .dropdown-icon{ display:none !important; }
  /* rhythm: compress utility rows, air before the nav */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .pix-design-component:not([class*="zoey-core-header-logo"]):not([class*="zoeydev-header-top-menu"]){
    margin:6px 0 0 !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoeydev-header-top-menu"]{
    margin:36px 0 0 !important;
  }
  /* vertical centering: the container pseudo-elements are flex
     items — equal spacers above the group (order 0) and above
     the logo (order 98) center the group; logo stays the last
     item at the foot (order 99 from §25.6, margin-top released) */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header::before{
    content:'' !important; flex:1 1 0 !important; order:0 !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header::after{
    content:'' !important; flex:1 1 0 !important; order:98 !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="zoey-core-header-logo"]{
    margin-top:0 !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header [class*="header-top-links"]{
    margin-top:0 !important;
  }
}

/* ---- 25.8 · (retired in v52.7) ------------------------------
   Previously repainted the cp-6a4e44fd… welcome banner; that
   component now hosts Block 22, whose own styles govern. */

/* ---- 25.9 · ANNOUNCEMENT HOST GEOMETRY PIN (v52.7, verified
   live) — wherever Block 22 lives (HTML block, banner preset,
   theme before-body slot), the host component and every inner
   wrapper lose Zoey's full-width breakout geometry, which
   otherwise positions the bar thousands of pixels off-canvas
   outside the design-center wrapper (§2.2b only covers inside).
   Also silences any design-set container paint under the bar. */
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.nr-annc),
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.nr-annc) .full-width-element,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.nr-annc) .full-width-content-element,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.nr-annc) .container,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.nr-annc) .component-content{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  left:0 !important; right:auto !important;
  margin-left:0 !important; margin-right:0 !important;
  transform:none !important;
  /* v52.9: the wrapper's 10px padding-top let the grid peek
     above the bar — the bar sits flush at the very top */
  padding-top:0 !important;
}
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.nr-annc) .container{
  background:transparent !important;
  background-color:transparent !important;
  border:none !important;
  padding:0 !important;
}

/* ---- 25.10 · PEARL BLOCK HOST GEOMETRY (v52.10, verified
   live) — components hosting Pearl blocks lose wrapper side
   padding and breakout geometry, so the blocks span the full
   content field and their internal thirds land exactly on the
   global grid lines. (The wrappers' 10px padding was shifting
   .nr-sec columns ~14px off the lines — a line through the
   copy column.) */
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(:is(.nr-sec,.nr-phero,.nr-cells,.nr-ctaband,.nr-band,.nr-imghero,.nr-testi,.nr-flip)),
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(:is(.nr-sec,.nr-phero,.nr-cells,.nr-ctaband,.nr-band,.nr-imghero,.nr-testi,.nr-flip)) .full-width-element,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(:is(.nr-sec,.nr-phero,.nr-cells,.nr-ctaband,.nr-band,.nr-imghero,.nr-testi,.nr-flip)) .full-width-content-element,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(:is(.nr-sec,.nr-phero,.nr-cells,.nr-ctaband,.nr-band,.nr-imghero,.nr-testi,.nr-flip)) .component-content,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(:is(.nr-sec,.nr-phero,.nr-cells,.nr-ctaband,.nr-band,.nr-imghero,.nr-testi,.nr-flip)) .container{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding-left:0 !important; padding-right:0 !important;
  margin-left:0 !important; margin-right:0 !important;
  left:0 !important;
  transform:none !important;
}

/* ---- 25.11 · PEARL ANCHOR HARDENING (v52.10) ----------------
   §1's `#pix-fe a` (ink) out-ranks the class-level Pearl anchor
   colors by specificity — the collection cell names rendered
   ink-on-dark (invisible) and the announcement action rendered
   ink. Every Pearl anchor color is restated at winning weight. */
#pix-fe .nr-annc-link{ color:var(--nr-sienna) !important; }
#pix-fe .nr-annc-link:hover{ color:var(--nr-sienna-deep) !important; }
#pix-fe .nr-cells a.nr-cell{ color:var(--nr-cream) !important; }
#pix-fe .nr-cells a.nr-cell:hover{ color:#F6F1E7 !important; }
#pix-fe .nr-cells--paper a.nr-cell{ color:var(--nr-ink) !important; }
#pix-fe .nr-cells--paper a.nr-cell:hover{ color:#F6F1E7 !important; }
#pix-fe .nr-ctaband a.nr-circle{ color:#F6F1E7 !important; }
#pix-fe .nr-ctaband a.nr-circle:hover{ color:var(--nr-sienna) !important; }
#pix-fe a.nr-circle--ink{ color:var(--nr-sienna) !important; }
#pix-fe a.nr-circle--ink:hover{ color:#F6F1E7 !important; }

/* ---- 25.12 · OPAQUE PANELS: QUOTE + CONTACT (v52.12) --------
   Blocks 29 and 28 sit on opaque paper at every width — their
   centered/flowing content can't ride the column thirds, so
   the lines stop behind them (the same rule the book grids and
   product pane follow). Quotes inside dark bands stay
   transparent; the band paints the surface. */
#pix-fe .nr-quote{ background:var(--nr-paper); }
#pix-fe .nr-band .nr-quote{ background:transparent; }
#pix-fe .nr-mission{ background:var(--nr-paper); }   /* Block 18 shares the quote's anatomy */
#pix-fe .nr-section:has(a.nr-mail),
#pix-fe .nr-section:has(.nr-contact-cols){ background:var(--nr-paper); }

/* ---- 25.13 · CATEGORY TREE STRIP — tablet/mobile (v52.16,
   verified live) — at stacked widths the "Other Categories"
   tree rendered as twenty-odd full-width rows, burying the
   products a screen and a half down. It becomes a compact
   wrapped strip (the §23 sub-category treatment): every li and
   nested ul flattens via display:contents, .category-info is
   the flex item, parents in ink caps, children in stone.
   Desktop keeps the quiet sidebar list from §23.
   v52.17: keyed on REAL WIDTH (≤1150px), not media classes —
   Zoey classes by device, not window size (the §5b/§9b
   lesson); an iPad can be media-d and the strip never fired. */
@media (max-width:1150px){
  #pix-fe#pix-fe:not(.pix-designcenter-admin) [class*="zoeydev-category-list"] ul{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px 30px !important;
    border-top:1px solid var(--nr-line) !important;
    border-bottom:1px solid var(--nr-line) !important;
    padding:16px 2px !important;
    margin:0 0 8px !important;
    list-style:none !important;
    height:auto !important; min-height:0 !important;
  }
  #pix-fe#pix-fe:not(.pix-designcenter-admin) [class*="zoeydev-category-list"] ul ul{
    display:contents !important;
    border:none !important;
  }
  #pix-fe#pix-fe:not(.pix-designcenter-admin) [class*="zoeydev-category-list"] li{
    display:contents !important;
  }
  #pix-fe#pix-fe:not(.pix-designcenter-admin) [class*="zoeydev-category-list"] .category-info{
    margin:0 !important; padding:0 !important;
    width:auto !important; min-height:0 !important;
  }
  #pix-fe#pix-fe:not(.pix-designcenter-admin) [class*="zoeydev-category-list"] a,
  #pix-fe#pix-fe:not(.pix-designcenter-admin) [class*="zoeydev-category-list"] a .category-name{
    font-family:var(--nr-body) !important;
    font-size:11px !important; font-weight:500 !important;
    letter-spacing:.14em !important; text-transform:uppercase !important;
    color:var(--nr-ink) !important;
    line-height:1.6 !important;
    white-space:nowrap !important;
  }
  #pix-fe#pix-fe:not(.pix-designcenter-admin) [class*="zoeydev-category-list"] li.level-1 a .category-name{
    color:var(--nr-stone) !important;
  }
  #pix-fe#pix-fe:not(.pix-designcenter-admin) [class*="zoeydev-category-list"] a:hover .category-name{
    color:var(--nr-sienna-deep) !important;
  }
  #pix-fe#pix-fe:not(.pix-designcenter-admin) [class*="zoeydev-category-list"],
  #pix-fe#pix-fe:not(.pix-designcenter-admin) [class*="zoeydev-category-list"] .zoey-component-placement-height{
    height:auto !important; min-height:0 !important;
  }
}

/* ---- 25.14 · MOBILE HEADER + DRAWER, PEARL (v52.18) ---------
   §3/§3b painted the mobile header navy with gold glyphs and
   the gold logotype — Margaux. Every selector restated here at
   equal weight, later in file: greige bar under a hairline,
   crimson glyphs, drawer in the rail's Pearl voice. The
   logotype asset exists only in gold, so it is recolored to
   crimson by filter (visually matched against #AA2832). */
/* bar */
#pix-fe.media-m .zoey-core-header-mobile,
#pix-fe.media-t .zoey-core-header-mobile,
#pix-fe#pix-fe .zoey-header-mobile-top-menu-container{
  background:var(--nr-paper) !important;
  background-color:var(--nr-paper) !important;
  border-bottom:1px solid var(--nr-line) !important;
}
#pix-fe .group-background-image-container:has(> .zoey-header-mobile-top-menu-container),
#pix-fe [class*="header"]:has(> .zoey-header-mobile-top-menu-container),
#pix-fe [class*="mobile"]:has(> .zoey-header-mobile-top-menu-container){
  background:var(--nr-paper) !important;
}
#pix-fe .zoey-core-header-mobile a,
#pix-fe .zoey-header-mobile-top-menu-trigger{
  color:var(--nr-ink) !important;
}
#pix-fe#pix-fe .zoey-header-mobile-top-menu-trigger,
#pix-fe#pix-fe .zoey-header-mobile-top-menu-trigger .zoey-icon,
#pix-fe#pix-fe .zoey-header-mobile-top-menu-trigger .zoey-icon::before,
#pix-fe#pix-fe .zoey-header-mobile-cart .cart-icon-shopping-cart,
#pix-fe#pix-fe .zoey-header-mobile-cart .cart-icon-shopping-cart::before,
#pix-fe#pix-fe .zoey-header-mobile-cart [class*="cart-trigger"],
#pix-fe .zoey-core-header-mobile [class*="icon"],
#pix-fe .zoey-core-header-mobile button{
  color:var(--nr-sienna) !important;
}
#pix-fe#pix-fe .zoey-header-mobile-cart .count{
  color:var(--nr-ink) !important;
}
/* logotype: crimson export supplied by the press (filter
   recolor removed in v52.19) — URL set in §3's content:url */
/* drawer panels (top-menu variant) */
#pix-fe#pix-fe .zoey-header-mobile-top-menu,
#pix-fe#pix-fe .zoey-header-mobile-top-menu ul,
#pix-fe#pix-fe .zoey-header-mobile-top-menu li,
#pix-fe#pix-fe .zoey-header-mobile-top-menu li.level0,
#pix-fe#pix-fe .zoey-header-mobile-top-menu li ul,
#pix-fe#pix-fe .zoey-header-mobile-top-menu li li{
  background:var(--nr-paper) !important;
}
#pix-fe#pix-fe .zoey-header-mobile-top-menu li{
  border-bottom:1px solid var(--nr-line) !important;
}
#pix-fe#pix-fe .zoey-header-mobile-top-menu a{
  color:var(--nr-sienna) !important;
}
#pix-fe#pix-fe .zoey-header-mobile-top-menu li li a{
  color:#4A403A !important;
}
#pix-fe#pix-fe .zoey-header-mobile-top-menu [class*="icon"],
#pix-fe#pix-fe .zoey-header-mobile-top-menu button,
#pix-fe#pix-fe .zoey-header-mobile-top-menu li > span{
  color:var(--nr-sienna) !important;
}
/* account links */
#pix-fe#pix-fe .zoey-account-links-mobile,
#pix-fe#pix-fe .zoey-account-links-content-mobile{
  background:var(--nr-paper) !important;
}
#pix-fe#pix-fe .zoey-account-links-content-mobile li{
  border-bottom:1px solid var(--nr-line) !important;
}
#pix-fe#pix-fe .zoey-account-links-content-mobile a{
  color:var(--nr-sienna) !important;
}
/* drawer page (§3b markup, media-m) */
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-header-mobile-content,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) #zoey-nav-mobile,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-header-mobile-search,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-wrap,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-wrap .zoey-nav-primary{
  background:var(--nr-paper) !important;
  background-color:var(--nr-paper) !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-header-mobile-search{
  border-bottom:1px solid var(--nr-line) !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level0{
  border-bottom:1px solid var(--nr-line) !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level0 > a.level-top,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level0 > a.level-top span{
  color:var(--nr-sienna) !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level1 a,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .zoey-nav-primary li.level1 a span{
  color:#4A403A !important;
}
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .toggle-menu-element,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .toggle-menu-element::before,
#pix-fe#pix-fe.media-m:not(.pix-designcenter-admin) .toggle-menu-element::after{
  color:var(--nr-sienna) !important;
}
/* search strip */
#pix-fe .zoey-core-header-mobile .search-container,
#pix-fe [class*="header-mobile"] .search-container{
  background:transparent !important;
  border:1px solid var(--nr-line) !important;
}
#pix-fe .zoey-core-header-mobile .search-container input,
#pix-fe [class*="header-mobile"] .search-container input{
  color:var(--nr-ink) !important;
}
#pix-fe .zoey-core-header-mobile .search-container input::placeholder,
#pix-fe [class*="header-mobile"] .search-container input::placeholder{
  color:var(--nr-stone) !important;
}
#pix-fe .zoey-core-header-mobile .icon-cancel-button::before,
#pix-fe [class*="header-mobile"] .icon-cancel-button::before,
#pix-fe [class*="mobile-search"] .icon-cancel-button::before{
  color:var(--nr-stone) !important;
}

/* ---- 25.15 · BREADCRUMB NO-WRAP (v52.20, verified live) -----
   Deep trails (Home / Books / Youth / Catechetical) wrapped
   inside the breadcrumb's narrow canvas box, and the wrapped
   second line collided with the category title, which shares
   that zone assuming a one-line trail. The trail now sizes to
   its content on a single line; on phones a too-deep trail
   scrolls sideways rather than wrapping. */
#pix-fe [class*="zoeydev-breadcrumbs"] .breadcrumbs{
  overflow:visible !important;
}
#pix-fe [class*="zoeydev-breadcrumbs"] ul{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:none !important;
  margin:0 auto !important;
}
#pix-fe [class*="zoeydev-breadcrumbs"] li{
  white-space:nowrap !important;
  float:none !important;
}
@media (max-width:743px){
  #pix-fe [class*="zoeydev-breadcrumbs"] .breadcrumbs{
    overflow-x:auto !important;
  }
  #pix-fe [class*="zoeydev-breadcrumbs"] ul{
    max-width:100% !important;
    width:auto !important;
    justify-content:flex-start !important;
  }
}

/* ---- 25.16 · ABOUT PAGE + FLYOUT ALIGNMENT (v52.22, verified
   live on /about-us) ------------------------------------------
   1. Flyout: --nr-flyout-top:200px assumed Margaux's rail
      (logo on top, nav high). Pearl centers the nav, so menus
      opened far above their trigger. The offset now tracks the
      viewport center, landing beside the nav block.
   2. Legacy editorial blocks (About page, Blocks 01-21): not
      grid-aligned, so they sit on opaque paper — the §25.12
      rule, extended to every v1 container. The bone band
      becomes the cream band (bone is a hairline tone now). */
:root{
  --nr-flyout-top:calc(50vh - 130px);
}
#pix-fe .nr-hero,
#pix-fe .nr-section,
#pix-fe .nr-letter,
#pix-fe .nr-trust,
#pix-fe .nr-index-cols{
  background:var(--nr-paper);
}
#pix-fe .nr-band-bone{
  background:var(--nr-cream);
}

/* ---- 25.17 · FAQ / ACCORDION, PEARL (v52.23, verified live
   on /faqs) ---------------------------------------------------
   The accordion sat in a 538px canvas box with stock #ccc
   borders around every row, transparent to the grid. It now
   reads as a centered ~920px column of hairline rows on opaque
   paper; questions in the serif at proper weight, crimson when
   open (§18's hover/active colors still apply). */
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.zoey-accordion-element){
  width:100% !important;
  max-width:min(920px, calc(100% - 40px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  left:0 !important;
  float:none !important;
}
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.zoey-accordion-element) .full-width-element,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.zoey-accordion-element) .full-width-content-element,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.zoey-accordion-element) .component-content,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component:has(.zoey-accordion-element) .container{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding-left:0 !important; padding-right:0 !important;
  margin-left:0 !important; margin-right:0 !important;
  left:0 !important;
  transform:none !important;
}
#pix-fe [class*="zoeydev-accordion-group"]{
  background:var(--nr-paper) !important;
}
#pix-fe .zoey-accordion-element{
  border:none !important;
  background:transparent !important;
}
#pix-fe .zoey-accordion-title{
  border-top:1px solid var(--nr-line) !important;
  font-weight:500 !important;
  font-size:19px !important;
  padding:18px 44px 18px 2px !important;
}
#pix-fe .zoey-accordion-element:last-child .zoey-accordion-title{
  border-bottom:1px solid var(--nr-line) !important;
}
#pix-fe .zoey-accordion-title [class*="icon"],
#pix-fe .zoey-accordion-title i,
#pix-fe .zoey-accordion-title::after{
  color:var(--nr-sienna) !important;
}

/* ---- 25.18 · CONTACT PAGE, PEARL (v52.24, verified live on
   /contact-us) ------------------------------------------------
   The contact form sat in a 453px canvas box, transparent to
   the grid, with stock black field borders, a white textarea,
   and the email field caught by §25.4's newsletter underline
   (higher specificity — hence the doubled id here). The page
   title wrapped inside a 115px text component whose ancestor
   group is equally narrow, so the H1 centers from its own box.
   Now: centered 720px form column on opaque paper, unified
   cream/hairline fields per the spec, crimson focus, solid
   crimson submit. */
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component[class*="zoeydev-contact-form"]{
  width:100% !important;
  max-width:min(720px, calc(100% - 40px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  left:0 !important;
  background:var(--nr-paper) !important;
}
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component[class*="zoeydev-contact-form"] .container,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component[class*="zoeydev-contact-form"] .component-content,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component[class*="zoeydev-contact-form"] .full-width-element,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .pix-design-component[class*="zoeydev-contact-form"] .full-width-content-element{
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important; padding-right:0 !important;
  margin-left:0 !important; margin-right:0 !important;
  left:0 !important;
  transform:none !important;
}
#pix-fe#pix-fe [class*="zoeydev-contact-form"] input,
#pix-fe#pix-fe [class*="zoeydev-contact-form"] textarea{
  background:var(--nr-cream) !important;
  border:1px solid var(--nr-bone) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:var(--nr-ink) !important;
  font-family:var(--nr-body) !important;
  font-size:15px !important;
  padding:10px 12px !important;
}
#pix-fe#pix-fe [class*="zoeydev-contact-form"] input:focus,
#pix-fe#pix-fe [class*="zoeydev-contact-form"] textarea:focus{
  border-color:var(--nr-sienna) !important;
  outline:none !important;
}
#pix-fe [class*="zoeydev-contact-form"] label{
  color:#4A403A !important;
  font-size:13px !important;
  font-family:var(--nr-body) !important;
}
#pix-fe [class*="zoeydev-contact-form"] label em,
#pix-fe [class*="zoeydev-contact-form"] .required em{
  color:var(--nr-sienna) !important;
}
#pix-fe [class*="zoeydev-contact-form"] button{
  background:var(--nr-sienna) !important;
  color:#F6F1E7 !important;
  border:none !important;
  border-radius:0 !important;
  font-family:var(--nr-body) !important;
  font-weight:500 !important;
  font-size:13px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  padding:14px 32px !important;
}
#pix-fe [class*="zoeydev-contact-form"] button:hover{
  background:var(--nr-sienna-deep) !important;
}
/* the page title, pinned by cp-id: one line, self-centered */
#pix-fe .cp-6a4c653601cf8943083258 h1{
  white-space:nowrap !important;
  width:max-content !important;
  margin-left:50% !important;
  transform:translateX(-50%) !important;
}

/* ---- 25.19 · STOCK TEXT + BANNER COMPONENTS OPAQUE (v52.25,
   verified live on /contact-us) -------------------------------
   zoeydev-text and zoeydev-banner components have arbitrary
   canvas widths — they can never ride the grid columns, so
   they always sit on opaque paper (the Pearl rule: content
   between the lines or above them, never under). Scoped to the
   body wrapper; the rail and dark .nr-band blocks are HTML
   components and unaffected. */
#pix-fe:not(.pix-designcenter-admin) .design-center-wrapper [class*="zoeydev-text"],
#pix-fe:not(.pix-designcenter-admin) .design-center-wrapper [class*="zoeydev-banner"]{
  background:var(--nr-paper);
}

/* v52.26 — the contact page's angel banner (cp-pinned): the
   preset positions the image absolutely inside an aspect-ratio
   padding box, so widening it inflated an 850px void. Ratio
   killed, image static and centered at its designed size on a
   full-width paper panel. */
#pix-fe#pix-fe:not(.pix-designcenter-admin) .cp-6a4c6536013c6511002239,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .cp-6a4c6536013c6511002239 .container,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .cp-6a4c6536013c6511002239 .component-content,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .cp-6a4c6536013c6511002239 .full-width-element,
#pix-fe#pix-fe:not(.pix-designcenter-admin) .cp-6a4c6536013c6511002239 .full-width-content-element{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important; margin-right:0 !important;
  left:0 !important;
  height:auto !important; min-height:0 !important;
  background:var(--nr-paper) !important;
  text-align:center !important;
}
#pix-fe#pix-fe:not(.pix-designcenter-admin) .cp-6a4c6536013c6511002239 .zoey-component-placement-height{
  padding-top:24px !important;
  padding-bottom:24px !important;
  height:auto !important; min-height:0 !important;
}
#pix-fe#pix-fe:not(.pix-designcenter-admin) .cp-6a4c6536013c6511002239 img{
  position:static !important;
  display:inline-block !important;
  max-width:200px !important;
  width:auto !important;
  height:auto !important;
}

/* ---- 25.20 · HERO APPARATUS (v52.27) — Blocks 30–32 ---------
   Three image heroes in the Pearl anatomy. All carry the shared
   root class .nr-imghero, which joins the §25.10 host-geometry
   list (full content width, no wrapper padding, no breakout).

   Block 30 · IMAGE PANEL — full-bleed photograph, caption in
   quiet caps. Pearl's between-sections photography.  */
.nr-imgpanel{ position:relative; background:var(--nr-paper); } /* v52.28: caption strip opaque */
.nr-imgpanel img{
  display:block;
  width:100%;
  height:clamp(360px, 68vh, 720px);
  object-fit:cover;
}
.nr-imgcap{
  display:block;
  padding:14px 48px 0;
  font-family:var(--nr-body);
  font-size:11px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--nr-stone);
  text-align:right;
}

/* Block 31 · SPLIT HERO — text on columns 1–2, image on column
   3, riding the grid lines like a section head. */
.nr-splithero{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:0;
  align-items:center;
  padding:96px 0;
  /* v52.28: opaque at every width — the headline spans two
     columns, so it can never sit between the lines */
  background:var(--nr-paper);
}
.nr-splithero .nr-sh-text{ padding:0 64px 0 48px; }
.nr-splithero .nr-sh-kicker{
  font-family:var(--nr-body);
  font-size:12px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--nr-sienna);
  margin:0 0 26px;
}
.nr-splithero h1.nr-sh-title{
  font-family:var(--nr-body) !important;
  font-weight:600 !important;
  font-size:clamp(38px,4.4vw,68px) !important;
  letter-spacing:-0.02em !important;
  line-height:1.05 !important;
  color:var(--nr-ink) !important;
  margin:0 0 28px !important;
  text-transform:none !important;
}
.nr-splithero h1.nr-sh-title em{
  font-family:var(--nr-display);
  font-style:italic;
  font-weight:500;
  letter-spacing:0;
}
.nr-splithero .nr-sh-copy{
  font-family:var(--nr-body);
  font-size:15px; line-height:1.7;
  color:#4A403A;
  max-width:34em;
  margin:0 0 34px;
}
.nr-splithero .nr-sh-link{
  font-family:var(--nr-body);
  font-size:12px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--nr-sienna) !important;
  text-decoration:none !important;
}
.nr-splithero .nr-sh-link:hover{ color:var(--nr-sienna-deep) !important; }
.nr-splithero .nr-sh-media{ padding:0 48px; text-align:center; }
.nr-splithero .nr-sh-media img{
  display:inline-block;
  max-width:100%;
  max-height:560px;
  width:auto; height:auto;
  box-shadow:22px 26px 50px rgba(38,32,28,.22);
}
.nr-splithero .nr-sh-media .nr-imgcap{ padding:18px 0 0; text-align:center; }
/* mirrored variant: image left, text right */
.nr-splithero--flip{ grid-template-columns:1fr 2fr; }
.nr-splithero--flip .nr-sh-media{ order:-1; }

/* Block 32 · OVERLAY HERO — full-bleed photograph, warm-ink
   scrim, cream display text at the lower left of column 2. */
.nr-overlayhero{
  position:relative;
  min-height:clamp(340px, 52vh, 560px);   /* v52.29: was 78vh/860 — too monumental */
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end;
}
.nr-overlayhero::before{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(40,33,29,.18) 0%, rgba(40,33,29,.62) 100%);
}
.nr-overlayhero .nr-oh-inner{
  position:relative;
  padding:0 48px 56px;
  max-width:720px;
}
.nr-overlayhero .nr-oh-kicker{
  font-family:var(--nr-body);
  font-size:12px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--nr-gold);
  margin:0 0 22px;
}
.nr-overlayhero h1.nr-oh-title{
  font-family:var(--nr-body) !important;
  font-weight:600 !important;
  font-size:clamp(40px,4.8vw,72px) !important;
  letter-spacing:-0.02em !important;
  line-height:1.05 !important;
  color:var(--nr-cream) !important;
  margin:0 0 30px !important;
  text-transform:none !important;
}
.nr-overlayhero h1.nr-oh-title em{
  font-family:var(--nr-display);
  font-style:italic;
  font-weight:500;
}
.nr-overlayhero .nr-oh-link{
  font-family:var(--nr-body);
  font-size:12px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--nr-cream) !important;
  text-decoration:none !important;
  border-bottom:1px solid var(--nr-gold-dim);
  padding-bottom:4px;
}
.nr-overlayhero .nr-oh-link:hover{
  color:var(--nr-gold) !important;
  border-bottom-color:var(--nr-gold);
}

/* stacking below the section-head breakpoint */
@media (max-width:1150px){
  #pix-fe .nr-splithero,
  #pix-fe .nr-splithero--flip{ grid-template-columns:1fr !important; gap:44px !important; padding:64px 20px !important; }
  #pix-fe .nr-splithero .nr-sh-text{ padding:0 !important; }
  #pix-fe .nr-splithero .nr-sh-media{ padding:0 !important; order:1 !important; }
  #pix-fe .nr-overlayhero .nr-oh-inner{ padding:0 24px 48px !important; }
  #pix-fe .nr-imgcap{ padding:12px 20px 0 !important; }
}

/* ---- 25.21 · QUICK ORDER TABLES, PEARL (v52.31, verified
   live on /quick-order-category) ------------------------------
   Category headers (H4s in text components) become crimson
   caps labels; the stock #f8f8f8 header slab becomes a hairline
   with stone caps column labels; row hover is the Pearl cream
   (the stock hover tint was off-palette). H4-in-text-component
   is now the official "catalog section header" convention,
   alongside H5 as the quiet label. */
#pix-fe .design-center-wrapper [class*="zoeydev-text"] h4{
  font-family:var(--nr-body) !important;
  font-weight:500 !important;
  font-size:13px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:var(--nr-sienna) !important;
  margin:0 0 6px !important;
}
#pix-fe .zoey-product-list li.item-header .zoey-product-table-cell{
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid var(--nr-line) !important;
  font-family:var(--nr-body) !important;
  font-size:10px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--nr-stone) !important;
}
#pix-fe .zoey-product-list .zoey-product-table-cell{
  border-color:var(--nr-line) !important;
}
#pix-fe .zoey-product-list li.item:not(.item-header):hover,
#pix-fe .zoey-product-list li.item:not(.item-header):hover .zoey-product-table-cell{
  background:var(--nr-cream) !important;
}

/* ---- 25.22 · FOOTER, PEARL PALETTE (v52.32, verified live) --
   The footer links band carried a design-set taupe (#75685E)
   from the old theme — off-palette. The footer is now the
   warm-ink dark band with a deeper bottom bar; text in cream,
   headings in the dark-surface accent (§22b already hovers
   links to it). */
#pix-fe .zoey-footer,
#pix-fe .zoey-footer-links,
#pix-fe .zoey-footer [class*="footer-links"]{
  background:var(--nr-navy) !important;
  background-color:var(--nr-navy) !important;
}
#pix-fe .zoey-footer [class*="footer-bottom"],
#pix-fe .zoey-footer-bottom,
#pix-fe [class*="footer-copyright"]{
  background:#1F1A17 !important;
  background-color:#1F1A17 !important;
}
#pix-fe .zoey-footer p,
#pix-fe .zoey-footer li,
#pix-fe .zoey-footer span,
#pix-fe .zoey-footer a{
  color:rgba(239,233,222,.78) !important;
}
#pix-fe .zoey-footer a:hover{ color:var(--nr-gold) !important; }
#pix-fe .zoey-footer h1, #pix-fe .zoey-footer h2, #pix-fe .zoey-footer h3,
#pix-fe .zoey-footer h4, #pix-fe .zoey-footer h5,
#pix-fe .zoey-footer strong, #pix-fe .zoey-footer b,
#pix-fe .zoey-footer .title{
  color:var(--nr-gold) !important;
}

/* ---- 25.23 · ACCOUNT PAGES, PEARL (v52.33, verified live on
   /customer/account/) -----------------------------------------
   Account pages are utility pages: no grid (joins product/
   category/cart/checkout/contact). The dashboard quick-link
   tiles were painted bone — a surface tone under Margaux, a
   hairline tone under Pearl, so they read as gray slabs — and
   the store-credit box was bare white. Both become cream
   panels with hairlines. (Note Zoey's own class spelling:
   "my-acount".) */
#pix-fe#pix-fe[class*="customer-account"]::before{ content:none !important; }
#pix-fe .zoey-my-acount-dashboard-quick-links li{
  background:var(--nr-cream) !important;
  border:1px solid var(--nr-line) !important;
}
#pix-fe .zoey-my-acount-dashboard-quick-links li:hover{
  background:var(--nr-paper) !important;
}
#pix-fe .zoey-my-acount-dashboard-quick-links .quick-link-content,
#pix-fe .zoey-my-acount-dashboard-quick-links i,
#pix-fe .zoey-my-acount-dashboard-quick-links svg{
  color:var(--nr-sienna) !important;
}
#pix-fe .zoey-account-dashboard-store-credit{
  background:var(--nr-cream) !important;
  border:1px solid var(--nr-line) !important;
  padding:20px 24px !important;
}

/* ---- 25.24 · ACCOUNT MANAGER (zcompany), PEARL (v52.34,
   verified live on /zcompany/manage/edit) ---------------------
   The B2B account manager cards were stock white-on-gray with
   rounded corners. Cards become cream hairline panels, grid
   rows paper, search fields squared. The dark top band was
   already the palette warm ink; only its radius is squared.
   Scoped to account pages via the customer-account body class. */
#pix-fe.customer-account .card{
  background:var(--nr-cream) !important;
  border:1px solid var(--nr-line) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#pix-fe.customer-account .card .zoey-grid-column{
  background:var(--nr-paper) !important;
}
#pix-fe.customer-account .card-top-header{
  border-radius:0 !important;
}
#pix-fe.customer-account .card input[type="text"],
#pix-fe.customer-account .card input[type="search"]{
  background:var(--nr-paper) !important;
  border:1px solid var(--nr-line) !important;
  border-radius:0 !important;
}

/* ---- 25.25 · RAIL ORNAMENT (v52.35, verified live) ----------
   The long-neck bird illumination fills the rail's top spacer
   (the §25.7 ::before flex element). Sized by the SPACER'S
   HEIGHT, so it scales down whole on short windows instead of
   cropping mid-bird, and disappears gracefully when the rail
   is compressed. Swap the URL to change the ornament. */
#pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header::before{
  /* v52.48: the loader can override via --nr-rail-ornament
     (site-settings row in the content manager) */
  /* v52.107: NO fallback image. The ornament is governed solely
     by the content manager (site-settings row): the Block 22/39
     loader applies the browser-cached URL synchronously before
     first paint and refreshes it after the fetch. A hard-coded
     fallback here can only ever be stale — it flashed the old
     image on every page open (v52.106 note). A first-ever visit
     shows the ornament a beat late; nothing wrong ever shows. */
  background-image:var(--nr-rail-ornament, none) !important;
  background-repeat:no-repeat !important;
  background-position:center top 44px !important;
  background-size:auto min(340px, calc(100% - 88px)) !important;
}

/* ---- 25.26 · REVEAL ON SCROLL (v52.36) — Block 33 -----------
   Pearl's sections rise gently as they enter the viewport.
   The .nr-reveal class is added ONLY by the Block 33 script
   (progressive enhancement: without JS nothing is ever
   hidden); IntersectionObserver flips .nr-in. The transform
   lives on elements INSIDE components, never on the component
   itself — the §24 lesson stands. Honors reduced motion. */
.nr-reveal{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .65s ease, transform .65s ease;
}
.nr-reveal.nr-in{
  opacity:1;
  transform:none;
}
@media (prefers-reduced-motion: reduce){
  .nr-reveal{ opacity:1; transform:none; transition:none; }
}

/* ---- 25.27 · QUAD HERO (v52.37, verified live) — Block 34 ---
   Four images, two by two, split by hairlines — the collections
   table in imagery. Default cells are edge-to-edge photographs
   (object-fit:cover); the --plates variant sets covers on
   uniform white plates (contain + padding). Cells may be links;
   the optional .nr-qh-label sits in quiet caps at the foot. */
.nr-quadhero{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-auto-rows:clamp(220px, 32vh, 360px);
  gap:1px;
  background:var(--nr-line);
  border:1px solid var(--nr-line);
}
.nr-quadhero a,
.nr-quadhero .nr-qh-cell{
  display:block;
  overflow:hidden;
  background:var(--nr-paper);
  position:relative;
}
.nr-quadhero img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
}
.nr-quadhero--plates a,
.nr-quadhero--plates .nr-qh-cell{ background:#FFFFFF; }
.nr-quadhero--plates img{
  object-fit:contain;
  padding:28px;
  box-sizing:border-box;
}
.nr-quadhero .nr-qh-label{
  position:absolute; left:0; right:0; bottom:0;
  padding:12px 16px;
  font-family:var(--nr-body);
  font-size:11px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--nr-ink);
  background:linear-gradient(transparent, var(--nr-paper) 65%);
}
.nr-quadhero--plates .nr-qh-label{
  background:linear-gradient(transparent, #FFFFFF 65%);
}
@media (max-width:743px){
  .nr-quadhero{ grid-auto-rows:clamp(160px, 30vw, 240px); }
}

/* ---- 25.28 · PRODUCT LIST COMPONENT, Pearl voice (v52.38,
   verified live) — the zoeydev-product-list1 component (homepage
   "under Welcome" and anywhere else it's dropped) carries preset
   paint that §25.4 doesn't reach: a #DDD .zoey-product-info
   panel, boxed li.item wrappers, and yellow icon-font stars.
   NOTE: the cover is an INLINE background-image on
   .zoey-product-image — never set the `background` shorthand
   with !important there (it resets background-image and blanks
   the cover); background-color only. */
#pix-fe .zoey-product-list-container li.item{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
#pix-fe .zoey-product .zoey-product-info{
  background:transparent !important;
  padding:16px 2px 4px !important;
}
#pix-fe .zoey-product .zoey-product-image{
  background-color:transparent !important;   /* v52.55: obey image
     transparency — no white plate (owner's call; JPGs keep their
     own baked-in white, PNGs float on the paper) */
}
#pix-fe .zoey-product .ratings{ margin-top:6px; }
#pix-fe .zoey-product .ratings .icon-star{
  color:var(--nr-sienna) !important;
  font-size:11px !important;
}
#pix-fe .zoey-product .ratings .rating-count{
  color:var(--nr-stone) !important;
  font-size:11px !important;
  letter-spacing:.08em;
}
#pix-fe .zoey-product .ratings a{ border-bottom:none !important; }

/* ---- 25.29 · TESTIMONIALS (v52.40, verified live) — Block 35
   Reader reviews in a horizontal scroll-snap slider. Pearl rule:
   THE LINES DO NOT MOVE — two fixed hairlines are painted on the
   track itself (same two-gradient technique as the §25.2 page
   grid) at the column thirds, and cards are exactly one third
   wide, so at rest every card boundary lands on a line and while
   sliding the text moves under them. An element's own background
   does not scroll with its content, which is what pins the
   lines. Cards: 3-up desktop, 2-up ≤1150px (one center line),
   1-up ≤767px (no lines). Opaque paper (grid policy). Dots +
   auto-advance come from the Block 35 script in the Block 22
   paste file; the script builds one dot per POSITION (cards
   minus visible plus one), not per card. */
#pix-fe .nr-testi{
  background:var(--nr-paper);
  border-top:1px solid var(--nr-line);
  border-bottom:1px solid var(--nr-line);
  padding:72px 0;   /* NO side padding: the track must span the
     full canvas so its thirds sit exactly on the §25.2 grid
     lines — the slider hairlines continue the page grid. */
}
#pix-fe .nr-testi-label{
  font-family:var(--nr-mono);
  font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--nr-stone); margin:0 0 40px 48px;
}
#pix-fe .nr-testi-track{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  background-image:
    linear-gradient(var(--nr-line), var(--nr-line)),
    linear-gradient(var(--nr-line), var(--nr-line));
  background-size:1px 100%;
  background-repeat:no-repeat;
  background-position:calc(100%/3) 0, calc(200%/3) 0;
}
#pix-fe .nr-testi-track::-webkit-scrollbar{ display:none; }
#pix-fe .nr-testi-cell{
  flex:0 0 calc(100%/3);
  scroll-snap-align:start;
  margin:0; padding:6px 48px;   /* §25.3 cell-padding convention */
}
#pix-fe .nr-testi-cell blockquote{
  font-family:var(--nr-display);
  font-style:normal; font-weight:500;
  font-size:clamp(16px, 1.3vw, 19px); line-height:1.55;
  color:var(--nr-ink);
  border:none; margin:0; padding:0;
}
#pix-fe .nr-testi-cell figcaption{
  margin-top:24px;
  font-family:var(--nr-mono);
  font-size:10px; letter-spacing:.2em; text-transform:uppercase;
}
#pix-fe .nr-testi-name{ color:var(--nr-ink); }
#pix-fe .nr-testi-cell cite{ font-style:normal; color:var(--nr-sienna); }
#pix-fe .nr-testi-dots{
  display:flex; gap:10px; justify-content:center; margin-top:36px;
}
#pix-fe .nr-testi-dots button{
  width:8px; height:8px; padding:0;
  border-radius:50%;
  border:1px solid var(--nr-stone);
  background:transparent; cursor:pointer;
}
#pix-fe .nr-testi-dots button.nr-on{
  background:var(--nr-sienna);
  border-color:var(--nr-sienna);
}
@media (max-width:1150px){
  #pix-fe .nr-testi-track{
    background-image:linear-gradient(var(--nr-line), var(--nr-line));
    background-position:50% 0;
  }
  #pix-fe .nr-testi-cell{ flex-basis:50%; }
}
@media (max-width:743px){
  #pix-fe .nr-testi-track{ background-image:none; }
  #pix-fe .nr-testi-cell{ flex-basis:88%; padding:6px 24px; }
  #pix-fe .nr-testi-label{ margin-left:24px; }
  /* 24 cards = 24 stops on phones; swipe is the affordance */
  #pix-fe .nr-testi-dots{ display:none; }
}

/* ---- 25.30 · FLIPBOOK (v52.45, prototyped live) — Block 36
   StPageFlip (page-flip 2.x, MIT, no dependencies) from unpkg.
   Confirmed to load and run on this store (no CSP block). The
   block is self-contained: markup + library script + init live
   together in ONE HTML block — no Block 22 changes. Pages are
   plain images (direct S3 URLs) listed in data-pages, separated
   by | . Opaque paper (grid policy); joins the §25.10 host list. */
#pix-fe .nr-flip{
  background:var(--nr-paper);
  border-top:1px solid var(--nr-line);
  border-bottom:1px solid var(--nr-line);
  padding:72px 48px;
}
#pix-fe .nr-flip-label{
  font-family:var(--nr-mono);
  font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--nr-stone); margin:0 0 36px;
}
#pix-fe .nr-flip-stage{ max-width:900px; margin:0 auto; }
#pix-fe .nr-flip-hint{
  text-align:center; margin-top:24px;
  font-family:var(--nr-body);
  font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--nr-stone);
}
/* v52.46 — pages in the palette. HTML render mode only: canvas
   mode (loadFromImages) paints pages white outside CSS reach.
   Pages are .nr-fpage divs; cream paper, hairline page edge;
   multiply melts white baked into JPGs into the cream. */
#pix-fe .nr-fpage{
  background:var(--nr-cream);
  overflow:hidden;
  border:1px solid rgba(38,32,28,.12);
}
#pix-fe .nr-fpage img{
  width:100%; height:100%;
  object-fit:contain; display:block;
  mix-blend-mode:multiply;
  padding:18px; box-sizing:border-box;
}

/* ---- 25.31 · CONTENT-MANAGER PRESETS (v52.47) ---------------
   Applied by the Block 37 loader from each block's meta:
   nr-voice-* switches the headline family, nr-size-* steps the
   headline scale. Presets only — free-form fonts are refused by
   design; the Pearl system stays coherent. */
#pix-fe .nr-voice-serif :is(h1,h2,h3){ font-family:var(--nr-display) !important; }
#pix-fe .nr-voice-sans  :is(h1,h2,h3){ font-family:var(--nr-body) !important; }
#pix-fe .nr-size-s :is(h1,h2){ font-size:clamp(24px, 2.6vw, 36px) !important; }
#pix-fe .nr-size-l :is(h1,h2){ font-size:clamp(44px, 5vw, 72px) !important; }

/* ---- 25.33 · PEARL FAQ (v52.49) — Block 38, key faq-main ----
   Native details/summary accordion, fully managed from the
   content manager (add/remove/reorder questions). Mirrors the
   §25.17 look: centered column, hairline rows, serif titles,
   quiet +/− indicator. Replaces the Zoey accordion components
   on the FAQ page. Opaque paper (grid policy). */
#pix-fe .nr-faq{
  max-width:min(920px, calc(100% - 40px));
  margin:0 auto; padding:56px 0 72px;
  background:var(--nr-paper);
}
#pix-fe .nr-faq-item{ border-bottom:1px solid var(--nr-line); }
#pix-fe .nr-faq-item:first-child{ border-top:1px solid var(--nr-line); }
#pix-fe .nr-faq-item summary{
  display:flex; justify-content:space-between; align-items:baseline;
  gap:24px; padding:22px 8px;
  font-family:var(--nr-display); font-weight:500; font-size:19px;
  color:var(--nr-ink); cursor:pointer; list-style:none;
}
#pix-fe .nr-faq-item summary::-webkit-details-marker{ display:none; }
#pix-fe .nr-faq-item summary::after{
  content:"+"; flex:none;
  font-family:var(--nr-body); font-weight:400; font-size:20px;
  color:var(--nr-sienna);
}
#pix-fe .nr-faq-item[open] summary::after{ content:"\2212"; }
#pix-fe .nr-faq-a{ padding:0 8px 26px; }
#pix-fe .nr-faq-a p{
  margin:0 0 12px; font-size:15px; line-height:1.65;
  color:var(--nr-ink);
}

/* ---- 25.34 · SCRIPTS-ONLY COMPONENT COLLAPSE (v52.50) -------
   Zoey reserves layout height for every component; an HTML
   block holding only scripts (Block 39) leaves that height as
   a blank band on the page. Blocks that render nothing carry
   <div class="nr-collapse"> and their host component collapses.
   Guarded: still visible inside the VDE so it can be found
   and edited.
   v52.51 FIX: the original selector matched every ANCESTOR
   group component too (components nest), hiding the whole page
   body. Bind to the HTML-block component class, which only the
   innermost component carries. */
#pix-fe#pix-fe:not(.pix-designcenter-admin) .zoey-core-html.pix-design-component:has(.nr-collapse){
  display:none !important;
}

/* ---- 25.35 · QUICK ORDER THUMBS: NO WHITE PLATE (v52.54,
   verified live) — obey image transparency; transparent PNGs
   sit on the paper, JPGs keep whatever their pixels carry
   (JPEG has no alpha). Doubled-id: a (1-id + classes) rule in
   the platform bundle paints these white otherwise. */
#pix-fe#pix-fe .zoey-product-table-cell.image .zoey-product-image{
  background-color:transparent !important;
}

/* ---- 25.36 · CATEGORY GRID COVERS: NO WHITE PLATE (v52.55,
   verified live on /books) — the visible plate on category and
   search product cards is painted by Zoey's image-hover swap
   layers: ::before/::after pseudos on .zoey-product-image, each
   a white box carrying the cover. (The anchor's own background
   is set by a layered !important rule that nothing unlayered
   can beat — but it does not paint; the pseudos do.) */
#pix-fe#pix-fe .zoey-product .zoey-product-image::before,
#pix-fe#pix-fe .zoey-product .zoey-product-image::after{
  background-color:transparent !important;
}

/* ---- 25.37 · LOOK-INSIDE TRIGGER + OVERLAY (v52.56) ---------
   Block 40 v2: product pages show only a small crimson
   LOOK INSIDE trigger (book glyph + caps); the flipbook opens
   in an overlay. The overlay is appended INSIDE #pix-fe so the
   nr-flip/nr-fpage styles apply; z-index wins within the #pix-fe
   stacking context (components sit at ~1, header at ~950). */
#pix-fe .nr-lookinside{ padding:14px 0; }
#pix-fe#pix-fe .nr-li-btn{
  display:inline-flex !important; align-items:center; gap:10px;
  background:none !important; border:none !important;
  cursor:pointer; padding:0 0 4px !important;
  font-family:var(--nr-body) !important; font-size:12px !important;
  font-weight:500 !important; letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--nr-sienna) !important;
  border-bottom:1px solid var(--nr-sienna) !important;
  border-radius:0 !important; box-shadow:none !important;
}
/* v52.57: hover hardened — Zoey's theme Button hover (solid
   background, contrast text) was winning over the quiet link
   treatment */
#pix-fe#pix-fe .nr-li-btn:hover{
  background:none !important;
  color:var(--nr-sienna-deep, #7A1A22) !important;
  border-bottom-color:var(--nr-sienna-deep, #7A1A22) !important;
}
#pix-fe .nr-li-btn svg{ width:18px; height:16px; stroke:currentColor; fill:none; stroke-width:1.4; }
#pix-fe .nr-li-overlay{
  position:fixed; inset:0; z-index:99999;
  background:rgba(38,32,28,.82);
  display:flex; align-items:center; justify-content:center;
  padding:24px;
}
#pix-fe .nr-li-panel{
  background:var(--nr-paper);
  width:100%; max-width:min(960px, 94vw);
  max-height:94vh; overflow:auto;
  padding:36px 44px 32px; position:relative;
  border:1px solid var(--nr-line);
}
#pix-fe .nr-li-close{
  position:absolute; top:10px; right:16px;
  background:none; border:none; cursor:pointer;
  font-size:26px; line-height:1; color:var(--nr-stone);
  padding:6px;
}
#pix-fe .nr-li-close:hover{ color:var(--nr-sienna); }
/* v52.58 — the trigger's host component (and any group the VDE
   wraps it in) spans a wider box than the button and was eating
   clicks meant for Add to Wishlist beneath it. Host components
   go pointer-transparent; interactive elements inside them are
   re-enabled (verified live: wishlist and trigger both click). */
#pix-fe :is(.zoey-core-group,.zoey-core-html).pix-design-component:has(.nr-lookinside){
  pointer-events:none;
}
#pix-fe :is(.zoey-core-group,.zoey-core-html).pix-design-component:has(.nr-lookinside) :is(a,button,input,select,textarea){
  pointer-events:auto;
}

/* ---- 25.38 · MOBILE HEADER ABOVE THE BODY (v52.59) ----------
   On the phone, the front page's first body group (carrying the
   §25.9-pinned announcement chain) paints OVER the mobile
   header — all Zoey components share z-index:1, later DOM wins —
   so the hamburger could not be tapped. Raise the mobile header
   component above body content (the announcement bar's stuck
   state uses 900; the header sits above it). Verified by
   hit-testing under media-m: trigger receives the tap.
   v52.60 FIX: no position override (position:relative was
   demoting Zoey's own fixed/sticky mobile header on real
   devices, breaking the announcement bar's stickiness), and
   z-index 500 not 1500 — above body groups (1), BELOW the
   stuck announcement bar (900).
   v52.65 FIX: 500 was still under the announcement COMPONENT,
   which §25.9 pins at z-index 950 and whose full-width wrapper
   covers the hamburger's corner on the front page. 1000 clears
   it. Safe now (unlike the v52.59 attempt at 1500): since the
   ride-under-the-header rework, the stuck bar positions itself
   BELOW the header's bottom edge, so header/bar z-order never
   affects what is visible. */
#pix-fe#pix-fe:not(.pix-designcenter-admin) .zoey-core-header-mobile.pix-design-component{
  z-index:1000 !important;
}

/* ---- 25.39 · ERRATA FORM (v52.62) — Block 42 ----------------
   Public misprint-reporting form under THE PRESS. Pearl form
   language: centered column on opaque paper, cream hairline
   fields, crimson submit. */
#pix-fe .nr-errata{
  background:var(--nr-paper);
  max-width:min(760px, calc(100% - 40px));
  margin:0 auto; padding:56px 0 72px;
}
#pix-fe .nr-errata label{
  display:block;
  font-family:var(--nr-mono);
  font-size:10px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--nr-stone); margin:16px 0 6px;
}
#pix-fe .nr-errata input[type="text"],
#pix-fe .nr-errata input[type="email"],
#pix-fe .nr-errata textarea{
  width:100%; padding:11px 13px;
  border:1px solid var(--nr-line);
  background:var(--nr-cream);
  font-family:var(--nr-body); font-size:14px; color:var(--nr-ink);
  box-sizing:border-box;
}
#pix-fe .nr-errata textarea{ min-height:90px; resize:vertical; }
#pix-fe .nr-errata input:focus, #pix-fe .nr-errata textarea:focus{
  outline:none; border-color:var(--nr-sienna);
}
#pix-fe .nr-errata .nr-er-results{
  border:1px solid var(--nr-line); border-top:none;
  background:var(--nr-cream); max-height:260px; overflow-y:auto;
}
#pix-fe .nr-errata .nr-er-results div{
  padding:10px 13px; cursor:pointer; font-size:14px;
  border-bottom:1px solid var(--nr-line);
}
#pix-fe .nr-errata .nr-er-results div:hover{ background:var(--nr-paper); color:var(--nr-sienna); }
#pix-fe .nr-errata .nr-er-entry{
  border:1px solid var(--nr-line); background:var(--nr-cream);
  padding:16px 18px; margin-top:14px; position:relative;
}
#pix-fe .nr-errata .nr-er-entry .nr-er-x{
  position:absolute; top:8px; right:12px;
  background:none; border:none; cursor:pointer;
  color:var(--nr-stone); font-size:18px; padding:2px 6px;
}
#pix-fe .nr-errata button.nr-er-add{
  display:block;   /* v52.63: was colliding with the submit button */
  background:none; border:none; cursor:pointer; padding:0;
  margin-top:14px;
  font-family:var(--nr-body); font-size:12px; font-weight:500;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--nr-sienna);
  border-bottom:1px solid var(--nr-sienna); padding-bottom:3px;
}
#pix-fe .nr-errata button.nr-er-submit{
  display:block;
  margin-top:26px;
  background:var(--nr-sienna); color:#F6F1E7;
  border:1px solid var(--nr-sienna); cursor:pointer;
  padding:13px 34px;
  font-family:var(--nr-body); font-size:12px; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase;
}
#pix-fe .nr-errata button.nr-er-submit:hover{ background:var(--nr-sienna-deep, #7A1A22); }
#pix-fe .nr-errata .nr-er-note{ font-size:12px; color:var(--nr-stone); margin-top:8px; }
#pix-fe .nr-errata .nr-er-msg{
  margin-top:14px; padding:11px 14px; font-size:13px;
  border:1px solid var(--nr-line); background:var(--nr-cream); display:none;
}
#pix-fe .nr-errata .nr-er-msg.on{ display:block; }
#pix-fe .nr-errata .nr-er-msg.err{ border-color:var(--nr-sienna); color:var(--nr-sienna); }

/* ---- 25.40 · PAGE TITLE (v52.64) — Block 43 -----------------
   Pearl page heading for utility/editorial pages: mono kicker,
   serif title with the crimson stop, centered hairline. Replaces
   the original theme's bold-caps zoeydev-text titles (swap those
   components for this block; title text then lives in the CMS). */
#pix-fe .nr-ptitle{
  background:var(--nr-paper);
  text-align:center;
  padding:52px 20px 36px;
}
#pix-fe .nr-ptitle .nr-pt-kicker{
  font-family:var(--nr-mono);
  font-size:10px; letter-spacing:.22em; text-transform:uppercase;
  color:var(--nr-stone); margin:0 0 14px;
}
#pix-fe .nr-ptitle h1{
  font-family:var(--nr-display) !important;
  font-weight:500 !important;
  font-size:clamp(30px, 3.4vw, 44px);
  color:var(--nr-ink);
  margin:0;
}
#pix-fe .nr-ptitle h1 .nr-stop{ color:var(--nr-sienna); }
#pix-fe .nr-ptitle::after{
  content:''; display:block;
  width:64px; height:1px;
  background:var(--nr-line);
  margin:26px auto 0;
}

/* ---- 25.50 · CATEGORY PAGE TITLE, PEARL (v52.79) ------------
   Category pages kept the theme's plain sans heading
   (div.page-title.category-title > h1.heading, Archivo 15px)
   while editorial pages moved to Block 43. Mirror the nr-ptitle
   voice onto the built-in heading: serif display title with the
   crimson stop (drawn by ::after) and a centered hairline. Uses
   each category's own name — no CMS block needed on catalog
   pages. */
#pix-fe .page-title.category-title{
  text-align:center;
  padding:34px 20px 0;
}
#pix-fe .page-title.category-title h1.heading{
  font-family:var(--nr-display) !important;
  font-weight:500 !important;
  font-size:clamp(30px, 3.4vw, 44px) !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:var(--nr-ink) !important;
  margin:0 !important;
}
#pix-fe .page-title.category-title h1.heading::after{
  content:'.';
  color:var(--nr-sienna);
}
#pix-fe .page-title.category-title::after{
  content:''; display:block;
  width:64px; height:1px;
  background:var(--nr-line);
  margin:22px auto 0;
}

/* ---- 25.41 · NO HOVER-ZOOM ON TOUCH DEVICES (v52.66) --------
   The product-image magnifier opens its preview pane BESIDE the
   image — off-screen on phones (and pointless anywhere without
   a mouse). (hover:none) targets touch devices precisely; the
   width clause is a belt for odd devices that misreport hover.
   Desktop keeps the zoom. */
@media (hover: none), (max-width: 767px){
  .zoomContainer, .zoomLens, .zoomWindow, .zoomWindowContainer{
    display:none !important;
  }
}

/* ---- 25.42 · AJAX LOADER, PEARL (v52.67) --------------------
   The platform flashes #pixajaxsuite-modal with the stock amber
   opc-ajax-loader.gif during background requests (the "orange
   box" near clicks). Same feedback, Pearl voice: paper card,
   hairline border, crimson ring spinner. Scoped to the modal,
   so the spinner only exists while Zoey shows it. */
#pixajaxsuite-modal{
  background:var(--nr-paper) !important;
  border:1px solid var(--nr-line) !important;
  border-radius:0 !important;
  box-shadow:0 10px 40px rgba(38,32,28,.18) !important;
}
#pixajaxsuite-modal .loader-image img{ display:none !important; }
#pixajaxsuite-modal .loader-image::after{
  content:'';
  display:block;
  width:26px; height:26px;
  margin:14px auto;
  border:2px solid var(--nr-line);
  border-top-color:var(--nr-sienna);
  border-radius:50%;
  animation:nr-spin .8s linear infinite;
}
@keyframes nr-spin{ to{ transform:rotate(360deg); } }

/* ---- 25.43 · RAIL MENU MOUNT-FLASH (v52.68) -----------------
   Video-diagnosed: Zoey's JS mounts the rail menu carrying the
   platform's orange active-item pill, then a background
   TRANSITION fades it into the Pearl styling — the visible
   orange flash is that fade. Not a stylesheet race (Pearl
   styles are already applied around it in the captured frames).
   Cure: pin every menu layer transparent and forbid background
   transitions, so there is nothing to fade from.
   v52.69: submenu triggers (BOOKS, THE PRESS) are BUTTONS
   (.dropdown-toggle), not links — the platform's default button
   pill (orange, rounded) was the flash. Buttons joined the pin. */
#pix-fe .zoey-core-header [class*="top-menu"],
#pix-fe .zoey-core-header [class*="top-menu"] ul,
#pix-fe .zoey-core-header [class*="top-menu"] li,
#pix-fe .zoey-core-header [class*="top-menu"] .menu-item-inner,
#pix-fe .zoey-core-header [class*="top-menu"] a,
#pix-fe .zoey-core-header [class*="top-menu"] button,
#pix-fe .zoey-core-header [class*="top-menu"] .dropdown-toggle,
#pix-fe .zoey-core-header [class*="top-menu"] .menu-item-link-text{
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  border-color:transparent !important;
  transition:none !important;
}
/* v52.70: the recordings were PHONE captures — the flash lives
   in the MOBILE DRAWER menu (zoey-core-header-mobile), not the
   desktop rail. Same pin for the drawer's menu layers, all
   states, plus the tap highlight. */
#pix-fe .zoey-core-header-mobile li,
#pix-fe .zoey-core-header-mobile .menu-item-inner,
#pix-fe .zoey-core-header-mobile a,
#pix-fe .zoey-core-header-mobile button,
#pix-fe .zoey-core-header-mobile .dropdown-toggle,
#pix-fe .zoey-core-header-mobile .menu-item-link-text,
#pix-fe .zoey-core-header-mobile li:hover,
#pix-fe .zoey-core-header-mobile a:hover, 
#pix-fe .zoey-core-header-mobile a:active, 
#pix-fe .zoey-core-header-mobile a:focus,
#pix-fe .zoey-core-header-mobile button:hover,
#pix-fe .zoey-core-header-mobile button:active,
#pix-fe .zoey-core-header-mobile button:focus{
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  border-color:transparent !important;
  transition:none !important;
  -webkit-tap-highlight-color:transparent;
}

/* ---- 25.44 · COMPANY ENV SWITCHER, PEARL (v52.71) -----------
   The B2B account switcher is HOLE-PUNCHED into the rail for
   logged-in company/wholesale sessions — it arrives in the
   platform's default orange pill, then Zoey moves/re-shows it
   (their code comments literally fight this flash). Anonymous
   sessions never render it, which is why it went unstyled all
   this time. Pearl dress + no transition = no orange, ever,
   including mid-flight. */
#pix-fe .company-env-switcher,
#pix-fe .company-env-switcher *,
#pix-fe [class*="company-env"] button,
#pix-fe [class*="company-env"] a,
#pix-fe [class*="company-env"] select{
  background:var(--nr-cream) !important;
  color:var(--nr-ink) !important;
  border-color:var(--nr-line) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transition:none !important;
}
#pix-fe .company-env-switcher{
  border:1px solid var(--nr-line) !important;
  font-family:var(--nr-body) !important;
  font-size:12px !important;
  letter-spacing:.08em !important;
}

/* ---- 25.49 · RAIL SUB-MENU ACCORDION (v52.99) ---------------
   Companion to the tap adapter in Blocks 22/39: clicking a
   parent rail item (or its chevron) expands the sub-menu
   INLINE under the parent. v52.99: doubled-id selectors —
   Zoey's open-state CSS was out-ranking the geometry, so the
   panel floated absolute over the rail (the "old menu"); the
   inner <nav> wrapper is now flattened too, and rows speak
   mono, matching the account panel and hover flyouts. */
#pix-fe#pix-fe .zoey-core-header li.level-top.nr-open > .dropdown-content{
  display:block !important;
  position:static !important;
  float:none !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  left:auto !important; right:auto !important; top:auto !important; bottom:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:2px 0 8px 18px !important;
  margin:0 !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
}
#pix-fe#pix-fe .zoey-core-header li.level-top.nr-open > .dropdown-content nav,
#pix-fe#pix-fe .zoey-core-header li.level-top.nr-open > .dropdown-content ul,
#pix-fe#pix-fe .zoey-core-header li.level-top.nr-open > .dropdown-content li,
#pix-fe#pix-fe .zoey-core-header li.level-top.nr-open > .dropdown-content div{
  display:block !important;
  position:static !important;
  float:none !important;
  columns:1 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  transform:none !important;
}
#pix-fe#pix-fe .zoey-core-header li.level-top.nr-open > .dropdown-content a{
  display:block !important;
  padding:7px 0 !important;
  font-family:var(--nr-mono) !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:var(--nr-ink) !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid var(--nr-bone) !important;
  text-align:left !important;
}
#pix-fe#pix-fe .zoey-core-header li.level-top.nr-open > .dropdown-content li:last-child a{
  border-bottom:0 !important;
}
#pix-fe#pix-fe .zoey-core-header li.level-top.nr-open > .dropdown-content a:hover{
  color:var(--nr-sienna-deep) !important;
}

/* ---- 25.52 · BLOG SLIDER (v52.85) — Block 45 ----------------
   Fixed-height thumbnail slider for recent posts, GRID-LOCKED
   like the testimonials (25.29): the track spans the full
   canvas, each slide is exactly one third, so slide boundaries
   sit ON the page grid hairlines; thumbnails inset within
   their column. Posts page in by threes, always aligned. */
#pix-fe .nr-bloglatest{
  padding:52px 0;
  margin:0;
}
#pix-fe .nr-bloglatest .nr-sechead,
#pix-fe .nr-bl-more{ padding-left:48px; padding-right:48px; }
#pix-fe:is(.media-m) .nr-bloglatest .nr-sechead,
#pix-fe:is(.media-m) .nr-bl-more{ padding-left:16px; padding-right:16px; }
#pix-fe .nr-bl-stage{
  position:relative;
  margin-top:18px;
}
#pix-fe .nr-bl-track{
  display:flex !important;
  gap:0;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
#pix-fe .nr-bl-track::-webkit-scrollbar{ display:none; }
#pix-fe .nr-bl-slide{
  flex:0 0 calc(100% / 3);
  scroll-snap-align:start;
  color:var(--nr-ink) !important;
  text-decoration:none !important;
  display:block;
  padding:0 28px;
  box-sizing:border-box;
}
#pix-fe:is(.media-m) .nr-bl-slide{ flex:0 0 80%; padding:0 16px; }
#pix-fe .nr-bl-frame{
  display:block;
  width:100%;
  aspect-ratio:16 / 11;
  overflow:hidden;
  border:1px solid var(--nr-line);
  background:var(--nr-cream);
  margin:0 0 10px;
}
#pix-fe .nr-bl-frame img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block;
  transition:transform .25s ease;
}
#pix-fe .nr-bl-slide:hover .nr-bl-frame img{ transform:scale(1.04); }
#pix-fe .nr-bl-slide h3{
  font-family:var(--nr-display) !important;
  font-weight:500 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  margin:0 0 4px !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#pix-fe .nr-bl-slide:hover h3{ color:var(--nr-sienna) !important; }
#pix-fe .nr-bl-date{
  font-family:var(--nr-mono) !important;
  font-size:9px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--nr-stone) !important;
  margin:0 !important;
}
#pix-fe .nr-bl-arrow{
  position:absolute;
  top:38%;
  z-index:3;
  width:34px; height:34px;
  border:1px solid var(--nr-line) !important;
  background:var(--nr-paper) !important;
  color:var(--nr-ink) !important;
  font-size:20px !important;
  line-height:30px !important;
  padding:0 !important;
  cursor:pointer;
  border-radius:0 !important;
}
#pix-fe .nr-bl-arrow:hover{ color:var(--nr-sienna) !important; }
#pix-fe .nr-bl-prev{ left:10px; }
#pix-fe .nr-bl-next{ right:10px; }
#pix-fe .nr-bl-more{
  text-align:center;
  margin:22px 0 0;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase;
}
#pix-fe .nr-bl-more a{ color:var(--nr-sienna) !important; }

/* ---- 25.51 · RAIL CART COUNT SNUG (v52.80) ------------------
   The cart link is a flex row (2.7c, gap 10px) whose EMPTY
   .label span sits between the "Cart" pseudo and the count,
   consuming a whole gap slot — hence CART   (2). Collapse it. */
#pix-fe .zoey-core-header .zoey-header-cart .label:empty{
  display:none !important;
}
/* v52.81: the count carried a 6px top margin, sitting below
   the CART baseline — flex-centre it clean */
#pix-fe .zoey-core-header .zoey-header-cart .count{
  margin:0 !important;
}

/* ---- 25.48 · RAIL FRAGMENT FADE PIN (v52.76) ----------------
   CAUGHT by the pill catcher at t=703ms: .zoey-header-cart at
   the flash position with backgroundColor rgba(255,255,255,0)
   — a WHITE background animating to transparent as Zoey
   injects the per-user rail fragments (cart, account links,
   currency). The white mid-fade is the flash. It evaded every
   prior net: outside the menu wrapper (25.45), not warm
   (suppressor), and the FILLED content of a holepunch rather
   than the empty shell (25.46). Pin the fragment containers:
   no background, no transition, no animation. Containers only —
   descendants (mini-cart drawer contents) keep their styling. */
#pix-fe#pix-fe .zoey-header-cart,
#pix-fe#pix-fe .zoey-account-links,
#pix-fe#pix-fe .zoey-account-links-mobile,
#pix-fe#pix-fe .zoey-account-links-content,
#pix-fe#pix-fe .currency-switcher,
#pix-fe#pix-fe [class*="header-currency-switcher"]{
  background-color:transparent !important;
  background-image:none !important;
  transition:none !important;
  animation:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* ---- 25.47 · SWITCHER MOUNT DEFER (v52.75) ------------------
   The residual whitish flash beside clicked nav items: the B2B
   draft-order/cart switcher (zoey-mini-cart-draft-switcher,
   steady state parked at x≈3700 OFF-SCREEN) renders IN-FLOW in
   the rail during mount, cream + white select (Pearl-dressed by
   25.44), until Zoey's positioning script moves it out. Only
   for logged-in company sessions; skips iframes — which is why
   no anonymous or framed probe ever reproduced it. Defer trick:
   0s animation with 1.2s delay + fill both holds the element
   invisible through the mount window, then releases. */
@keyframes nr-defer{
  from{ visibility:hidden; }
  to{ visibility:visible; }
}
#pix-fe .zoey-mini-cart-draft-switcher,
#pix-fe .zoey-cart-switcher,
#pix-fe .company-env-switcher{
  animation:nr-defer 0s 1.2s both !important;
}

/* ---- 25.45 · MENU BLANKET PIN (v52.72) ----------------------
   Final form of the orange-flash hunt: the pill is a GRADIENT
   (background-image), and the menu contains wrapper layers
   (.zoey-header-menu, nav, .zoey-nav-wrap) that itemized pins
   never named. Blanket rule: no element inside the rail menu
   component may carry any background paint, radius, shadow,
   transition, or animation. Text colors untouched. */
#pix-fe [class*="header-top-menu"],
#pix-fe [class*="header-top-menu"] *{
  background-color:transparent !important;
  background-image:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transition:none !important;
  animation:none !important;
}

/* ---- 25.46 · HOLEPUNCH PIN (v52.74) -------------------------
   v52.72 killed the ORANGE; the flash element lives on as a
   faint whitish pill (it sits outside the header-top-menu
   wrapper, and the runtime suppressor was hue-gated to warm).
   v52.73 pinned ALL holepunch nodes by name — WRONG: holepunch
   divs are placeholders that RECEIVE per-user content, and some
   wrap whole page sections; stripping their backgrounds exposed
   a dark scrim across the homepage. v52.74: only EMPTY
   holepunch placeholders are pinned. :empty auto-releases the
   moment Zoey injects content, so filled fragments render
   untouched. */
#pix-fe div[class*="holepunch"]:empty,
#pix-fe div[id*="holepunch"]:empty,
div[class*="holepunch-div"]:empty,
div[id*="holepunch-div"]:empty{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transition:none !important;
  animation:none !important;
}

/* v52.77 — THE ACTUAL FLASH, caught by the pill catcher at
   t=30ms: Zoey paints a loading-skeleton SHIMMER on the
   ::after pseudo of empty holepunch placeholders
   (linear-gradient of rgba(251,251,251,…)) while awaiting the
   per-user fragment — it covers the menu item, then vanishes
   when content arrives. Pseudos have their own backgrounds, so
   every element-level pin missed it. Kill holepunch pseudos
   outright, any state. */
#pix-fe div[class*="holepunch"]::before,
#pix-fe div[class*="holepunch"]::after,
#pix-fe div[id*="holepunch"]::before,
#pix-fe div[id*="holepunch"]::after,
div[class*="holepunch-div"]::before,
div[class*="holepunch-div"]::after,
div[id*="holepunch-div"]::before,
div[id*="holepunch-div"]::after{
  content:none !important;
  display:none !important;
  background:transparent !important;
  background-image:none !important;
  animation:none !important;
  transition:none !important;
}


/* ============================================================
   §25.53 · ART GALLERY SLIDER (v52.86)
   Pearl dress for the Swiper-11 gallery block (.nr-gallery,
   loader type 'gallery'). Swiper core CSS arrives from CDN;
   these rules only paint. Cards: cream on paper, hairline
   border, image 400/270, serif title, crimson button. The
   active slide reveals its head/foot rows (max-height trick
   from the source example).
   ============================================================ */
#pix-fe .nr-gallery{ position:relative; padding:8px 0 24px; }
#pix-fe .nr-gallery-label{
  font-family:var(--nr-mono);
  font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--nr-stone); margin:0 0 40px 48px;
}
#pix-fe .nr-gallery-host{ position:relative; padding-inline:0; }
#pix-fe .nr-gal-swiper{ -webkit-user-select:none; user-select:none; }
#pix-fe .nr-gal-slide{
  display:flex; align-items:center; justify-content:center;
  height:auto; min-height:540px;
  padding:0 28px; box-sizing:border-box;
}
#pix-fe .nr-gal-card{
  width:100%;
  background:var(--nr-cream);
  border:1px solid var(--nr-line);
  position:relative; overflow:hidden;
}
#pix-fe .nr-gal-badge{
  position:absolute; left:0; top:0; z-index:1;
  padding:5px 12px;
  background:var(--nr-sienna); color:var(--nr-paper);
  font-family:var(--nr-mono); font-size:10px;
  letter-spacing:.16em; text-transform:uppercase;
}
#pix-fe .nr-gal-image{ aspect-ratio:400/270; overflow:hidden; }
#pix-fe .nr-gal-image img{
  width:100%; height:100%; object-fit:cover; object-position:center;
  display:block;
}
#pix-fe .nr-gal-body{
  display:flex; flex-direction:column; gap:22px; padding:26px 24px;
}
#pix-fe .nr-gal-head,
#pix-fe .nr-gal-foot{
  max-height:50px; overflow:hidden;
  transition:max-height .6s ease-in;
}
#pix-fe .nr-gal-slide:not(.swiper-slide-active) .nr-gal-head,
#pix-fe .nr-gal-slide:not(.swiper-slide-active) .nr-gal-foot{
  max-height:0;
}
#pix-fe .nr-gal-head-inner{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:16px;
}
#pix-fe .nr-gal-price{
  font-family:var(--nr-display); font-size:22px; color:var(--nr-crimson);
}
#pix-fe .nr-gal-author{ display:flex; align-items:center; gap:8px; }
#pix-fe .nr-gal-author-img{
  flex-shrink:0; display:block; aspect-ratio:1; width:22px;
  border-radius:50%; overflow:hidden;
}
#pix-fe .nr-gal-author-img img{
  display:block; width:100%; height:100%; object-fit:cover;
}
#pix-fe .nr-gal-author-name{
  font-family:var(--nr-body); font-size:13px; color:var(--nr-stone);
}
#pix-fe .nr-gal-title{
  font-family:var(--nr-display); font-weight:400;
  font-size:22px; line-height:1.25; color:var(--nr-ink);
  margin:0 0 8px;
}
#pix-fe .nr-gal-text{
  font-family:var(--nr-body); font-size:14px; line-height:1.6;
  color:var(--nr-stone);
}
#pix-fe .nr-gal-btn{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--nr-mono); font-size:11px;
  letter-spacing:.18em; text-transform:uppercase;
  color:var(--nr-crimson); text-decoration:none;
}
#pix-fe .nr-gal-btn:hover{ color:var(--nr-deep); }
#pix-fe .nr-gal-btn-arrow{
  display:inline-block; transition:translate .3s ease;
}
#pix-fe .nr-gal-btn:hover .nr-gal-btn-arrow{ translate:6px 0; }
#pix-fe .nr-gal-nav{
  display:flex; justify-content:space-between; align-items:center;
  width:100%; position:absolute; top:38%; left:0;
  translate:0 -50%; z-index:2; pointer-events:none;
  padding:0 10px; box-sizing:border-box;
}
#pix-fe .nr-gal-arrow{
  display:flex; align-items:center; justify-content:center;
  aspect-ratio:1; width:48px;
  font-family:var(--nr-display); font-size:40px; line-height:1;
  color:var(--nr-ink); pointer-events:auto; cursor:pointer;
  transition:color .3s ease, opacity .3s ease;
}
#pix-fe .nr-gal-arrow:hover{ color:var(--nr-crimson); }
#pix-fe .nr-gal-arrow.disabled{ cursor:default; opacity:.35; }
#pix-fe .nr-gal-pagination{
  display:flex; align-items:center; justify-content:center;
  flex-wrap:wrap; gap:8px; padding-top:36px;
}
#pix-fe .nr-gal-pagination.swiper-pagination-lock{ display:none; }
#pix-fe .nr-gal-dot{
  width:8px; height:8px; border-radius:99px;
  background:var(--nr-stone); opacity:.35;
  transition:all .3s ease; cursor:pointer;
}
#pix-fe .nr-gal-dot.active{
  width:30px; background:var(--nr-crimson); opacity:1;
}
@media screen and (max-width:767.9px){
  #pix-fe .nr-gallery-label{ margin-left:24px; }
  #pix-fe .nr-gal-nav{ display:none; }
  #pix-fe .nr-gal-slide{ min-height:500px; padding:0 20px; }
}


/* ============================================================
   §25.54 · MINI-CART DRAWER (v52.88)
   Zoey's slide-in cart (.zoey-mini-cart-drawer) wears stock
   colors (near-black buttons, white pills). Pearl dress: paper
   panel, cream item cards with hairlines, serif drawer title,
   crimson action buttons, stone secondary text. Drawer lives
   directly under <body>, so rules scope by body.pix-fe (not
   #pix-fe). Colors carry !important — but the Edit Item anchors
   are painted by LAYERED !important rules (stylesheet cannot
   win); Blocks 22/39 carry nrCartDress(), which pins those via
   inline !important on timed sweeps (suppressor-v4 pattern).
   ============================================================ */
body.pix-fe .zoey-mini-cart-drawer .ui-drawer-wrap{
  background:var(--nr-paper, #E8E4DC) !important;
}
body.pix-fe .zoey-mini-cart-drawer .ui-drawer-header{
  background:transparent !important;
  border-bottom:1px solid rgba(38,32,28,.16);
}
body.pix-fe .zoey-mini-cart-drawer .minicart-subtitle{
  font-family:Georgia,'Times New Roman',serif !important;
  font-weight:400 !important;
  color:#26201C !important;
}
/* draft selector pill */
body.pix-fe .zoey-mini-cart-drawer .heading-select{
  background:#EFE9DE !important;
  border:1px solid rgba(38,32,28,.16) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.pix-fe .zoey-mini-cart-drawer .heading-label,
body.pix-fe .zoey-mini-cart-drawer .truncated-label{
  color:#26201C !important;
}
/* item cards */
body.pix-fe .zoey-mini-cart-drawer .quote-items > li,
body.pix-fe .zoey-mini-cart-drawer .quote-items .grid,
body.pix-fe .zoey-mini-cart-drawer .mini-cart-content .grid{
  background:#EFE9DE !important;
  border:1px solid rgba(38,32,28,.16) !important;
  border-radius:0 !important;
}
body.pix-fe .zoey-mini-cart-drawer .product-cart-image{
  background:transparent !important;
}
body.pix-fe .zoey-mini-cart-drawer .product-name,
body.pix-fe .zoey-mini-cart-drawer .product-name a{
  font-family:Georgia,'Times New Roman',serif !important;
  color:#26201C !important;
}
body.pix-fe .zoey-mini-cart-drawer .cart-price,
body.pix-fe .zoey-mini-cart-drawer .product-cart-total,
body.pix-fe .zoey-mini-cart-drawer .product-cart-qty{
  color:#26201C !important;
}
body.pix-fe .zoey-mini-cart-drawer .product-cart-attribute,
body.pix-fe .zoey-mini-cart-drawer .label{
  color:#7A716B !important;
}
/* buttons: Edit Item + checkout actions */
body.pix-fe .zoey-mini-cart-drawer .product-cart-actions a,
body.pix-fe .zoey-mini-cart-drawer .button,
body.pix-fe .zoey-mini-cart-drawer .cart-button{
  background:#AA2832 !important;
  color:#F6F1E7 !important;
  border:0 !important;
  border-radius:0 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
body.pix-fe .zoey-mini-cart-drawer .product-cart-actions a:hover,
body.pix-fe .zoey-mini-cart-drawer .button:hover,
body.pix-fe .zoey-mini-cart-drawer .cart-button:hover{
  background:#7A1A22 !important;
  color:#F6F1E7 !important;
}
body.pix-fe .zoey-mini-cart-drawer .button-secondary:not(.cart-button){
  background:transparent !important;
  color:#26201C !important;
  border:1px solid rgba(38,32,28,.3) !important;
}
body.pix-fe .zoey-mini-cart-drawer .button-secondary:not(.cart-button):hover{
  background:#EFE9DE !important;
  color:#26201C !important;
}
/* remove × + close */
body.pix-fe .zoey-mini-cart-drawer .quote-item-delete,
body.pix-fe .zoey-mini-cart-drawer .icon-close,
body.pix-fe .zoey-mini-cart-drawer .icon-cancel-button{
  color:#7A716B !important;
}
body.pix-fe .zoey-mini-cart-drawer .quote-item-delete:hover,
body.pix-fe .zoey-mini-cart-drawer .icon-close:hover{
  color:#AA2832 !important;
}
/* the hover 'lift' is a ::after shadow cast by EVERY grid
   column (base rgba(0,0,0,.03), hover rgba(0,0,0,.224), rule
   #pix-fe .zoey-grid .zoey-grid-row:hover .zoey-grid-column::after).
   Pseudo-elements are beyond inline styles — kill the pseudo
   itself (§25.46 holepunch pattern). Scoped to the mini-cart. */
#pix-fe [class*="zoey-mini-cart"] .zoey-grid-column::after,
body.pix-fe [class*="zoey-mini-cart"] .zoey-grid-column::after{
  content:none !important;
  display:none !important;
  box-shadow:none !important;
}
/* no hover lift on item rows — flat Pearl cards */
body.pix-fe .zoey-mini-cart-drawer .quote-items > li,
body.pix-fe .zoey-mini-cart-drawer .quote-items > li:hover,
body.pix-fe .zoey-mini-cart-drawer .quote-items .grid,
body.pix-fe .zoey-mini-cart-drawer .quote-items .grid:hover{
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
}
/* totals strip */
body.pix-fe .zoey-mini-cart-drawer .totals,
body.pix-fe .zoey-mini-cart-drawer .subtotal-sidebar-total{
  background:transparent !important;
  color:#26201C !important;
  border-top:1px solid rgba(38,32,28,.16);
}


/* ============================================================
   §25.55 · SPOTLIGHT HOVER GRID (v52.89)
   Pearl dress for the "Hover Animated Portfolio" example
   (SVG clip-path reveal), transposed to LANDSCAPE: the source
   is 5 columns x 8 rows (portrait); here 8 columns x 5 rows.
   Loader type 'spotlight' (.nr-spotlight). Tiles: cream on
   paper with hairline borders; serif label sits on the tile;
   hovering reveals the image through a circle that follows
   the cursor. Sizes small/medium/large/tall/wide span the
   grid; grid-auto-flow:dense packs any item count. No CDN.
   ============================================================ */
#pix-fe .nr-spotlight{ position:relative; padding:8px 0 24px; }
#pix-fe .nr-spot-label{
  font-family:var(--nr-mono);
  font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--nr-stone); margin:0 0 40px 48px;
}
#pix-fe .nr-spot-grid{
  display:grid;
  grid-template-columns:repeat(8, 1fr);
  grid-auto-rows:clamp(64px, 7.5vw, 108px);
  grid-auto-flow:dense;
  gap:10px;
}
#pix-fe .nr-spot-item{
  position:relative; display:block; overflow:hidden;
  background:var(--nr-cream);
  border:1px solid var(--nr-line);
  cursor:pointer;
}
#pix-fe a.nr-spot-item{ text-decoration:none; }
#pix-fe .nr-spot-item svg{ display:block; width:100%; height:100%; }
#pix-fe .nr-spot-item circle{
  transform-origin:50% 50%;
  transform:scale(0);
  transition:transform 500ms;
}
#pix-fe .nr-spot-item image{
  transform:scale(2);
  transform-origin:50% 50%;
  transition:transform 400ms cubic-bezier(.25,.46,.45,.94);
}
/* ghost layer: image always faintly visible under the Pearl
   wash (the source's under-grid); hover reveals full color
   through the circle above it */
#pix-fe .nr-spot-item image.nr-spot-under{
  transform:none;
  opacity:.22;
  filter:grayscale(55%);
}
#pix-fe .nr-spot-item:hover circle{ transform:scale(5); }
#pix-fe .nr-spot-item:hover image{ transform:scale(1); }
#pix-fe .nr-spot-item:hover image.nr-spot-under{ transform:none; }
#pix-fe .nr-spot-item:hover{ border-color:var(--nr-crimson); }
#pix-fe .nr-spot-text{
  fill:var(--nr-ink);
  font-family:var(--nr-display);
  font-size:18px; letter-spacing:.08em;
  text-anchor:middle; text-transform:uppercase;
}
/* spans are computed inline by the loader (masonry bands: each
   band sums to 8 columns, last tile stretches to close it, so
   the rectangle stays solid whatever the tile count) */
@media screen and (max-width:767.9px){
  #pix-fe .nr-spot-label{ margin-left:24px; }
  #pix-fe .nr-spot-grid{
    grid-auto-rows:clamp(36px, 9vw, 64px);
    gap:6px;
  }
}


/* ============================================================
   §25.56 · PRE-PEARL INLINE REMNANTS (v52.91)
   Old page markup (About Us and any siblings) was pasted with
   inline font-family:'DM Sans' and near-ink colors — inline
   beats every stylesheet, so v52 never corrected it. Keyed to
   the legacy font name, this cannot touch anything Pearl sets
   (Pearl never uses DM Sans).
   ============================================================ */
#pix-fe [style*="DM Sans"]{
  font-family:var(--nr-body) !important;
  color:var(--nr-ink) !important;
}

/* ============================================================
   §25.57 · PASTED WHITE HIGHLIGHTS (v52.92)
   Text pasted into the Content Manager from other sites or
   documents can carry inline span backgrounds (typically
   background-color: rgb(255, 255, 255)), which render as white
   highlight bars behind each line on the Pearl paper. Pearl
   never sets inline backgrounds on text spans, so stripping
   them wholesale is safe.
   ============================================================ */
/* v52.110: the Orbitvu viewer (Block 51) paints its button
   tooltips with an inline background-color — exempt its stage,
   or the tooltip renders as an empty paper box (verified live). */
#pix-fe span[style*="background-color"]:not(.nr-spin-stage span){
  background-color:transparent !important;
}

/* ============================================================
   §25.58 · ACCOUNT MENU AS A RAIL FLYOUT (v52.96)
   The account menu (ul.zoey-account-links-content) is
   TELEPORTED out of the top-links component to the page root
   and absolutely positioned for a horizontal header — in the
   rail it landed on top of the cart/currency/search rows.
   Verified live: the ul sits as a direct child of #pix-fe.
   Treatment: pin it beside the rail exactly like the nav
   flyouts (§11) — paper panel, hairline, mono rows. Zoey's
   own JS still handles open/close via its hidden class.
   ============================================================ */
@media (min-width:744px){
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-account-links-content{
    position:fixed !important;
    left:var(--nr-sidebar-w) !important;
    /* the rail centers its stack, so the sign-in row sits near
       27% of the window height on any screen — anchor there,
       not at the nav flyouts' mid-screen anchor */
    top:clamp(220px, 27vh, 480px) !important;
    right:auto !important; bottom:auto !important;
    width:300px !important; min-width:0 !important; max-width:300px !important;
    height:auto !important; max-height:none !important;
    margin:0 !important;
    transform:none !important;
    background:var(--nr-paper) !important;
    border:1px solid var(--nr-bone) !important;
    border-left:2px solid var(--nr-gold) !important;
    box-shadow:0 14px 34px rgba(10,10,10,.10) !important;
    padding:12px 24px !important;
    z-index:1002 !important;
    list-style:none !important;
    overflow:visible !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-account-links-content li{
    list-style:none !important;
    margin:0 !important;
    float:none !important;
    width:100% !important;
    text-align:left !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-account-links-content a{
    display:block !important;
    padding:9px 0 !important;
    font-weight:400 !important;
    font-family:var(--nr-mono) !important;
    font-size:11px !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:var(--nr-ink) !important;
    background:transparent !important;
    border:0 !important;
    border-bottom:1px solid var(--nr-bone) !important;
    text-align:left !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-account-links-content li:last-child a{
    border-bottom:0 !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-account-links-content a:hover{
    color:var(--nr-sienna-deep) !important;
  }
  /* v52.102 — the same animated underline the nav flyout rows
     have (1px ink bar, scaleX 0→1 over .3s, in from the left,
     out to the right) */
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-account-links-content a{
    position:relative !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-account-links-content a::after{
    content:'' !important;
    position:absolute !important;
    left:0 !important; bottom:4px !important;
    width:100% !important; height:1px !important;
    background:rgb(38,32,28) !important;
    transform:scaleX(0) !important;
    transform-origin:right center !important;
    transition:transform .3s ease !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-account-links-content a:hover::after{
    transform:scaleX(1) !important;
    transform-origin:left center !important;
  }
}

/* ============================================================
   §25.59 · TEXT FLYOUTS MATCH THE ACCOUNT PANEL (v52.100)
   Text-only nav flyouts (THE PRESS — no thumbnails) drop the
   full-height panel and take the account menu's language:
   compact paper panel, gold edge at the rail seam, hairline
   mono rows. Thumbnail menus (BOOKS) keep the tall panel.
   The 44px under-rail overlap stays (tippy's hover-gap fix),
   so the gold edge is painted as a gradient stripe at the
   visible seam, and the box has no left border.
   ============================================================ */
@media (min-width:744px){
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu):not(:has(span.image)){
    top:var(--nr-flyout-top) !important;
    bottom:auto !important;
    height:auto !important;
    width:344px !important;           /* 300 visible + 44 overlap */
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu):not(:has(span.image)) .tippy-box{
    width:344px !important;
    max-width:344px !important;
    height:auto !important;
    max-height:calc(100vh - var(--nr-flyout-top) - 40px) !important;
    padding:12px 24px 12px 68px !important;
    border:1px solid var(--nr-bone) !important;
    border-left:0 !important;
    border-right:1px solid var(--nr-bone) !important;
    box-shadow:0 14px 34px rgba(10,10,10,.10) !important;
    /* the shadow must not fall on the rail: clip everything
       left of the 44px overlap strip (negative insets keep the
       shadow on the other three sides) */
    clip-path:inset(-80px -80px -80px 44px) !important;
    background:linear-gradient(to right,
      var(--nr-paper) 44px, var(--nr-gold) 44px,
      var(--nr-gold) 46px, var(--nr-paper) 46px) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu):not(:has(span.image)) ul.menu a{
    padding:9px 0 !important;
    font-weight:400 !important;
    font-family:var(--nr-mono) !important;
    font-size:11px !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:var(--nr-ink) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu):not(:has(span.image)) ul.menu .menu-item-link-text,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu):not(:has(span.image)) ul.menu .category-name,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu):not(:has(span.image)) ul.menu span,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu):not(:has(span.image)) ul.menu a *{
    font-weight:400 !important;
    font-family:var(--nr-mono) !important;
    font-size:11px !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:var(--nr-ink) !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu):not(:has(span.image)) ul.menu li:last-child a{
    border-bottom:0 !important;
  }
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu):not(:has(span.image)) ul.menu a:hover,
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) [data-tippy-root]:has(.dropdown-menu):not(:has(span.image)) ul.menu a:hover *{
    color:var(--nr-sienna-deep) !important;
  }
}

/* ============================================================
   §25.60 · SHORT VIEWPORTS FEED THE BIRD (v52.98)
   The rail centers its stack between two flexible spacers, so
   the ornament (hosted in the TOP spacer, §25.25) only ever
   gets half the spare height. Windows machines commonly run
   125% display scaling — a 1080p screen is ~860 CSS px tall —
   which halved an already small remainder into a tiny bird.
   On short viewports the bottom spacer collapses: the content
   anchors low (the eagle already lives at the bottom) and the
   ornament takes ALL the spare room — roughly double.
   Verified live: spacer 263px → 526px with ::after collapsed.
   Tall screens (>1000px) keep the centered composition.
   ============================================================ */
@media (min-width:744px) and (max-height:1000px){
  #pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header::after{
    display:none !important;
  }
}

/* ============================================================
   §25.61 · RAIL ORNAMENT, ANY SHAPE — AND IT HOLDS STILL
   (v52.105, measured live at an 825px window)
   Symptom: the ornament painted large, then shrank to a speck
   a moment after the page opened. The ornament lives in the
   rail's SPARE height (the §25.7 ::before spacer), and that
   spare height collapsed in two steps as the page hydrated:
   the eagle <img> (content:url(), no reserved box: ~23px ->
   200px) and then the cart + currency rows (0 -> 59px). Steady
   state left 116px — a 28px-tall bird, since the old sizing
   was HEIGHT-driven for a 1:2.8 portrait image.
   Fix 1: the eagle's box is reserved from first paint (explicit
   width + aspect-ratio; newromelogo.png is square) — the eagle
   itself is unchanged at 200px.
   Fix 2: the ornament is fitted with 'contain' inside the
   spacer's content box, so ANY shape scales to whichever
   dimension is tighter. A wide headpiece (3.2:1) fills the
   rail's 224px width at ~70px tall and fits the 116px spacer
   with room to spare; a portrait image still works as before.
   Swap the image in the content manager (site settings ->
   rail ornament / --nr-rail-ornament); no CSS change needed.
   ============================================================ */
@media (min-width:744px){
  #pix-fe#pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header .zoey-core-header-logo img{
    width:200px !important;
    max-width:100% !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
  }
  #pix-fe#pix-fe#pix-fe:is(.media-d,.media-t):not(.pix-designcenter-admin) .zoey-core-header::before{
    box-sizing:border-box !important;
    padding:20px 0 16px !important;
    background-origin:content-box !important;
    background-clip:content-box !important;
    background-position:center top !important;
    background-size:contain !important;
    max-height:none !important;
  }
}

/* ============================================================
   §26 · PRODUCT 360° SPIN — Block 51 (v52.108, hardened v52.109)
   Trigger: an absolutely-positioned element on <body> that
   Block 51 centres under the main product image at runtime.
   Overlay: full-window, appended to <body>; every rule here is
   !important because Zoey's theme styles p and button globally
   (the close button was painting as a crimson pill, the label
   at body-copy size — verified live).
   ============================================================ */
#pix-fe .nr-spin360{ padding:0; }
#pix-fe#pix-fe .nr-spin-btn{
  display:inline-flex !important; align-items:center; gap:10px;
  background:none !important; border:none !important;
  cursor:pointer; padding:0 0 4px !important; margin:0 !important;
  min-width:0 !important; min-height:0 !important; line-height:1.3 !important;
  font-family:var(--nr-body) !important; font-size:12px !important;
  font-weight:500 !important; letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:var(--nr-sienna) !important;
  border-bottom:1px solid var(--nr-sienna) !important;
  border-radius:0 !important; box-shadow:none !important;
  white-space:nowrap;
}
#pix-fe#pix-fe .nr-spin-btn:hover{
  background:none !important;
  color:var(--nr-sienna-deep, #7A1A22) !important;
  border-bottom-color:var(--nr-sienna-deep, #7A1A22) !important;
}
#pix-fe .nr-spin-btn svg{ width:17px; height:17px; stroke:currentColor; fill:none; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }

.nr-spin-overlay{
  position:fixed !important; inset:0 !important; z-index:99999 !important;
  background:rgba(38,32,28,.86) !important;
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  padding-top:calc(24px + env(safe-area-inset-top, 0px));
  padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px));
  box-sizing:border-box;
}
.nr-spin-panel{
  background:#E8E4DC !important; border:1px solid #d8d2c6 !important;
  width:100%; max-width:min(1200px, 96vw); height:min(92vh, 1000px);
  display:flex; flex-direction:column;
  padding:28px 36px 22px !important; position:relative; box-sizing:border-box;
  border-radius:0 !important; box-shadow:none !important;
}
#pix-fe .nr-spin-close, .nr-spin-close{
  position:absolute !important; top:8px !important; right:14px !important; z-index:2;
  background:none !important; border:none !important; cursor:pointer;
  font-size:28px !important; line-height:1 !important; color:#7A716B !important;
  padding:6px !important; margin:0 !important; min-width:0 !important; min-height:0 !important;
  width:auto !important; height:auto !important; border-radius:0 !important; box-shadow:none !important;
  font-family:Georgia,serif !important; letter-spacing:0 !important; text-transform:none !important;
}
#pix-fe .nr-spin-close:hover, .nr-spin-close:hover{ color:#AA2832 !important; background:none !important; }
.nr-spin-label{
  font-family:'Archivo',Arial,sans-serif !important;
  font-size:10px !important; letter-spacing:.2em !important; text-transform:uppercase !important;
  color:#7A716B !important; margin:0 0 14px !important; line-height:1.4 !important;
}
.nr-spin-stage{
  flex:1 1 auto; min-height:0; width:100%; position:relative;
  background:#E8E4DC;
}
/* (no sizing rules on the viewer's own elements: Orbitvu sizes its
   viewport from the stage and lays its control panel out below it;
   forcing height:100% on children pushed the toolbar out of view —
   verified live) */
.nr-spin-hint{
  text-align:center !important; margin:16px 0 0 !important;
  font-family:'Archivo',Arial,sans-serif !important;
  font-size:11px !important; letter-spacing:.14em !important; text-transform:uppercase !important;
  color:#7A716B !important; line-height:1.4 !important;
}
@media (max-width:743px){
  .nr-spin-overlay{ padding:0; }
  .nr-spin-panel{ max-width:none; height:100%; border:none !important; padding:22px 14px 14px !important; }
  .nr-spin-hint{ font-size:10px !important; }
}

/* §26 (cont.) · viewer tooltips and toolbar in Pearl (v52.110) */
#pix-fe .nr-spin-stage .button-hint span.ovbuttonafter{
  background:#26201C !important; color:#E8E4DC !important;
  font-family:'Archivo',Arial,sans-serif !important;
  font-size:10px !important; letter-spacing:.14em !important; text-transform:uppercase !important;
  padding:6px 9px !important; border-radius:0 !important; box-shadow:none !important;
  text-shadow:none !important; line-height:1.2 !important;
}
#pix-fe .nr-spin-stage .button-hint span.ovbuttonbefore{ border-top-color:#26201C !important; }


/* 
 ZOEY DESIGN CENTER COMPONENT ASSET 
 Identifier: zoey.core 1.0.0 asset base 
 Path: /skin/adminhtml/default/default/fonts/pix-bootstrap-icons/pix-bootstrap-icons.css 
 Parent uid: th_6a4c65355e0db697808602
*/ 

@font-face{font-family:"pix-bootstrap-icons";src:url("//newromepress.com//skin/adminhtml/default/default/fonts/pix-bootstrap-icons/fonts/pix-bootstrap-icons.eot?knqepe");src:url("//newromepress.com//skin/adminhtml/default/default/fonts/pix-bootstrap-icons/fonts/pix-bootstrap-icons.eot?knqepe#iefix") format("embedded-opentype"),url("//newromepress.com//skin/adminhtml/default/default/fonts/pix-bootstrap-icons/fonts/pix-bootstrap-icons.ttf?knqepe") format("truetype"),url("//newromepress.com//skin/adminhtml/default/default/fonts/pix-bootstrap-icons/fonts/pix-bootstrap-icons.woff?knqepe") format("woff"),url("//newromepress.com//skin/adminhtml/default/default/fonts/pix-bootstrap-icons/fonts/pix-bootstrap-icons.svg?knqepe#pix-bootstrap-icons") format("svg");font-weight:normal;font-style:normal;font-display:block}[class^="pix-bi-"],[class*=" pix-bi-"]{font-family:"pix-bootstrap-icons" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pix-bi-align-h-space-around:before{content:"\e917"}.pix-bi-align-h-space-between:before{content:"\e918"}.pix-bi-align-h-space-evenly:before{content:"\e919"}.pix-bi-align-v-space-around:before{content:"\e91a"}.pix-bi-align-v-space-between:before{content:"\e91b"}.pix-bi-align-v-space-evenly:before{content:"\e91c"}.pix-bi-align-h-center:before{content:"\e90c"}.pix-bi-align-h-left:before{content:"\e90d"}.pix-bi-align-h-right:before{content:"\e90e"}.pix-bi-align-h-stretch:before{content:"\e90f"}.pix-bi-align-space-around:before{content:"\e910"}.pix-bi-align-space-between:before{content:"\e911"}.pix-bi-align-space-evenly:before{content:"\e912"}.pix-bi-align-v-bottom:before{content:"\e913"}.pix-bi-align-v-center:before{content:"\e914"}.pix-bi-align-v-stretch:before{content:"\e915"}.pix-bi-align-v-top:before{content:"\e916"}.pix-bi-arrow-down-left-short:before{content:"\e900"}.pix-bi-arrow-down-right-short:before{content:"\e901"}.pix-bi-arrow-up-left-short:before{content:"\e902"}.pix-bi-arrow-up-right-short:before{content:"\e903"}.pix-bi-b2b-quotes:before{content:"\e904"}.pix-bi-chevron-down-small:before{content:"\e905"}.pix-bi-chevron-left-small:before{content:"\e906"}.pix-bi-chevron-right-small:before{content:"\e907"}.pix-bi-chevron-up-small1:before{content:"\e908"}.pix-bi-orders:before{content:"\e909"}.pix-bi-three-dots-menu:before{content:"\e90a"}.pix-bi-unlink:before{content:"\e90b"}.pix-bi-123:before{content:"\b700"}.pix-bi-activity:before{content:"\b701"}.pix-bi-airplane:before{content:"\b702"}.pix-bi-airplane-engines:before{content:"\b703"}.pix-bi-airplane-engines-fill:before{content:"\b704"}.pix-bi-airplane-fill:before{content:"\b705"}.pix-bi-alarm:before{content:"\b706"}.pix-bi-alarm-fill:before{content:"\b707"}.pix-bi-alexa:before{content:"\b708"}.pix-bi-align-bottom:before{content:"\b709"}.pix-bi-align-center:before{content:"\b70a"}.pix-bi-align-end:before{content:"\b70b"}.pix-bi-align-middle:before{content:"\b70c"}.pix-bi-align-start:before{content:"\b70d"}.pix-bi-align-top:before{content:"\b70e"}.pix-bi-alipay:before{content:"\b70f"}.pix-bi-alphabet:before{content:"\b710"}.pix-bi-alphabet-uppercase:before{content:"\b711"}.pix-bi-alt:before{content:"\b712"}.pix-bi-amazon:before{content:"\b713"}.pix-bi-amd:before{content:"\b714"}.pix-bi-android:before{content:"\b715"}.pix-bi-android2:before{content:"\b716"}.pix-bi-app:before{content:"\b717"}.pix-bi-app-indicator:before{content:"\b718"}.pix-bi-apple:before{content:"\b719"}.pix-bi-archive:before{content:"\b71a"}.pix-bi-archive-fill:before{content:"\b71b"}.pix-bi-arrow-90deg-down:before{content:"\b71c"}.pix-bi-arrow-90deg-left:before{content:"\b71d"}.pix-bi-arrow-90deg-right:before{content:"\b71e"}.pix-bi-arrow-90deg-up:before{content:"\b71f"}.pix-bi-arrow-bar-down:before{content:"\b720"}.pix-bi-arrow-bar-left:before{content:"\b721"}.pix-bi-arrow-bar-right:before{content:"\b722"}.pix-bi-arrow-bar-up:before{content:"\b723"}.pix-bi-arrow-clockwise:before{content:"\b724"}.pix-bi-arrow-counterclockwise:before{content:"\b725"}.pix-bi-arrow-down:before{content:"\b726"}.pix-bi-arrow-down-circle:before{content:"\b727"}.pix-bi-arrow-down-circle-fill:before{content:"\b728"}.pix-bi-arrow-down-left:before{content:"\b729"}.pix-bi-arrow-down-left-circle:before{content:"\b72a"}.pix-bi-arrow-down-left-circle-fill:before{content:"\b72b"}.pix-bi-arrow-down-left-short1:before{content:"\b72c"}.pix-bi-arrow-down-left-square:before{content:"\b72d"}.pix-bi-arrow-down-left-square-fill:before{content:"\b72e"}.pix-bi-arrow-down-right:before{content:"\b72f"}.pix-bi-arrow-down-right-circle:before{content:"\b730"}.pix-bi-arrow-down-right-circle-fill:before{content:"\b731"}.pix-bi-arrow-down-right-short1:before{content:"\b732"}.pix-bi-arrow-down-right-square:before{content:"\b733"}.pix-bi-arrow-down-right-square-fill:before{content:"\b734"}.pix-bi-arrow-down-short:before{content:"\b735"}.pix-bi-arrow-down-square:before{content:"\b736"}.pix-bi-arrow-down-square-fill:before{content:"\b737"}.pix-bi-arrow-down-up:before{content:"\b738"}.pix-bi-arrow-left:before{content:"\b739"}.pix-bi-arrow-left-circle:before{content:"\b73a"}.pix-bi-arrow-left-circle-fill:before{content:"\b73b"}.pix-bi-arrow-left-right:before{content:"\b73c"}.pix-bi-arrow-left-short:before{content:"\b73d"}.pix-bi-arrow-left-square:before{content:"\b73e"}.pix-bi-arrow-left-square-fill:before{content:"\b73f"}.pix-bi-arrow-repeat:before{content:"\b740"}.pix-bi-arrow-return-left:before{content:"\b741"}.pix-bi-arrow-return-right:before{content:"\b742"}.pix-bi-arrow-right:before{content:"\b743"}.pix-bi-arrow-right-circle:before{content:"\b744"}.pix-bi-arrow-right-circle-fill:before{content:"\b745"}.pix-bi-arrow-right-short:before{content:"\b746"}.pix-bi-arrow-right-square:before{content:"\b747"}.pix-bi-arrow-right-square-fill:before{content:"\b748"}.pix-bi-arrow-through-heart:before{content:"\b749"}.pix-bi-arrow-through-heart-fill:before{content:"\b74a"}.pix-bi-arrow-up:before{content:"\b74b"}.pix-bi-arrow-up-circle:before{content:"\b74c"}.pix-bi-arrow-up-circle-fill:before{content:"\b74d"}.pix-bi-arrow-up-left:before{content:"\b74e"}.pix-bi-arrow-up-left-circle:before{content:"\b74f"}.pix-bi-arrow-up-left-circle-fill:before{content:"\b750"}.pix-bi-arrow-up-left-short1:before{content:"\b751"}.pix-bi-arrow-up-left-square:before{content:"\b752"}.pix-bi-arrow-up-left-square-fill:before{content:"\b753"}.pix-bi-arrow-up-right:before{content:"\b754"}.pix-bi-arrow-up-right-circle:before{content:"\b755"}.pix-bi-arrow-up-right-circle-fill:before{content:"\b756"}.pix-bi-arrow-up-right-short1:before{content:"\b757"}.pix-bi-arrow-up-right-square:before{content:"\b758"}.pix-bi-arrow-up-right-square-fill:before{content:"\b759"}.pix-bi-arrow-up-short:before{content:"\b75a"}.pix-bi-arrow-up-square:before{content:"\b75b"}.pix-bi-arrow-up-square-fill:before{content:"\b75c"}.pix-bi-arrows:before{content:"\b75d"}.pix-bi-arrows-angle-contract:before{content:"\b75e"}.pix-bi-arrows-angle-expand:before{content:"\b75f"}.pix-bi-arrows-collapse:before{content:"\b760"}.pix-bi-arrows-collapse-vertical:before{content:"\b761"}.pix-bi-arrows-expand:before{content:"\b762"}.pix-bi-arrows-expand-vertical:before{content:"\b763"}.pix-bi-arrows-fullscreen:before{content:"\b764"}.pix-bi-arrows-move:before{content:"\b765"}.pix-bi-arrows-vertical:before{content:"\b766"}.pix-bi-aspect-ratio:before{content:"\b767"}.pix-bi-aspect-ratio-fill:before{content:"\b768"}.pix-bi-asterisk:before{content:"\b769"}.pix-bi-at:before{content:"\b76a"}.pix-bi-award:before{content:"\b76b"}.pix-bi-award-fill:before{content:"\b76c"}.pix-bi-back:before{content:"\b76d"}.pix-bi-backpack:before{content:"\b76e"}.pix-bi-backpack-fill:before{content:"\b76f"}.pix-bi-backpack2:before{content:"\b770"}.pix-bi-backpack2-fill:before{content:"\b771"}.pix-bi-backpack3:before{content:"\b772"}.pix-bi-backpack3-fill:before{content:"\b773"}.pix-bi-backpack4:before{content:"\b774"}.pix-bi-backpack4-fill:before{content:"\b775"}.pix-bi-backspace:before{content:"\b776"}.pix-bi-backspace-fill:before{content:"\b777"}.pix-bi-backspace-reverse:before{content:"\b778"}.pix-bi-backspace-reverse-fill:before{content:"\b779"}.pix-bi-badge-3d:before{content:"\b77a"}.pix-bi-badge-3d-fill:before{content:"\b77b"}.pix-bi-badge-4k:before{content:"\b77c"}.pix-bi-badge-4k-fill:before{content:"\b77d"}.pix-bi-badge-8k:before{content:"\b77e"}.pix-bi-badge-8k-fill:before{content:"\b77f"}.pix-bi-badge-ad:before{content:"\b780"}.pix-bi-badge-ad-fill:before{content:"\b781"}.pix-bi-badge-ar:before{content:"\b782"}.pix-bi-badge-ar-fill:before{content:"\b783"}.pix-bi-badge-cc:before{content:"\b784"}.pix-bi-badge-cc-fill:before{content:"\b785"}.pix-bi-badge-hd:before{content:"\b786"}.pix-bi-badge-hd-fill:before{content:"\b787"}.pix-bi-badge-sd:before{content:"\b788"}.pix-bi-badge-sd-fill:before{content:"\b789"}.pix-bi-badge-tm:before{content:"\b78a"}.pix-bi-badge-tm-fill:before{content:"\b78b"}.pix-bi-badge-vo:before{content:"\b78c"}.pix-bi-badge-vo-fill:before{content:"\b78d"}.pix-bi-badge-vr:before{content:"\b78e"}.pix-bi-badge-vr-fill:before{content:"\b78f"}.pix-bi-badge-wc:before{content:"\b790"}.pix-bi-badge-wc-fill:before{content:"\b791"}.pix-bi-bag:before{content:"\b792"}.pix-bi-bag-check:before{content:"\b793"}.pix-bi-bag-check-fill:before{content:"\b794"}.pix-bi-bag-dash:before{content:"\b795"}.pix-bi-bag-dash-fill:before{content:"\b796"}.pix-bi-bag-fill:before{content:"\b797"}.pix-bi-bag-heart:before{content:"\b798"}.pix-bi-bag-heart-fill:before{content:"\b799"}.pix-bi-bag-plus:before{content:"\b79a"}.pix-bi-bag-plus-fill:before{content:"\b79b"}.pix-bi-bag-x:before{content:"\b79c"}.pix-bi-bag-x-fill:before{content:"\b79d"}.pix-bi-balloon:before{content:"\b79e"}.pix-bi-balloon-fill:before{content:"\b79f"}.pix-bi-balloon-heart:before{content:"\b7a0"}.pix-bi-balloon-heart-fill:before{content:"\b7a1"}.pix-bi-ban:before{content:"\b7a2"}.pix-bi-ban-fill:before{content:"\b7a3"}.pix-bi-bandaid:before{content:"\b7a4"}.pix-bi-bandaid-fill:before{content:"\b7a5"}.pix-bi-bank:before{content:"\b7a6"}.pix-bi-bank2:before{content:"\b7a7"}.pix-bi-bar-chart:before{content:"\b7a8"}.pix-bi-bar-chart-fill:before{content:"\b7a9"}.pix-bi-bar-chart-line:before{content:"\b7aa"}.pix-bi-bar-chart-line-fill:before{content:"\b7ab"}.pix-bi-bar-chart-steps:before{content:"\b7ac"}.pix-bi-basket:before{content:"\b7ad"}.pix-bi-basket-fill:before{content:"\b7ae"}.pix-bi-basket2:before{content:"\b7af"}.pix-bi-basket2-fill:before{content:"\b7b0"}.pix-bi-basket3:before{content:"\b7b1"}.pix-bi-basket3-fill:before{content:"\b7b2"}.pix-bi-battery:before{content:"\b7b3"}.pix-bi-battery-charging:before{content:"\b7b4"}.pix-bi-battery-full:before{content:"\b7b5"}.pix-bi-battery-half:before{content:"\b7b6"}.pix-bi-behance:before{content:"\b7b7"}.pix-bi-bell:before{content:"\b7b8"}.pix-bi-bell-fill:before{content:"\b7b9"}.pix-bi-bell-slash:before{content:"\b7ba"}.pix-bi-bell-slash-fill:before{content:"\b7bb"}.pix-bi-bezier:before{content:"\b7bc"}.pix-bi-bezier2:before{content:"\b7bd"}.pix-bi-bicycle:before{content:"\b7be"}.pix-bi-bing:before{content:"\b7bf"}.pix-bi-binoculars:before{content:"\b7c0"}.pix-bi-binoculars-fill:before{content:"\b7c1"}.pix-bi-blockquote-left:before{content:"\b7c2"}.pix-bi-blockquote-right:before{content:"\b7c3"}.pix-bi-bluetooth:before{content:"\b7c4"}.pix-bi-body-text:before{content:"\b7c5"}.pix-bi-book:before{content:"\b7c6"}.pix-bi-book-fill:before{content:"\b7c7"}.pix-bi-book-half:before{content:"\b7c8"}.pix-bi-bookmark:before{content:"\b7c9"}.pix-bi-bookmark-check:before{content:"\b7ca"}.pix-bi-bookmark-check-fill:before{content:"\b7cb"}.pix-bi-bookmark-dash:before{content:"\b7cc"}.pix-bi-bookmark-dash-fill:before{content:"\b7cd"}.pix-bi-bookmark-fill:before{content:"\b7ce"}.pix-bi-bookmark-heart:before{content:"\b7cf"}.pix-bi-bookmark-heart-fill:before{content:"\b7d0"}.pix-bi-bookmark-plus:before{content:"\b7d1"}.pix-bi-bookmark-plus-fill:before{content:"\b7d2"}.pix-bi-bookmark-star:before{content:"\b7d3"}.pix-bi-bookmark-star-fill:before{content:"\b7d4"}.pix-bi-bookmark-x:before{content:"\b7d5"}.pix-bi-bookmark-x-fill:before{content:"\b7d6"}.pix-bi-bookmarks:before{content:"\b7d7"}.pix-bi-bookmarks-fill:before{content:"\b7d8"}.pix-bi-bookshelf:before{content:"\b7d9"}.pix-bi-boombox:before{content:"\b7da"}.pix-bi-boombox-fill:before{content:"\b7db"}.pix-bi-bootstrap:before{content:"\b7dc"}.pix-bi-bootstrap-fill:before{content:"\b7dd"}.pix-bi-bootstrap-reboot:before{content:"\b7de"}.pix-bi-border:before{content:"\b7df"}.pix-bi-border-all:before{content:"\b7e0"}.pix-bi-border-bottom:before{content:"\b7e1"}.pix-bi-border-center:before{content:"\b7e2"}.pix-bi-border-inner:before{content:"\b7e3"}.pix-bi-border-left:before{content:"\b7e4"}.pix-bi-border-middle:before{content:"\b7e5"}.pix-bi-border-outer:before{content:"\b7e6"}.pix-bi-border-right:before{content:"\b7e7"}.pix-bi-border-style:before{content:"\b7e8"}.pix-bi-border-top:before{content:"\b7e9"}.pix-bi-border-width:before{content:"\b7ea"}.pix-bi-bounding-box:before{content:"\b7eb"}.pix-bi-bounding-box-circles:before{content:"\b7ec"}.pix-bi-box:before{content:"\b7ed"}.pix-bi-box-arrow-down:before{content:"\b7ee"}.pix-bi-box-arrow-down-left:before{content:"\b7ef"}.pix-bi-box-arrow-down-right:before{content:"\b7f0"}.pix-bi-box-arrow-in-down:before{content:"\b7f1"}.pix-bi-box-arrow-in-down-left:before{content:"\b7f2"}.pix-bi-box-arrow-in-down-right:before{content:"\b7f3"}.pix-bi-box-arrow-in-left:before{content:"\b7f4"}.pix-bi-box-arrow-in-right:before{content:"\b7f5"}.pix-bi-box-arrow-in-up:before{content:"\b7f6"}.pix-bi-box-arrow-in-up-left:before{content:"\b7f7"}.pix-bi-box-arrow-in-up-right:before{content:"\b7f8"}.pix-bi-box-arrow-left:before{content:"\b7f9"}.pix-bi-box-arrow-right:before{content:"\b7fa"}.pix-bi-box-arrow-up:before{content:"\b7fb"}.pix-bi-box-arrow-up-left:before{content:"\b7fc"}.pix-bi-box-arrow-up-right:before{content:"\b7fd"}.pix-bi-box-fill:before{content:"\b7fe"}.pix-bi-box-seam:before{content:"\b7ff"}.pix-bi-box-seam-fill:before{content:"\b800"}.pix-bi-box2:before{content:"\b801"}.pix-bi-box2-fill:before{content:"\b802"}.pix-bi-box2-heart:before{content:"\b803"}.pix-bi-box2-heart-fill:before{content:"\b804"}.pix-bi-boxes:before{content:"\b805"}.pix-bi-braces:before{content:"\b806"}.pix-bi-braces-asterisk:before{content:"\b807"}.pix-bi-bricks:before{content:"\b808"}.pix-bi-briefcase:before{content:"\b809"}.pix-bi-briefcase-fill:before{content:"\b80a"}.pix-bi-brightness-alt-high:before{content:"\b80b"}.pix-bi-brightness-alt-high-fill:before{content:"\b80c"}.pix-bi-brightness-alt-low:before{content:"\b80d"}.pix-bi-brightness-alt-low-fill:before{content:"\b80e"}.pix-bi-brightness-high:before{content:"\b80f"}.pix-bi-brightness-high-fill:before{content:"\b810"}.pix-bi-brightness-low:before{content:"\b811"}.pix-bi-brightness-low-fill:before{content:"\b812"}.pix-bi-brilliance:before{content:"\b813"}.pix-bi-broadcast:before{content:"\b814"}.pix-bi-broadcast-pin:before{content:"\b815"}.pix-bi-browser-chrome:before{content:"\b816"}.pix-bi-browser-edge:before{content:"\b817"}.pix-bi-browser-firefox:before{content:"\b818"}.pix-bi-browser-safari:before{content:"\b819"}.pix-bi-brush:before{content:"\b81a"}.pix-bi-brush-fill:before{content:"\b81b"}.pix-bi-bucket:before{content:"\b81c"}.pix-bi-bucket-fill:before{content:"\b81d"}.pix-bi-bug:before{content:"\b81e"}.pix-bi-bug-fill:before{content:"\b81f"}.pix-bi-building:before{content:"\b820"}.pix-bi-building-add:before{content:"\b821"}.pix-bi-building-check:before{content:"\b822"}.pix-bi-building-dash:before{content:"\b823"}.pix-bi-building-down:before{content:"\b824"}.pix-bi-building-exclamation:before{content:"\b825"}.pix-bi-building-fill:before{content:"\b826"}.pix-bi-building-fill-add:before{content:"\b827"}.pix-bi-building-fill-check:before{content:"\b828"}.pix-bi-building-fill-dash:before{content:"\b829"}.pix-bi-building-fill-down:before{content:"\b82a"}.pix-bi-building-fill-exclamation:before{content:"\b82b"}.pix-bi-building-fill-gear:before{content:"\b82c"}.pix-bi-building-fill-lock:before{content:"\b82d"}.pix-bi-building-fill-slash:before{content:"\b82e"}.pix-bi-building-fill-up:before{content:"\b82f"}.pix-bi-building-fill-x:before{content:"\b830"}.pix-bi-building-gear:before{content:"\b831"}.pix-bi-building-lock:before{content:"\b832"}.pix-bi-building-slash:before{content:"\b833"}.pix-bi-building-up:before{content:"\b834"}.pix-bi-building-x:before{content:"\b835"}.pix-bi-buildings:before{content:"\b836"}.pix-bi-buildings-fill:before{content:"\b837"}.pix-bi-bullseye:before{content:"\b838"}.pix-bi-bus-front:before{content:"\b839"}.pix-bi-bus-front-fill:before{content:"\b83a"}.pix-bi-c-circle:before{content:"\b83b"}.pix-bi-c-circle-fill:before{content:"\b83c"}.pix-bi-c-square:before{content:"\b83d"}.pix-bi-c-square-fill:before{content:"\b83e"}.pix-bi-cake:before{content:"\b83f"}.pix-bi-cake-fill:before{content:"\b840"}.pix-bi-cake2:before{content:"\b841"}.pix-bi-cake2-fill:before{content:"\b842"}.pix-bi-calculator:before{content:"\b843"}.pix-bi-calculator-fill:before{content:"\b844"}.pix-bi-calendar:before{content:"\b845"}.pix-bi-calendar-check:before{content:"\b846"}.pix-bi-calendar-check-fill:before{content:"\b847"}.pix-bi-calendar-date:before{content:"\b848"}.pix-bi-calendar-date-fill:before{content:"\b849"}.pix-bi-calendar-day:before{content:"\b84a"}.pix-bi-calendar-day-fill:before{content:"\b84b"}.pix-bi-calendar-event:before{content:"\b84c"}.pix-bi-calendar-event-fill:before{content:"\b84d"}.pix-bi-calendar-fill:before{content:"\b84e"}.pix-bi-calendar-heart:before{content:"\b84f"}.pix-bi-calendar-heart-fill:before{content:"\b850"}.pix-bi-calendar-minus:before{content:"\b851"}.pix-bi-calendar-minus-fill:before{content:"\b852"}.pix-bi-calendar-month:before{content:"\b853"}.pix-bi-calendar-month-fill:before{content:"\b854"}.pix-bi-calendar-plus:before{content:"\b855"}.pix-bi-calendar-plus-fill:before{content:"\b856"}.pix-bi-calendar-range:before{content:"\b857"}.pix-bi-calendar-range-fill:before{content:"\b858"}.pix-bi-calendar-week:before{content:"\b859"}.pix-bi-calendar-week-fill:before{content:"\b85a"}.pix-bi-calendar-x:before{content:"\b85b"}.pix-bi-calendar-x-fill:before{content:"\b85c"}.pix-bi-calendar2:before{content:"\b85d"}.pix-bi-calendar2-check:before{content:"\b85e"}.pix-bi-calendar2-check-fill:before{content:"\b85f"}.pix-bi-calendar2-date:before{content:"\b860"}.pix-bi-calendar2-date-fill:before{content:"\b861"}.pix-bi-calendar2-day:before{content:"\b862"}.pix-bi-calendar2-day-fill:before{content:"\b863"}.pix-bi-calendar2-event:before{content:"\b864"}.pix-bi-calendar2-event-fill:before{content:"\b865"}.pix-bi-calendar2-fill:before{content:"\b866"}.pix-bi-calendar2-heart:before{content:"\b867"}.pix-bi-calendar2-heart-fill:before{content:"\b868"}.pix-bi-calendar2-minus:before{content:"\b869"}.pix-bi-calendar2-minus-fill:before{content:"\b86a"}.pix-bi-calendar2-month:before{content:"\b86b"}.pix-bi-calendar2-month-fill:before{content:"\b86c"}.pix-bi-calendar2-plus:before{content:"\b86d"}.pix-bi-calendar2-plus-fill:before{content:"\b86e"}.pix-bi-calendar2-range:before{content:"\b86f"}.pix-bi-calendar2-range-fill:before{content:"\b870"}.pix-bi-calendar2-week:before{content:"\b871"}.pix-bi-calendar2-week-fill:before{content:"\b872"}.pix-bi-calendar2-x:before{content:"\b873"}.pix-bi-calendar2-x-fill:before{content:"\b874"}.pix-bi-calendar3:before{content:"\b875"}.pix-bi-calendar3-event:before{content:"\b876"}.pix-bi-calendar3-event-fill:before{content:"\b877"}.pix-bi-calendar3-fill:before{content:"\b878"}.pix-bi-calendar3-range:before{content:"\b879"}.pix-bi-calendar3-range-fill:before{content:"\b87a"}.pix-bi-calendar3-week:before{content:"\b87b"}.pix-bi-calendar3-week-fill:before{content:"\b87c"}.pix-bi-calendar4:before{content:"\b87d"}.pix-bi-calendar4-event:before{content:"\b87e"}.pix-bi-calendar4-range:before{content:"\b87f"}.pix-bi-calendar4-week:before{content:"\b880"}.pix-bi-camera:before{content:"\b881"}.pix-bi-camera-fill:before{content:"\b882"}.pix-bi-camera-reels:before{content:"\b883"}.pix-bi-camera-reels-fill:before{content:"\b884"}.pix-bi-camera-video:before{content:"\b885"}.pix-bi-camera-video-fill:before{content:"\b886"}.pix-bi-camera-video-off:before{content:"\b887"}.pix-bi-camera-video-off-fill:before{content:"\b888"}.pix-bi-camera2:before{content:"\b889"}.pix-bi-capslock:before{content:"\b88a"}.pix-bi-capslock-fill:before{content:"\b88b"}.pix-bi-capsule:before{content:"\b88c"}.pix-bi-capsule-pill:before{content:"\b88d"}.pix-bi-car-front:before{content:"\b88e"}.pix-bi-car-front-fill:before{content:"\b88f"}.pix-bi-card-checklist:before{content:"\b890"}.pix-bi-card-heading:before{content:"\b891"}.pix-bi-card-image:before{content:"\b892"}.pix-bi-card-list:before{content:"\b893"}.pix-bi-card-text:before{content:"\b894"}.pix-bi-caret-down:before{content:"\b895"}.pix-bi-caret-down-fill:before{content:"\b896"}.pix-bi-caret-down-square:before{content:"\b897"}.pix-bi-caret-down-square-fill:before{content:"\b898"}.pix-bi-caret-left:before{content:"\b899"}.pix-bi-caret-left-fill:before{content:"\b89a"}.pix-bi-caret-left-square:before{content:"\b89b"}.pix-bi-caret-left-square-fill:before{content:"\b89c"}.pix-bi-caret-right:before{content:"\b89d"}.pix-bi-caret-right-fill:before{content:"\b89e"}.pix-bi-caret-right-square:before{content:"\b89f"}.pix-bi-caret-right-square-fill:before{content:"\b8a0"}.pix-bi-caret-up:before{content:"\b8a1"}.pix-bi-caret-up-fill:before{content:"\b8a2"}.pix-bi-caret-up-square:before{content:"\b8a3"}.pix-bi-caret-up-square-fill:before{content:"\b8a4"}.pix-bi-cart:before{content:"\b8a5"}.pix-bi-cart-check:before{content:"\b8a6"}.pix-bi-cart-check-fill:before{content:"\b8a7"}.pix-bi-cart-dash:before{content:"\b8a8"}.pix-bi-cart-dash-fill:before{content:"\b8a9"}.pix-bi-cart-fill:before{content:"\b8aa"}.pix-bi-cart-plus:before{content:"\b8ab"}.pix-bi-cart-plus-fill:before{content:"\b8ac"}.pix-bi-cart-x:before{content:"\b8ad"}.pix-bi-cart-x-fill:before{content:"\b8ae"}.pix-bi-cart2:before{content:"\b8af"}.pix-bi-cart3:before{content:"\b8b0"}.pix-bi-cart4:before{content:"\b8b1"}.pix-bi-cash:before{content:"\b8b2"}.pix-bi-cash-coin:before{content:"\b8b3"}.pix-bi-cash-stack:before{content:"\b8b4"}.pix-bi-cassette:before{content:"\b8b5"}.pix-bi-cassette-fill:before{content:"\b8b6"}.pix-bi-cast:before{content:"\b8b7"}.pix-bi-cc-circle:before{content:"\b8b8"}.pix-bi-cc-circle-fill:before{content:"\b8b9"}.pix-bi-cc-square:before{content:"\b8ba"}.pix-bi-cc-square-fill:before{content:"\b8bb"}.pix-bi-chat:before{content:"\b8bc"}.pix-bi-chat-dots:before{content:"\b8bd"}.pix-bi-chat-dots-fill:before{content:"\b8be"}.pix-bi-chat-fill:before{content:"\b8bf"}.pix-bi-chat-heart:before{content:"\b8c0"}.pix-bi-chat-heart-fill:before{content:"\b8c1"}.pix-bi-chat-left:before{content:"\b8c2"}.pix-bi-chat-left-dots:before{content:"\b8c3"}.pix-bi-chat-left-dots-fill:before{content:"\b8c4"}.pix-bi-chat-left-fill:before{content:"\b8c5"}.pix-bi-chat-left-heart:before{content:"\b8c6"}.pix-bi-chat-left-heart-fill:before{content:"\b8c7"}.pix-bi-chat-left-quote:before{content:"\b8c8"}.pix-bi-chat-left-quote-fill:before{content:"\b8c9"}.pix-bi-chat-left-text:before{content:"\b8ca"}.pix-bi-chat-left-text-fill:before{content:"\b8cb"}.pix-bi-chat-quote:before{content:"\b8cc"}.pix-bi-chat-quote-fill:before{content:"\b8cd"}.pix-bi-chat-right:before{content:"\b8ce"}.pix-bi-chat-right-dots:before{content:"\b8cf"}.pix-bi-chat-right-dots-fill:before{content:"\b8d0"}.pix-bi-chat-right-fill:before{content:"\b8d1"}.pix-bi-chat-right-heart:before{content:"\b8d2"}.pix-bi-chat-right-heart-fill:before{content:"\b8d3"}.pix-bi-chat-right-quote:before{content:"\b8d4"}.pix-bi-chat-right-quote-fill:before{content:"\b8d5"}.pix-bi-chat-right-text:before{content:"\b8d6"}.pix-bi-chat-right-text-fill:before{content:"\b8d7"}.pix-bi-chat-square:before{content:"\b8d8"}.pix-bi-chat-square-dots:before{content:"\b8d9"}.pix-bi-chat-square-dots-fill:before{content:"\b8da"}.pix-bi-chat-square-fill:before{content:"\b8db"}.pix-bi-chat-square-heart:before{content:"\b8dc"}.pix-bi-chat-square-heart-fill:before{content:"\b8dd"}.pix-bi-chat-square-quote:before{content:"\b8de"}.pix-bi-chat-square-quote-fill:before{content:"\b8df"}.pix-bi-chat-square-text:before{content:"\b8e0"}.pix-bi-chat-square-text-fill:before{content:"\b8e1"}.pix-bi-chat-text:before{content:"\b8e2"}.pix-bi-chat-text-fill:before{content:"\b8e3"}.pix-bi-check:before{content:"\b8e4"}.pix-bi-check-all:before{content:"\b8e5"}.pix-bi-check-circle:before{content:"\b8e6"}.pix-bi-check-circle-fill:before{content:"\b8e7"}.pix-bi-check-lg:before{content:"\b8e8"}.pix-bi-check-square:before{content:"\b8e9"}.pix-bi-check-square-fill:before{content:"\b8ea"}.pix-bi-check2:before{content:"\b8eb"}.pix-bi-check2-all:before{content:"\b8ec"}.pix-bi-check2-circle:before{content:"\b8ed"}.pix-bi-check2-square:before{content:"\b8ee"}.pix-bi-chevron-bar-contract:before{content:"\b8ef"}.pix-bi-chevron-bar-down:before{content:"\b8f0"}.pix-bi-chevron-bar-expand:before{content:"\b8f1"}.pix-bi-chevron-bar-left:before{content:"\b8f2"}.pix-bi-chevron-bar-right:before{content:"\b8f3"}.pix-bi-chevron-bar-up:before{content:"\b8f4"}.pix-bi-chevron-compact-down:before{content:"\b8f5"}.pix-bi-chevron-compact-left:before{content:"\b8f6"}.pix-bi-chevron-compact-right:before{content:"\b8f7"}.pix-bi-chevron-compact-up:before{content:"\b8f8"}.pix-bi-chevron-contract:before{content:"\b8f9"}.pix-bi-chevron-double-down:before{content:"\b8fa"}.pix-bi-chevron-double-left:before{content:"\b8fb"}.pix-bi-chevron-double-right:before{content:"\b8fc"}.pix-bi-chevron-double-up:before{content:"\b8fd"}.pix-bi-chevron-down:before{content:"\b8fe"}.pix-bi-chevron-down-small1:before{content:"\b8ff"}.pix-bi-chevron-expand:before{content:"\b900"}.pix-bi-chevron-left:before{content:"\b901"}.pix-bi-chevron-left-small1:before{content:"\b902"}.pix-bi-chevron-right:before{content:"\b903"}.pix-bi-chevron-right-small1:before{content:"\b904"}.pix-bi-chevron-up:before{content:"\b905"}.pix-bi-chevron-up-small:before{content:"\b906"}.pix-bi-circle:before{content:"\b907"}.pix-bi-circle-9-fill:before{content:"\b908"}.pix-bi-circle-fill:before{content:"\b909"}.pix-bi-circle-half:before{content:"\b90a"}.pix-bi-circle-square:before{content:"\b90b"}.pix-bi-circle0:before{content:"\b90c"}.pix-bi-circle0-fill:before{content:"\b90d"}.pix-bi-circle1:before{content:"\b90e"}.pix-bi-circle1-fill:before{content:"\b90f"}.pix-bi-circle2:before{content:"\b910"}.pix-bi-circle2-fill:before{content:"\b911"}.pix-bi-circle3:before{content:"\b912"}.pix-bi-circle3-fill:before{content:"\b913"}.pix-bi-circle4:before{content:"\b914"}.pix-bi-circle4-fill:before{content:"\b915"}.pix-bi-circle5:before{content:"\b916"}.pix-bi-circle5-fill:before{content:"\b917"}.pix-bi-circle6:before{content:"\b918"}.pix-bi-circle6-fill:before{content:"\b919"}.pix-bi-circle7:before{content:"\b91a"}.pix-bi-circle7-fill:before{content:"\b91b"}.pix-bi-circle8:before{content:"\b91c"}.pix-bi-circle8-fill:before{content:"\b91d"}.pix-bi-circle9:before{content:"\b91e"}.pix-bi-clipboard:before{content:"\b91f"}.pix-bi-clipboard-check:before{content:"\b920"}.pix-bi-clipboard-check-fill:before{content:"\b921"}.pix-bi-clipboard-data:before{content:"\b922"}.pix-bi-clipboard-data-fill:before{content:"\b923"}.pix-bi-clipboard-fill:before{content:"\b924"}.pix-bi-clipboard-heart:before{content:"\b925"}.pix-bi-clipboard-heart-fill:before{content:"\b926"}.pix-bi-clipboard-minus:before{content:"\b927"}.pix-bi-clipboard-minus-fill:before{content:"\b928"}.pix-bi-clipboard-plus:before{content:"\b929"}.pix-bi-clipboard-plus-fill:before{content:"\b92a"}.pix-bi-clipboard-pulse:before{content:"\b92b"}.pix-bi-clipboard-x:before{content:"\b92c"}.pix-bi-clipboard-x-fill:before{content:"\b92d"}.pix-bi-clipboard2:before{content:"\b92e"}.pix-bi-clipboard2-check:before{content:"\b92f"}.pix-bi-clipboard2-check-fill:before{content:"\b930"}.pix-bi-clipboard2-data:before{content:"\b931"}.pix-bi-clipboard2-data-fill:before{content:"\b932"}.pix-bi-clipboard2-fill:before{content:"\b933"}.pix-bi-clipboard2-heart:before{content:"\b934"}.pix-bi-clipboard2-heart-fill:before{content:"\b935"}.pix-bi-clipboard2-minus:before{content:"\b936"}.pix-bi-clipboard2-minus-fill:before{content:"\b937"}.pix-bi-clipboard2-plus:before{content:"\b938"}.pix-bi-clipboard2-plus-fill:before{content:"\b939"}.pix-bi-clipboard2-pulse:before{content:"\b93a"}.pix-bi-clipboard2-pulse-fill:before{content:"\b93b"}.pix-bi-clipboard2-x:before{content:"\b93c"}.pix-bi-clipboard2-x-fill:before{content:"\b93d"}.pix-bi-clock:before{content:"\b93e"}.pix-bi-clock-fill:before{content:"\b93f"}.pix-bi-clock-history:before{content:"\b940"}.pix-bi-cloud:before{content:"\b941"}.pix-bi-cloud-arrow-down:before{content:"\b942"}.pix-bi-cloud-arrow-down-fill:before{content:"\b943"}.pix-bi-cloud-arrow-up:before{content:"\b944"}.pix-bi-cloud-arrow-up-fill:before{content:"\b945"}.pix-bi-cloud-check:before{content:"\b946"}.pix-bi-cloud-check-fill:before{content:"\b947"}.pix-bi-cloud-download:before{content:"\b948"}.pix-bi-cloud-download-fill:before{content:"\b949"}.pix-bi-cloud-drizzle:before{content:"\b94a"}.pix-bi-cloud-drizzle-fill:before{content:"\b94b"}.pix-bi-cloud-fill:before{content:"\b94c"}.pix-bi-cloud-fog:before{content:"\b94d"}.pix-bi-cloud-fog-fill:before{content:"\b94e"}.pix-bi-cloud-fog2:before{content:"\b94f"}.pix-bi-cloud-fog2-fill:before{content:"\b950"}.pix-bi-cloud-hail:before{content:"\b951"}.pix-bi-cloud-hail-fill:before{content:"\b952"}.pix-bi-cloud-haze:before{content:"\b953"}.pix-bi-cloud-haze-fill:before{content:"\b954"}.pix-bi-cloud-haze2:before{content:"\b955"}.pix-bi-cloud-haze2-fill:before{content:"\b956"}.pix-bi-cloud-lightning:before{content:"\b957"}.pix-bi-cloud-lightning-fill:before{content:"\b958"}.pix-bi-cloud-lightning-rain:before{content:"\b959"}.pix-bi-cloud-lightning-rain-fill:before{content:"\b95a"}.pix-bi-cloud-minus:before{content:"\b95b"}.pix-bi-cloud-minus-fill:before{content:"\b95c"}.pix-bi-cloud-moon:before{content:"\b95d"}.pix-bi-cloud-moon-fill:before{content:"\b95e"}.pix-bi-cloud-plus:before{content:"\b95f"}.pix-bi-cloud-plus-fill:before{content:"\b960"}.pix-bi-cloud-rain:before{content:"\b961"}.pix-bi-cloud-rain-fill:before{content:"\b962"}.pix-bi-cloud-rain-heavy:before{content:"\b963"}.pix-bi-cloud-rain-heavy-fill:before{content:"\b964"}.pix-bi-cloud-slash:before{content:"\b965"}.pix-bi-cloud-slash-fill:before{content:"\b966"}.pix-bi-cloud-sleet:before{content:"\b967"}.pix-bi-cloud-sleet-fill:before{content:"\b968"}.pix-bi-cloud-snow:before{content:"\b969"}.pix-bi-cloud-snow-fill:before{content:"\b96a"}.pix-bi-cloud-sun:before{content:"\b96b"}.pix-bi-cloud-sun-fill:before{content:"\b96c"}.pix-bi-cloud-upload:before{content:"\b96d"}.pix-bi-cloud-upload-fill:before{content:"\b96e"}.pix-bi-clouds:before{content:"\b96f"}.pix-bi-clouds-fill:before{content:"\b970"}.pix-bi-cloudy:before{content:"\b971"}.pix-bi-cloudy-fill:before{content:"\b972"}.pix-bi-code:before{content:"\b973"}.pix-bi-code-slash:before{content:"\b974"}.pix-bi-code-square:before{content:"\b975"}.pix-bi-coin:before{content:"\b976"}.pix-bi-collection:before{content:"\b977"}.pix-bi-collection-fill:before{content:"\b978"}.pix-bi-collection-play:before{content:"\b979"}.pix-bi-collection-play-fill:before{content:"\b97a"}.pix-bi-columns:before{content:"\b97b"}.pix-bi-columns-gap:before{content:"\b97c"}.pix-bi-command:before{content:"\b97d"}.pix-bi-compass:before{content:"\b97e"}.pix-bi-compass-fill:before{content:"\b97f"}.pix-bi-cone:before{content:"\b980"}.pix-bi-cone-striped:before{content:"\b981"}.pix-bi-controller:before{content:"\b982"}.pix-bi-cookie:before{content:"\b983"}.pix-bi-copy:before{content:"\b984"}.pix-bi-cpu:before{content:"\b985"}.pix-bi-cpu-fill:before{content:"\b986"}.pix-bi-credit-card:before{content:"\b987"}.pix-bi-credit-card-2-back:before{content:"\b988"}.pix-bi-credit-card-2-back-fill:before{content:"\b989"}.pix-bi-credit-card-2-front:before{content:"\b98a"}.pix-bi-credit-card-2-front-fill:before{content:"\b98b"}.pix-bi-credit-card-fill:before{content:"\b98c"}.pix-bi-crop:before{content:"\b98d"}.pix-bi-crosshair:before{content:"\b98e"}.pix-bi-crosshair2:before{content:"\b98f"}.pix-bi-cup:before{content:"\b990"}.pix-bi-cup-fill:before{content:"\b991"}.pix-bi-cup-hot:before{content:"\b992"}.pix-bi-cup-hot-fill:before{content:"\b993"}.pix-bi-cup-straw:before{content:"\b994"}.pix-bi-currency-bitcoin:before{content:"\b995"}.pix-bi-currency-dollar:before{content:"\b996"}.pix-bi-currency-euro:before{content:"\b997"}.pix-bi-currency-exchange:before{content:"\b998"}.pix-bi-currency-pound:before{content:"\b999"}.pix-bi-currency-rupee:before{content:"\b99a"}.pix-bi-currency-yen:before{content:"\b99b"}.pix-bi-cursor:before{content:"\b99c"}.pix-bi-cursor-fill:before{content:"\b99d"}.pix-bi-cursor-text:before{content:"\b99e"}.pix-bi-dash:before{content:"\b99f"}.pix-bi-dash-circle:before{content:"\b9a0"}.pix-bi-dash-circle-dotted:before{content:"\b9a1"}.pix-bi-dash-circle-fill:before{content:"\b9a2"}.pix-bi-dash-lg:before{content:"\b9a3"}.pix-bi-dash-square:before{content:"\b9a4"}.pix-bi-dash-square-dotted:before{content:"\b9a5"}.pix-bi-dash-square-fill:before{content:"\b9a6"}.pix-bi-database:before{content:"\b9a7"}.pix-bi-database-add:before{content:"\b9a8"}.pix-bi-database-check:before{content:"\b9a9"}.pix-bi-database-dash:before{content:"\b9aa"}.pix-bi-database-down:before{content:"\b9ab"}.pix-bi-database-exclamation:before{content:"\b9ac"}.pix-bi-database-fill:before{content:"\b9ad"}.pix-bi-database-fill-add:before{content:"\b9ae"}.pix-bi-database-fill-check:before{content:"\b9af"}.pix-bi-database-fill-dash:before{content:"\b9b0"}.pix-bi-database-fill-down:before{content:"\b9b1"}.pix-bi-database-fill-exclamation:before{content:"\b9b2"}.pix-bi-database-fill-gear:before{content:"\b9b3"}.pix-bi-database-fill-lock:before{content:"\b9b4"}.pix-bi-database-fill-slash:before{content:"\b9b5"}.pix-bi-database-fill-up:before{content:"\b9b6"}.pix-bi-database-fill-x:before{content:"\b9b7"}.pix-bi-database-gear:before{content:"\b9b8"}.pix-bi-database-lock:before{content:"\b9b9"}.pix-bi-database-slash:before{content:"\b9ba"}.pix-bi-database-up:before{content:"\b9bb"}.pix-bi-database-x:before{content:"\b9bc"}.pix-bi-device-hdd:before{content:"\b9bd"}.pix-bi-device-hdd-fill:before{content:"\b9be"}.pix-bi-device-ssd:before{content:"\b9bf"}.pix-bi-device-ssd-fill:before{content:"\b9c0"}.pix-bi-diagram-2:before{content:"\b9c1"}.pix-bi-diagram-2-fill:before{content:"\b9c2"}.pix-bi-diagram-3:before{content:"\b9c3"}.pix-bi-diagram-3-fill:before{content:"\b9c4"}.pix-bi-diamond:before{content:"\b9c5"}.pix-bi-diamond-fill:before{content:"\b9c6"}.pix-bi-diamond-half:before{content:"\b9c7"}.pix-bi-dice-1:before{content:"\b9c8"}.pix-bi-dice-1-fill:before{content:"\b9c9"}.pix-bi-dice-2:before{content:"\b9ca"}.pix-bi-dice-2-fill:before{content:"\b9cb"}.pix-bi-dice-3:before{content:"\b9cc"}.pix-bi-dice-3-fill:before{content:"\b9cd"}.pix-bi-dice-4:before{content:"\b9ce"}.pix-bi-dice-4-fill:before{content:"\b9cf"}.pix-bi-dice-5:before{content:"\b9d0"}.pix-bi-dice-5-fill:before{content:"\b9d1"}.pix-bi-dice-6:before{content:"\b9d2"}.pix-bi-dice-6-fill:before{content:"\b9d3"}.pix-bi-disc:before{content:"\b9d4"}.pix-bi-disc-fill:before{content:"\b9d5"}.pix-bi-discord:before{content:"\b9d6"}.pix-bi-display:before{content:"\b9d7"}.pix-bi-display-fill:before{content:"\b9d8"}.pix-bi-displayport:before{content:"\b9d9"}.pix-bi-displayport-fill:before{content:"\b9da"}.pix-bi-distribute-horizontal:before{content:"\b9db"}.pix-bi-distribute-vertical:before{content:"\b9dc"}.pix-bi-door-closed:before{content:"\b9dd"}.pix-bi-door-closed-fill:before{content:"\b9de"}.pix-bi-door-open:before{content:"\b9df"}.pix-bi-door-open-fill:before{content:"\b9e0"}.pix-bi-dot:before{content:"\b9e1"}.pix-bi-download:before{content:"\b9e2"}.pix-bi-dpad:before{content:"\b9e3"}.pix-bi-dpad-fill:before{content:"\b9e4"}.pix-bi-dribbble:before{content:"\b9e5"}.pix-bi-dropbox:before{content:"\b9e6"}.pix-bi-droplet:before{content:"\b9e7"}.pix-bi-droplet-fill:before{content:"\b9e8"}.pix-bi-droplet-half:before{content:"\b9e9"}.pix-bi-duffle:before{content:"\b9ea"}.pix-bi-duffle-fill:before{content:"\b9eb"}.pix-bi-ear:before{content:"\b9ec"}.pix-bi-ear-fill:before{content:"\b9ed"}.pix-bi-earbuds:before{content:"\b9ee"}.pix-bi-easel:before{content:"\b9ef"}.pix-bi-easel-fill:before{content:"\b9f0"}.pix-bi-easel2:before{content:"\b9f1"}.pix-bi-easel2-fill:before{content:"\b9f2"}.pix-bi-easel3:before{content:"\b9f3"}.pix-bi-easel3-fill:before{content:"\b9f4"}.pix-bi-egg:before{content:"\b9f5"}.pix-bi-egg-fill:before{content:"\b9f6"}.pix-bi-egg-fried:before{content:"\b9f7"}.pix-bi-eject:before{content:"\b9f8"}.pix-bi-eject-fill:before{content:"\b9f9"}.pix-bi-emoji-angry:before{content:"\b9fa"}.pix-bi-emoji-angry-fill:before{content:"\b9fb"}.pix-bi-emoji-astonished:before{content:"\b9fc"}.pix-bi-emoji-astonished-fill:before{content:"\b9fd"}.pix-bi-emoji-dizzy:before{content:"\b9fe"}.pix-bi-emoji-dizzy-fill:before{content:"\b9ff"}.pix-bi-emoji-expressionless:before{content:"\ba00"}.pix-bi-emoji-expressionless-fill:before{content:"\ba01"}.pix-bi-emoji-frown:before{content:"\ba02"}.pix-bi-emoji-frown-fill:before{content:"\ba03"}.pix-bi-emoji-grimace:before{content:"\ba04"}.pix-bi-emoji-grimace-fill:before{content:"\ba05"}.pix-bi-emoji-grin:before{content:"\ba06"}.pix-bi-emoji-grin-fill:before{content:"\ba07"}.pix-bi-emoji-heart-eyes:before{content:"\ba08"}.pix-bi-emoji-heart-eyes-fill:before{content:"\ba09"}.pix-bi-emoji-kiss:before{content:"\ba0a"}.pix-bi-emoji-kiss-fill:before{content:"\ba0b"}.pix-bi-emoji-laughing:before{content:"\ba0c"}.pix-bi-emoji-laughing-fill:before{content:"\ba0d"}.pix-bi-emoji-neutral:before{content:"\ba0e"}.pix-bi-emoji-neutral-fill:before{content:"\ba0f"}.pix-bi-emoji-smile:before{content:"\ba10"}.pix-bi-emoji-smile-fill:before{content:"\ba11"}.pix-bi-emoji-smile-upside-down:before{content:"\ba12"}.pix-bi-emoji-smile-upside-down-fill:before{content:"\ba13"}.pix-bi-emoji-sunglasses:before{content:"\ba14"}.pix-bi-emoji-sunglasses-fill:before{content:"\ba15"}.pix-bi-emoji-surprise:before{content:"\ba16"}.pix-bi-emoji-surprise-fill:before{content:"\ba17"}.pix-bi-emoji-tear:before{content:"\ba18"}.pix-bi-emoji-tear-fill:before{content:"\ba19"}.pix-bi-emoji-wink:before{content:"\ba1a"}.pix-bi-emoji-wink-fill:before{content:"\ba1b"}.pix-bi-envelope:before{content:"\ba1c"}.pix-bi-envelope-arrow-down:before{content:"\ba1d"}.pix-bi-envelope-arrow-down-fill:before{content:"\ba1e"}.pix-bi-envelope-arrow-up:before{content:"\ba1f"}.pix-bi-envelope-arrow-up-fill:before{content:"\ba20"}.pix-bi-envelope-at:before{content:"\ba21"}.pix-bi-envelope-at-fill:before{content:"\ba22"}.pix-bi-envelope-check:before{content:"\ba23"}.pix-bi-envelope-check-fill:before{content:"\ba24"}.pix-bi-envelope-dash:before{content:"\ba25"}.pix-bi-envelope-dash-fill:before{content:"\ba26"}.pix-bi-envelope-exclamation:before{content:"\ba27"}.pix-bi-envelope-exclamation-fill:before{content:"\ba28"}.pix-bi-envelope-fill:before{content:"\ba29"}.pix-bi-envelope-heart:before{content:"\ba2a"}.pix-bi-envelope-heart-fill:before{content:"\ba2b"}.pix-bi-envelope-open:before{content:"\ba2c"}.pix-bi-envelope-open-fill:before{content:"\ba2d"}.pix-bi-envelope-open-heart:before{content:"\ba2e"}.pix-bi-envelope-open-heart-fill:before{content:"\ba2f"}.pix-bi-envelope-paper:before{content:"\ba30"}.pix-bi-envelope-paper-fill:before{content:"\ba31"}.pix-bi-envelope-paper-heart:before{content:"\ba32"}.pix-bi-envelope-paper-heart-fill:before{content:"\ba33"}.pix-bi-envelope-plus:before{content:"\ba34"}.pix-bi-envelope-plus-fill:before{content:"\ba35"}.pix-bi-envelope-slash:before{content:"\ba36"}.pix-bi-envelope-slash-fill:before{content:"\ba37"}.pix-bi-envelope-x:before{content:"\ba38"}.pix-bi-envelope-x-fill:before{content:"\ba39"}.pix-bi-eraser:before{content:"\ba3a"}.pix-bi-eraser-fill:before{content:"\ba3b"}.pix-bi-escape:before{content:"\ba3c"}.pix-bi-ethernet:before{content:"\ba3d"}.pix-bi-ev-front:before{content:"\ba3e"}.pix-bi-ev-front-fill:before{content:"\ba3f"}.pix-bi-ev-station:before{content:"\ba40"}.pix-bi-ev-station-fill:before{content:"\ba41"}.pix-bi-exclamation:before{content:"\ba42"}.pix-bi-exclamation-circle:before{content:"\ba43"}.pix-bi-exclamation-circle-fill:before{content:"\ba44"}.pix-bi-exclamation-diamond:before{content:"\ba45"}.pix-bi-exclamation-diamond-fill:before{content:"\ba46"}.pix-bi-exclamation-lg:before{content:"\ba47"}.pix-bi-exclamation-octagon:before{content:"\ba48"}.pix-bi-exclamation-octagon-fill:before{content:"\ba49"}.pix-bi-exclamation-square:before{content:"\ba4a"}.pix-bi-exclamation-square-fill:before{content:"\ba4b"}.pix-bi-exclamation-triangle:before{content:"\ba4c"}.pix-bi-exclamation-triangle-fill:before{content:"\ba4d"}.pix-bi-exclude:before{content:"\ba4e"}.pix-bi-explicit:before{content:"\ba4f"}.pix-bi-explicit-fill:before{content:"\ba50"}.pix-bi-exposure:before{content:"\ba51"}.pix-bi-eye:before{content:"\ba52"}.pix-bi-eye-fill:before{content:"\ba53"}.pix-bi-eye-slash:before{content:"\ba54"}.pix-bi-eye-slash-fill:before{content:"\ba55"}.pix-bi-eyedropper:before{content:"\ba56"}.pix-bi-eyeglasses:before{content:"\ba57"}.pix-bi-facebook:before{content:"\ba58"}.pix-bi-fan:before{content:"\ba59"}.pix-bi-fast-forward:before{content:"\ba5a"}.pix-bi-fast-forward-btn:before{content:"\ba5b"}.pix-bi-fast-forward-btn-fill:before{content:"\ba5c"}.pix-bi-fast-forward-circle:before{content:"\ba5d"}.pix-bi-fast-forward-circle-fill:before{content:"\ba5e"}.pix-bi-fast-forward-fill:before{content:"\ba5f"}.pix-bi-feather:before{content:"\ba60"}.pix-bi-feather2:before{content:"\ba61"}.pix-bi-file:before{content:"\ba62"}.pix-bi-file-arrow-down:before{content:"\ba63"}.pix-bi-file-arrow-down-fill:before{content:"\ba64"}.pix-bi-file-arrow-up:before{content:"\ba65"}.pix-bi-file-arrow-up-fill:before{content:"\ba66"}.pix-bi-file-bar-graph:before{content:"\ba67"}.pix-bi-file-bar-graph-fill:before{content:"\ba68"}.pix-bi-file-binary:before{content:"\ba69"}.pix-bi-file-binary-fill:before{content:"\ba6a"}.pix-bi-file-break:before{content:"\ba6b"}.pix-bi-file-break-fill:before{content:"\ba6c"}.pix-bi-file-check:before{content:"\ba6d"}.pix-bi-file-check-fill:before{content:"\ba6e"}.pix-bi-file-code:before{content:"\ba6f"}.pix-bi-file-code-fill:before{content:"\ba70"}.pix-bi-file-diff:before{content:"\ba71"}.pix-bi-file-diff-fill:before{content:"\ba72"}.pix-bi-file-earmark:before{content:"\ba73"}.pix-bi-file-earmark-arrow-down:before{content:"\ba74"}.pix-bi-file-earmark-arrow-down-fill:before{content:"\ba75"}.pix-bi-file-earmark-arrow-up:before{content:"\ba76"}.pix-bi-file-earmark-arrow-up-fill:before{content:"\ba77"}.pix-bi-file-earmark-bar-graph:before{content:"\ba78"}.pix-bi-file-earmark-bar-graph-fill:before{content:"\ba79"}.pix-bi-file-earmark-binary:before{content:"\ba7a"}.pix-bi-file-earmark-binary-fill:before{content:"\ba7b"}.pix-bi-file-earmark-break:before{content:"\ba7c"}.pix-bi-file-earmark-break-fill:before{content:"\ba7d"}.pix-bi-file-earmark-check:before{content:"\ba7e"}.pix-bi-file-earmark-check-fill:before{content:"\ba7f"}.pix-bi-file-earmark-code:before{content:"\ba80"}.pix-bi-file-earmark-code-fill:before{content:"\ba81"}.pix-bi-file-earmark-diff:before{content:"\ba82"}.pix-bi-file-earmark-diff-fill:before{content:"\ba83"}.pix-bi-file-earmark-easel:before{content:"\ba84"}.pix-bi-file-earmark-easel-fill:before{content:"\ba85"}.pix-bi-file-earmark-excel:before{content:"\ba86"}.pix-bi-file-earmark-excel-fill:before{content:"\ba87"}.pix-bi-file-earmark-fill:before{content:"\ba88"}.pix-bi-file-earmark-font:before{content:"\ba89"}.pix-bi-file-earmark-font-fill:before{content:"\ba8a"}.pix-bi-file-earmark-image:before{content:"\ba8b"}.pix-bi-file-earmark-image-fill:before{content:"\ba8c"}.pix-bi-file-earmark-lock:before{content:"\ba8d"}.pix-bi-file-earmark-lock-fill:before{content:"\ba8e"}.pix-bi-file-earmark-lock2:before{content:"\ba8f"}.pix-bi-file-earmark-lock2-fill:before{content:"\ba90"}.pix-bi-file-earmark-medical:before{content:"\ba91"}.pix-bi-file-earmark-medical-fill:before{content:"\ba92"}.pix-bi-file-earmark-minus:before{content:"\ba93"}.pix-bi-file-earmark-minus-fill:before{content:"\ba94"}.pix-bi-file-earmark-music:before{content:"\ba95"}.pix-bi-file-earmark-music-fill:before{content:"\ba96"}.pix-bi-file-earmark-pdf:before{content:"\ba97"}.pix-bi-file-earmark-pdf-fill:before{content:"\ba98"}.pix-bi-file-earmark-person:before{content:"\ba99"}.pix-bi-file-earmark-person-fill:before{content:"\ba9a"}.pix-bi-file-earmark-play:before{content:"\ba9b"}.pix-bi-file-earmark-play-fill:before{content:"\ba9c"}.pix-bi-file-earmark-plus:before{content:"\ba9d"}.pix-bi-file-earmark-plus-fill:before{content:"\ba9e"}.pix-bi-file-earmark-post:before{content:"\ba9f"}.pix-bi-file-earmark-post-fill:before{content:"\baa0"}.pix-bi-file-earmark-ppt:before{content:"\baa1"}.pix-bi-file-earmark-ppt-fill:before{content:"\baa2"}.pix-bi-file-earmark-richtext:before{content:"\baa3"}.pix-bi-file-earmark-richtext-fill:before{content:"\baa4"}.pix-bi-file-earmark-ruled:before{content:"\baa5"}.pix-bi-file-earmark-ruled-fill:before{content:"\baa6"}.pix-bi-file-earmark-slides:before{content:"\baa7"}.pix-bi-file-earmark-slides-fill:before{content:"\baa8"}.pix-bi-file-earmark-spreadsheet:before{content:"\baa9"}.pix-bi-file-earmark-spreadsheet-fill:before{content:"\baaa"}.pix-bi-file-earmark-text:before{content:"\baab"}.pix-bi-file-earmark-text-fill:before{content:"\baac"}.pix-bi-file-earmark-word:before{content:"\baad"}.pix-bi-file-earmark-word-fill:before{content:"\baae"}.pix-bi-file-earmark-x:before{content:"\baaf"}.pix-bi-file-earmark-x-fill:before{content:"\bab0"}.pix-bi-file-earmark-zip:before{content:"\bab1"}.pix-bi-file-earmark-zip-fill:before{content:"\bab2"}.pix-bi-file-easel:before{content:"\bab3"}.pix-bi-file-easel-fill:before{content:"\bab4"}.pix-bi-file-excel:before{content:"\bab5"}.pix-bi-file-excel-fill:before{content:"\bab6"}.pix-bi-file-fill:before{content:"\bab7"}.pix-bi-file-font:before{content:"\bab8"}.pix-bi-file-font-fill:before{content:"\bab9"}.pix-bi-file-image:before{content:"\baba"}.pix-bi-file-image-fill:before{content:"\babb"}.pix-bi-file-lock:before{content:"\babc"}.pix-bi-file-lock-fill:before{content:"\babd"}.pix-bi-file-lock2:before{content:"\babe"}.pix-bi-file-lock2-fill:before{content:"\babf"}.pix-bi-file-medical:before{content:"\bac0"}.pix-bi-file-medical-fill:before{content:"\bac1"}.pix-bi-file-minus:before{content:"\bac2"}.pix-bi-file-minus-fill:before{content:"\bac3"}.pix-bi-file-music:before{content:"\bac4"}.pix-bi-file-music-fill:before{content:"\bac5"}.pix-bi-file-pdf:before{content:"\bac6"}.pix-bi-file-pdf-fill:before{content:"\bac7"}.pix-bi-file-person:before{content:"\bac8"}.pix-bi-file-person-fill:before{content:"\bac9"}.pix-bi-file-play:before{content:"\baca"}.pix-bi-file-play-fill:before{content:"\bacb"}.pix-bi-file-plus:before{content:"\bacc"}.pix-bi-file-plus-fill:before{content:"\bacd"}.pix-bi-file-post:before{content:"\bace"}.pix-bi-file-post-fill:before{content:"\bacf"}.pix-bi-file-ppt:before{content:"\bad0"}.pix-bi-file-ppt-fill:before{content:"\bad1"}.pix-bi-file-richtext:before{content:"\bad2"}.pix-bi-file-richtext-fill:before{content:"\bad3"}.pix-bi-file-ruled:before{content:"\bad4"}.pix-bi-file-ruled-fill:before{content:"\bad5"}.pix-bi-file-slides:before{content:"\bad6"}.pix-bi-file-slides-fill:before{content:"\bad7"}.pix-bi-file-spreadsheet:before{content:"\bad8"}.pix-bi-file-spreadsheet-fill:before{content:"\bad9"}.pix-bi-file-text:before{content:"\bada"}.pix-bi-file-text-fill:before{content:"\badb"}.pix-bi-file-word:before{content:"\badc"}.pix-bi-file-word-fill:before{content:"\badd"}.pix-bi-file-x:before{content:"\bade"}.pix-bi-file-x-fill:before{content:"\badf"}.pix-bi-file-zip:before{content:"\bae0"}.pix-bi-file-zip-fill:before{content:"\bae1"}.pix-bi-files:before{content:"\bae2"}.pix-bi-files-alt:before{content:"\bae3"}.pix-bi-filetype-aac:before{content:"\bae4"}.pix-bi-filetype-ai:before{content:"\bae5"}.pix-bi-filetype-bmp:before{content:"\bae6"}.pix-bi-filetype-cs:before{content:"\bae7"}.pix-bi-filetype-css:before{content:"\bae8"}.pix-bi-filetype-csv:before{content:"\bae9"}.pix-bi-filetype-doc:before{content:"\baea"}.pix-bi-filetype-docx:before{content:"\baeb"}.pix-bi-filetype-exe:before{content:"\baec"}.pix-bi-filetype-gif:before{content:"\baed"}.pix-bi-filetype-heic:before{content:"\baee"}.pix-bi-filetype-html:before{content:"\baef"}.pix-bi-filetype-java:before{content:"\baf0"}.pix-bi-filetype-jpg:before{content:"\baf1"}.pix-bi-filetype-js:before{content:"\baf2"}.pix-bi-filetype-json:before{content:"\baf3"}.pix-bi-filetype-jsx:before{content:"\baf4"}.pix-bi-filetype-key:before{content:"\baf5"}.pix-bi-filetype-m4p:before{content:"\baf6"}.pix-bi-filetype-md:before{content:"\baf7"}.pix-bi-filetype-mdx:before{content:"\baf8"}.pix-bi-filetype-mov:before{content:"\baf9"}.pix-bi-filetype-mp3:before{content:"\bafa"}.pix-bi-filetype-mp4:before{content:"\bafb"}.pix-bi-filetype-otf:before{content:"\bafc"}.pix-bi-filetype-pdf:before{content:"\bafd"}.pix-bi-filetype-php:before{content:"\bafe"}.pix-bi-filetype-png:before{content:"\baff"}.pix-bi-filetype-ppt:before{content:"\bb00"}.pix-bi-filetype-pptx:before{content:"\bb01"}.pix-bi-filetype-psd:before{content:"\bb02"}.pix-bi-filetype-py:before{content:"\bb03"}.pix-bi-filetype-raw:before{content:"\bb04"}.pix-bi-filetype-rb:before{content:"\bb05"}.pix-bi-filetype-sass:before{content:"\bb06"}.pix-bi-filetype-scss:before{content:"\bb07"}.pix-bi-filetype-sh:before{content:"\bb08"}.pix-bi-filetype-sql:before{content:"\bb09"}.pix-bi-filetype-svg:before{content:"\bb0a"}.pix-bi-filetype-tiff:before{content:"\bb0b"}.pix-bi-filetype-tsx:before{content:"\bb0c"}.pix-bi-filetype-ttf:before{content:"\bb0d"}.pix-bi-filetype-txt:before{content:"\bb0e"}.pix-bi-filetype-wav:before{content:"\bb0f"}.pix-bi-filetype-woff:before{content:"\bb10"}.pix-bi-filetype-xls:before{content:"\bb11"}.pix-bi-filetype-xlsx:before{content:"\bb12"}.pix-bi-filetype-xml:before{content:"\bb13"}.pix-bi-filetype-yml:before{content:"\bb14"}.pix-bi-film:before{content:"\bb15"}.pix-bi-filter:before{content:"\bb16"}.pix-bi-filter-circle:before{content:"\bb17"}.pix-bi-filter-circle-fill:before{content:"\bb18"}.pix-bi-filter-left:before{content:"\bb19"}.pix-bi-filter-right:before{content:"\bb1a"}.pix-bi-filter-square:before{content:"\bb1b"}.pix-bi-filter-square-fill:before{content:"\bb1c"}.pix-bi-fingerprint:before{content:"\bb1d"}.pix-bi-fire:before{content:"\bb1e"}.pix-bi-flag:before{content:"\bb1f"}.pix-bi-flag-fill:before{content:"\bb20"}.pix-bi-floppy:before{content:"\bb21"}.pix-bi-floppy-fill:before{content:"\bb22"}.pix-bi-floppy2:before{content:"\bb23"}.pix-bi-floppy2-fill:before{content:"\bb24"}.pix-bi-flower1:before{content:"\bb25"}.pix-bi-flower2:before{content:"\bb26"}.pix-bi-flower3:before{content:"\bb27"}.pix-bi-folder:before{content:"\bb28"}.pix-bi-folder-check:before{content:"\bb29"}.pix-bi-folder-fill:before{content:"\bb2a"}.pix-bi-folder-minus:before{content:"\bb2b"}.pix-bi-folder-plus:before{content:"\bb2c"}.pix-bi-folder-symlink:before{content:"\bb2d"}.pix-bi-folder-symlink-fill:before{content:"\bb2e"}.pix-bi-folder-x:before{content:"\bb2f"}.pix-bi-folder2:before{content:"\bb30"}.pix-bi-folder2-open:before{content:"\bb31"}.pix-bi-fonts:before{content:"\bb32"}.pix-bi-forward:before{content:"\bb33"}.pix-bi-forward-fill:before{content:"\bb34"}.pix-bi-front:before{content:"\bb35"}.pix-bi-fuel-pump:before{content:"\bb36"}.pix-bi-fuel-pump-diesel:before{content:"\bb37"}.pix-bi-fuel-pump-diesel-fill:before{content:"\bb38"}.pix-bi-fuel-pump-fill:before{content:"\bb39"}.pix-bi-fullscreen:before{content:"\bb3a"}.pix-bi-fullscreen-exit:before{content:"\bb3b"}.pix-bi-funnel:before{content:"\bb3c"}.pix-bi-funnel-fill:before{content:"\bb3d"}.pix-bi-gear:before{content:"\bb3e"}.pix-bi-gear-fill:before{content:"\bb3f"}.pix-bi-gear-wide:before{content:"\bb40"}.pix-bi-gear-wide-connected:before{content:"\bb41"}.pix-bi-gem:before{content:"\bb42"}.pix-bi-gender-ambiguous:before{content:"\bb43"}.pix-bi-gender-female:before{content:"\bb44"}.pix-bi-gender-male:before{content:"\bb45"}.pix-bi-gender-neuter:before{content:"\bb46"}.pix-bi-gender-trans:before{content:"\bb47"}.pix-bi-geo:before{content:"\bb48"}.pix-bi-geo-alt:before{content:"\bb49"}.pix-bi-geo-alt-fill:before{content:"\bb4a"}.pix-bi-geo-fill:before{content:"\bb4b"}.pix-bi-gift:before{content:"\bb4c"}.pix-bi-gift-fill:before{content:"\bb4d"}.pix-bi-git:before{content:"\bb4e"}.pix-bi-github:before{content:"\bb4f"}.pix-bi-gitlab:before{content:"\bb50"}.pix-bi-globe:before{content:"\bb51"}.pix-bi-globe-americas:before{content:"\bb52"}.pix-bi-globe-asia-australia:before{content:"\bb53"}.pix-bi-globe-central-south-asia:before{content:"\bb54"}.pix-bi-globe-europe-africa:before{content:"\bb55"}.pix-bi-globe2:before{content:"\bb56"}.pix-bi-google:before{content:"\bb57"}.pix-bi-google-play:before{content:"\bb58"}.pix-bi-gpu-card:before{content:"\bb59"}.pix-bi-graph-down:before{content:"\bb5a"}.pix-bi-graph-down-arrow:before{content:"\bb5b"}.pix-bi-graph-up:before{content:"\bb5c"}.pix-bi-graph-up-arrow:before{content:"\bb5d"}.pix-bi-grid:before{content:"\bb5e"}.pix-bi-grid-1x2:before{content:"\bb5f"}.pix-bi-grid-1x2-fill:before{content:"\bb60"}.pix-bi-grid-3x2:before{content:"\bb61"}.pix-bi-grid-3x2-gap:before{content:"\bb62"}.pix-bi-grid-3x2-gap-fill:before{content:"\bb63"}.pix-bi-grid-3x3:before{content:"\bb64"}.pix-bi-grid-3x3-gap:before{content:"\bb65"}.pix-bi-grid-3x3-gap-fill:before{content:"\bb66"}.pix-bi-grid-fill:before{content:"\bb67"}.pix-bi-grip-horizontal:before{content:"\bb68"}.pix-bi-grip-vertical:before{content:"\bb69"}.pix-bi-h-circle:before{content:"\bb6a"}.pix-bi-h-circle-fill:before{content:"\bb6b"}.pix-bi-h-square:before{content:"\bb6c"}.pix-bi-h-square-fill:before{content:"\bb6d"}.pix-bi-hammer:before{content:"\bb6e"}.pix-bi-hand-index:before{content:"\bb6f"}.pix-bi-hand-index-fill:before{content:"\bb70"}.pix-bi-hand-index-thumb:before{content:"\bb71"}.pix-bi-hand-index-thumb-fill:before{content:"\bb72"}.pix-bi-hand-thumbs-down:before{content:"\bb73"}.pix-bi-hand-thumbs-down-fill:before{content:"\bb74"}.pix-bi-hand-thumbs-up:before{content:"\bb75"}.pix-bi-hand-thumbs-up-fill:before{content:"\bb76"}.pix-bi-handbag:before{content:"\bb77"}.pix-bi-handbag-fill:before{content:"\bb78"}.pix-bi-hash:before{content:"\bb79"}.pix-bi-hdd:before{content:"\bb7a"}.pix-bi-hdd-fill:before{content:"\bb7b"}.pix-bi-hdd-network:before{content:"\bb7c"}.pix-bi-hdd-network-fill:before{content:"\bb7d"}.pix-bi-hdd-rack:before{content:"\bb7e"}.pix-bi-hdd-rack-fill:before{content:"\bb7f"}.pix-bi-hdd-stack:before{content:"\bb80"}.pix-bi-hdd-stack-fill:before{content:"\bb81"}.pix-bi-hdmi:before{content:"\bb82"}.pix-bi-hdmi-fill:before{content:"\bb83"}.pix-bi-headphones:before{content:"\bb84"}.pix-bi-headset:before{content:"\bb85"}.pix-bi-headset-vr:before{content:"\bb86"}.pix-bi-heart:before{content:"\bb87"}.pix-bi-heart-arrow:before{content:"\bb88"}.pix-bi-heart-fill:before{content:"\bb89"}.pix-bi-heart-half:before{content:"\bb8a"}.pix-bi-heart-pulse:before{content:"\bb8b"}.pix-bi-heart-pulse-fill:before{content:"\bb8c"}.pix-bi-heartbreak:before{content:"\bb8d"}.pix-bi-heartbreak-fill:before{content:"\bb8e"}.pix-bi-hearts:before{content:"\bb8f"}.pix-bi-heptagon:before{content:"\bb90"}.pix-bi-heptagon-fill:before{content:"\bb91"}.pix-bi-heptagon-half:before{content:"\bb92"}.pix-bi-hexagon:before{content:"\bb93"}.pix-bi-hexagon-fill:before{content:"\bb94"}.pix-bi-hexagon-half:before{content:"\bb95"}.pix-bi-highlighter:before{content:"\bb96"}.pix-bi-highlights:before{content:"\bb97"}.pix-bi-hospital:before{content:"\bb98"}.pix-bi-hospital-fill:before{content:"\bb99"}.pix-bi-hourglass:before{content:"\bb9a"}.pix-bi-hourglass-bottom:before{content:"\bb9b"}.pix-bi-hourglass-split:before{content:"\bb9c"}.pix-bi-hourglass-top:before{content:"\bb9d"}.pix-bi-house:before{content:"\bb9e"}.pix-bi-house-add:before{content:"\bb9f"}.pix-bi-house-add-fill:before{content:"\bba0"}.pix-bi-house-check:before{content:"\bba1"}.pix-bi-house-check-fill:before{content:"\bba2"}.pix-bi-house-dash:before{content:"\bba3"}.pix-bi-house-dash-fill:before{content:"\bba4"}.pix-bi-house-door:before{content:"\bba5"}.pix-bi-house-door-fill:before{content:"\bba6"}.pix-bi-house-down:before{content:"\bba7"}.pix-bi-house-down-fill:before{content:"\bba8"}.pix-bi-house-exclamation:before{content:"\bba9"}.pix-bi-house-exclamation-fill:before{content:"\bbaa"}.pix-bi-house-fill:before{content:"\bbab"}.pix-bi-house-gear:before{content:"\bbac"}.pix-bi-house-gear-fill:before{content:"\bbad"}.pix-bi-house-heart:before{content:"\bbae"}.pix-bi-house-heart-fill:before{content:"\bbaf"}.pix-bi-house-lock:before{content:"\bbb0"}.pix-bi-house-lock-fill:before{content:"\bbb1"}.pix-bi-house-slash:before{content:"\bbb2"}.pix-bi-house-slash-fill:before{content:"\bbb3"}.pix-bi-house-up:before{content:"\bbb4"}.pix-bi-house-up-fill:before{content:"\bbb5"}.pix-bi-house-x:before{content:"\bbb6"}.pix-bi-house-x-fill:before{content:"\bbb7"}.pix-bi-houses:before{content:"\bbb8"}.pix-bi-houses-fill:before{content:"\bbb9"}.pix-bi-hr:before{content:"\bbba"}.pix-bi-hurricane:before{content:"\bbbb"}.pix-bi-hypnotize:before{content:"\bbbc"}.pix-bi-image:before{content:"\bbbd"}.pix-bi-image-alt:before{content:"\bbbe"}.pix-bi-image-fill:before{content:"\bbbf"}.pix-bi-images:before{content:"\bbc0"}.pix-bi-inbox:before{content:"\bbc1"}.pix-bi-inbox-fill:before{content:"\bbc2"}.pix-bi-inboxes:before{content:"\bbc3"}.pix-bi-inboxes-fill:before{content:"\bbc4"}.pix-bi-incognito:before{content:"\bbc5"}.pix-bi-indent:before{content:"\bbc6"}.pix-bi-infinity:before{content:"\bbc7"}.pix-bi-info:before{content:"\bbc8"}.pix-bi-info-circle:before{content:"\bbc9"}.pix-bi-info-circle-fill:before{content:"\bbca"}.pix-bi-info-lg:before{content:"\bbcb"}.pix-bi-info-square:before{content:"\bbcc"}.pix-bi-info-square-fill:before{content:"\bbcd"}.pix-bi-input-cursor:before{content:"\bbce"}.pix-bi-input-cursor-text:before{content:"\bbcf"}.pix-bi-instagram:before{content:"\bbd0"}.pix-bi-intersect:before{content:"\bbd1"}.pix-bi-journal:before{content:"\bbd2"}.pix-bi-journal-album:before{content:"\bbd3"}.pix-bi-journal-arrow-down:before{content:"\bbd4"}.pix-bi-journal-arrow-up:before{content:"\bbd5"}.pix-bi-journal-bookmark:before{content:"\bbd6"}.pix-bi-journal-bookmark-fill:before{content:"\bbd7"}.pix-bi-journal-check:before{content:"\bbd8"}.pix-bi-journal-code:before{content:"\bbd9"}.pix-bi-journal-medical:before{content:"\bbda"}.pix-bi-journal-minus:before{content:"\bbdb"}.pix-bi-journal-plus:before{content:"\bbdc"}.pix-bi-journal-richtext:before{content:"\bbdd"}.pix-bi-journal-text:before{content:"\bbde"}.pix-bi-journal-x:before{content:"\bbdf"}.pix-bi-journals:before{content:"\bbe0"}.pix-bi-joystick:before{content:"\bbe1"}.pix-bi-justify:before{content:"\bbe2"}.pix-bi-justify-left:before{content:"\bbe3"}.pix-bi-justify-right:before{content:"\bbe4"}.pix-bi-kanban:before{content:"\bbe5"}.pix-bi-kanban-fill:before{content:"\bbe6"}.pix-bi-key:before{content:"\bbe7"}.pix-bi-key-fill:before{content:"\bbe8"}.pix-bi-keyboard:before{content:"\bbe9"}.pix-bi-keyboard-fill:before{content:"\bbea"}.pix-bi-ladder:before{content:"\bbeb"}.pix-bi-lamp:before{content:"\bbec"}.pix-bi-lamp-fill:before{content:"\bbed"}.pix-bi-laptop:before{content:"\bbee"}.pix-bi-laptop-fill:before{content:"\bbef"}.pix-bi-layer-backward:before{content:"\bbf0"}.pix-bi-layer-forward:before{content:"\bbf1"}.pix-bi-layers:before{content:"\bbf2"}.pix-bi-layers-fill:before{content:"\bbf3"}.pix-bi-layers-half:before{content:"\bbf4"}.pix-bi-layout-sidebar:before{content:"\bbf5"}.pix-bi-layout-sidebar-inset:before{content:"\bbf6"}.pix-bi-layout-sidebar-inset-reverse:before{content:"\bbf7"}.pix-bi-layout-sidebar-reverse:before{content:"\bbf8"}.pix-bi-layout-split:before{content:"\bbf9"}.pix-bi-layout-text-sidebar:before{content:"\bbfa"}.pix-bi-layout-text-sidebar-reverse:before{content:"\bbfb"}.pix-bi-layout-text-window:before{content:"\bbfc"}.pix-bi-layout-text-window-reverse:before{content:"\bbfd"}.pix-bi-layout-three-columns:before{content:"\bbfe"}.pix-bi-layout-wtf:before{content:"\bbff"}.pix-bi-life-preserver:before{content:"\bc00"}.pix-bi-lightbulb:before{content:"\bc01"}.pix-bi-lightbulb-fill:before{content:"\bc02"}.pix-bi-lightbulb-off:before{content:"\bc03"}.pix-bi-lightbulb-off-fill:before{content:"\bc04"}.pix-bi-lightning:before{content:"\bc05"}.pix-bi-lightning-charge:before{content:"\bc06"}.pix-bi-lightning-charge-fill:before{content:"\bc07"}.pix-bi-lightning-fill:before{content:"\bc08"}.pix-bi-line:before{content:"\bc09"}.pix-bi-link:before{content:"\bc0a"}.pix-bi-link-45deg:before{content:"\bc0b"}.pix-bi-link-slash-45deg:before{content:"\bc0c"}.pix-bi-linkedin:before{content:"\bc0d"}.pix-bi-list:before{content:"\bc0e"}.pix-bi-list-check:before{content:"\bc0f"}.pix-bi-list-columns:before{content:"\bc10"}.pix-bi-list-columns-reverse:before{content:"\bc11"}.pix-bi-list-nested:before{content:"\bc12"}.pix-bi-list-ol:before{content:"\bc13"}.pix-bi-list-stars:before{content:"\bc14"}.pix-bi-list-task:before{content:"\bc15"}.pix-bi-list-ul:before{content:"\bc16"}.pix-bi-lock:before{content:"\bc17"}.pix-bi-lock-fill:before{content:"\bc18"}.pix-bi-luggage:before{content:"\bc19"}.pix-bi-luggage-fill:before{content:"\bc1a"}.pix-bi-lungs:before{content:"\bc1b"}.pix-bi-lungs-fill:before{content:"\bc1c"}.pix-bi-magic:before{content:"\bc1d"}.pix-bi-magnet:before{content:"\bc1e"}.pix-bi-magnet-fill:before{content:"\bc1f"}.pix-bi-mailbox:before{content:"\bc20"}.pix-bi-mailbox-flag:before{content:"\bc21"}.pix-bi-mailbox2:before{content:"\bc22"}.pix-bi-mailbox2-flag:before{content:"\bc23"}.pix-bi-map:before{content:"\bc24"}.pix-bi-map-fill:before{content:"\bc25"}.pix-bi-markdown:before{content:"\bc26"}.pix-bi-markdown-fill:before{content:"\bc27"}.pix-bi-marker-tip:before{content:"\bc28"}.pix-bi-mask:before{content:"\bc29"}.pix-bi-mastodon:before{content:"\bc2a"}.pix-bi-medium:before{content:"\bc2b"}.pix-bi-megaphone:before{content:"\bc2c"}.pix-bi-megaphone-fill:before{content:"\bc2d"}.pix-bi-memory:before{content:"\bc2e"}.pix-bi-menu-app:before{content:"\bc2f"}.pix-bi-menu-app-fill:before{content:"\bc30"}.pix-bi-menu-button:before{content:"\bc31"}.pix-bi-menu-button-fill:before{content:"\bc32"}.pix-bi-menu-button-wide:before{content:"\bc33"}.pix-bi-menu-button-wide-fill:before{content:"\bc34"}.pix-bi-menu-down:before{content:"\bc35"}.pix-bi-menu-up:before{content:"\bc36"}.pix-bi-messenger:before{content:"\bc37"}.pix-bi-meta:before{content:"\bc38"}.pix-bi-mic:before{content:"\bc39"}.pix-bi-mic-fill:before{content:"\bc3a"}.pix-bi-mic-mute:before{content:"\bc3b"}.pix-bi-mic-mute-fill:before{content:"\bc3c"}.pix-bi-microsoft:before{content:"\bc3d"}.pix-bi-microsoft-teams:before{content:"\bc3e"}.pix-bi-minecart:before{content:"\bc3f"}.pix-bi-minecart-loaded:before{content:"\bc40"}.pix-bi-modem:before{content:"\bc41"}.pix-bi-modem-fill:before{content:"\bc42"}.pix-bi-moisture:before{content:"\bc43"}.pix-bi-moon:before{content:"\bc44"}.pix-bi-moon-fill:before{content:"\bc45"}.pix-bi-moon-stars:before{content:"\bc46"}.pix-bi-moon-stars-fill:before{content:"\bc47"}.pix-bi-mortarboard:before{content:"\bc48"}.pix-bi-mortarboard-fill:before{content:"\bc49"}.pix-bi-motherboard:before{content:"\bc4a"}.pix-bi-motherboard-fill:before{content:"\bc4b"}.pix-bi-mouse:before{content:"\bc4c"}.pix-bi-mouse-fill:before{content:"\bc4d"}.pix-bi-mouse2:before{content:"\bc4e"}.pix-bi-mouse2-fill:before{content:"\bc4f"}.pix-bi-mouse3:before{content:"\bc50"}.pix-bi-mouse3-fill:before{content:"\bc51"}.pix-bi-music-note:before{content:"\bc52"}.pix-bi-music-note-beamed:before{content:"\bc53"}.pix-bi-music-note-list:before{content:"\bc54"}.pix-bi-music-player:before{content:"\bc55"}.pix-bi-music-player-fill:before{content:"\bc56"}.pix-bi-newspaper:before{content:"\bc57"}.pix-bi-nintendo-switch:before{content:"\bc58"}.pix-bi-node-minus:before{content:"\bc59"}.pix-bi-node-minus-fill:before{content:"\bc5a"}.pix-bi-node-plus:before{content:"\bc5b"}.pix-bi-node-plus-fill:before{content:"\bc5c"}.pix-bi-noise-reduction:before{content:"\bc5d"}.pix-bi-nut:before{content:"\bc5e"}.pix-bi-nut-fill:before{content:"\bc5f"}.pix-bi-nvidia:before{content:"\bc60"}.pix-bi-nvme:before{content:"\bc61"}.pix-bi-nvme-fill:before{content:"\bc62"}.pix-bi-octagon:before{content:"\bc63"}.pix-bi-octagon-fill:before{content:"\bc64"}.pix-bi-octagon-half:before{content:"\bc65"}.pix-bi-opencollective .path1:before{content:"\bc66";color:#444;opacity:0.4}.pix-bi-opencollective .path2:before{content:"\bc67";margin-left:-1em;color:#444}.pix-bi-optical-audio:before{content:"\bc68"}.pix-bi-optical-audio-fill:before{content:"\bc69"}.pix-bi-option:before{content:"\bc6a"}.pix-bi-outlet:before{content:"\bc6b"}.pix-bi-p-circle:before{content:"\bc6c"}.pix-bi-p-circle-fill:before{content:"\bc6d"}.pix-bi-p-square:before{content:"\bc6e"}.pix-bi-p-square-fill:before{content:"\bc6f"}.pix-bi-paint-bucket:before{content:"\bc70"}.pix-bi-palette:before{content:"\bc71"}.pix-bi-palette-fill:before{content:"\bc72"}.pix-bi-palette2:before{content:"\bc73"}.pix-bi-paperclip:before{content:"\bc74"}.pix-bi-paragraph:before{content:"\bc75"}.pix-bi-pass:before{content:"\bc76"}.pix-bi-pass-fill:before{content:"\bc77"}.pix-bi-passport:before{content:"\bc78"}.pix-bi-passport-fill:before{content:"\bc79"}.pix-bi-patch-check:before{content:"\bc7a"}.pix-bi-patch-check-fill:before{content:"\bc7b"}.pix-bi-patch-exclamation:before{content:"\bc7c"}.pix-bi-patch-exclamation-fill:before{content:"\bc7d"}.pix-bi-patch-minus:before{content:"\bc7e"}.pix-bi-patch-minus-fill:before{content:"\bc7f"}.pix-bi-patch-plus:before{content:"\bc80"}.pix-bi-patch-plus-fill:before{content:"\bc81"}.pix-bi-patch-question:before{content:"\bc82"}.pix-bi-patch-question-fill:before{content:"\bc83"}.pix-bi-pause:before{content:"\bc84"}.pix-bi-pause-btn:before{content:"\bc85"}.pix-bi-pause-btn-fill:before{content:"\bc86"}.pix-bi-pause-circle:before{content:"\bc87"}.pix-bi-pause-circle-fill:before{content:"\bc88"}.pix-bi-pause-fill:before{content:"\bc89"}.pix-bi-paypal:before{content:"\bc8a"}.pix-bi-pc:before{content:"\bc8b"}.pix-bi-pc-display:before{content:"\bc8c"}.pix-bi-pc-display-horizontal:before{content:"\bc8d"}.pix-bi-pc-horizontal:before{content:"\bc8e"}.pix-bi-pci-card:before{content:"\bc8f"}.pix-bi-pci-card-network:before{content:"\bc90"}.pix-bi-pci-card-sound:before{content:"\bc91"}.pix-bi-peace:before{content:"\bc92"}.pix-bi-peace-fill:before{content:"\bc93"}.pix-bi-pen:before{content:"\bc94"}.pix-bi-pen-fill:before{content:"\bc95"}.pix-bi-pencil:before{content:"\bc96"}.pix-bi-pencil-fill:before{content:"\bc97"}.pix-bi-pencil-square:before{content:"\bc98"}.pix-bi-pentagon:before{content:"\bc99"}.pix-bi-pentagon-fill:before{content:"\bc9a"}.pix-bi-pentagon-half:before{content:"\bc9b"}.pix-bi-people:before{content:"\bc9c"}.pix-bi-people-fill:before{content:"\bc9d"}.pix-bi-percent:before{content:"\bc9e"}.pix-bi-person:before{content:"\bc9f"}.pix-bi-person-add:before{content:"\bca0"}.pix-bi-person-arms-up:before{content:"\bca1"}.pix-bi-person-badge:before{content:"\bca2"}.pix-bi-person-badge-fill:before{content:"\bca3"}.pix-bi-person-bounding-box:before{content:"\bca4"}.pix-bi-person-check:before{content:"\bca5"}.pix-bi-person-check-fill:before{content:"\bca6"}.pix-bi-person-circle:before{content:"\bca7"}.pix-bi-person-dash:before{content:"\bca8"}.pix-bi-person-dash-fill:before{content:"\bca9"}.pix-bi-person-down:before{content:"\bcaa"}.pix-bi-person-exclamation:before{content:"\bcab"}.pix-bi-person-fill:before{content:"\bcac"}.pix-bi-person-fill-add:before{content:"\bcad"}.pix-bi-person-fill-check:before{content:"\bcae"}.pix-bi-person-fill-dash:before{content:"\bcaf"}.pix-bi-person-fill-down:before{content:"\bcb0"}.pix-bi-person-fill-exclamation:before{content:"\bcb1"}.pix-bi-person-fill-gear:before{content:"\bcb2"}.pix-bi-person-fill-lock:before{content:"\bcb3"}.pix-bi-person-fill-slash:before{content:"\bcb4"}.pix-bi-person-fill-up:before{content:"\bcb5"}.pix-bi-person-fill-x:before{content:"\bcb6"}.pix-bi-person-gear:before{content:"\bcb7"}.pix-bi-person-heart:before{content:"\bcb8"}.pix-bi-person-hearts:before{content:"\bcb9"}.pix-bi-person-lines-fill:before{content:"\bcba"}.pix-bi-person-lock:before{content:"\bcbb"}.pix-bi-person-plus:before{content:"\bcbc"}.pix-bi-person-plus-fill:before{content:"\bcbd"}.pix-bi-person-raised-hand:before{content:"\bcbe"}.pix-bi-person-rolodex:before{content:"\bcbf"}.pix-bi-person-slash:before{content:"\bcc0"}.pix-bi-person-square:before{content:"\bcc1"}.pix-bi-person-standing:before{content:"\bcc2"}.pix-bi-person-standing-dress:before{content:"\bcc3"}.pix-bi-person-up:before{content:"\bcc4"}.pix-bi-person-vcard:before{content:"\bcc5"}.pix-bi-person-vcard-fill:before{content:"\bcc6"}.pix-bi-person-video:before{content:"\bcc7"}.pix-bi-person-video2:before{content:"\bcc8"}.pix-bi-person-video3:before{content:"\bcc9"}.pix-bi-person-walking:before{content:"\bcca"}.pix-bi-person-wheelchair:before{content:"\bccb"}.pix-bi-person-workspace:before{content:"\bccc"}.pix-bi-person-x:before{content:"\bccd"}.pix-bi-person-x-fill:before{content:"\bcce"}.pix-bi-phone:before{content:"\bccf"}.pix-bi-phone-fill:before{content:"\bcd0"}.pix-bi-phone-flip:before{content:"\bcd1"}.pix-bi-phone-landscape:before{content:"\bcd2"}.pix-bi-phone-landscape-fill:before{content:"\bcd3"}.pix-bi-phone-vibrate:before{content:"\bcd4"}.pix-bi-phone-vibrate-fill:before{content:"\bcd5"}.pix-bi-pie-chart:before{content:"\bcd6"}.pix-bi-pie-chart-fill:before{content:"\bcd7"}.pix-bi-piggy-bank:before{content:"\bcd8"}.pix-bi-piggy-bank-fill:before{content:"\bcd9"}.pix-bi-pin:before{content:"\bcda"}.pix-bi-pin-angle:before{content:"\bcdb"}.pix-bi-pin-angle-fill:before{content:"\bcdc"}.pix-bi-pin-fill:before{content:"\bcdd"}.pix-bi-pin-map:before{content:"\bcde"}.pix-bi-pin-map-fill:before{content:"\bcdf"}.pix-bi-pinterest:before{content:"\bce0"}.pix-bi-pip:before{content:"\bce1"}.pix-bi-pip-fill:before{content:"\bce2"}.pix-bi-play:before{content:"\bce3"}.pix-bi-play-btn:before{content:"\bce4"}.pix-bi-play-btn-fill:before{content:"\bce5"}.pix-bi-play-circle:before{content:"\bce6"}.pix-bi-play-circle-fill:before{content:"\bce7"}.pix-bi-play-fill:before{content:"\bce8"}.pix-bi-playstation:before{content:"\bce9"}.pix-bi-plug:before{content:"\bcea"}.pix-bi-plug-fill:before{content:"\bceb"}.pix-bi-plugin:before{content:"\bcec"}.pix-bi-plus:before{content:"\bced"}.pix-bi-plus-circle:before{content:"\bcee"}.pix-bi-plus-circle-dotted:before{content:"\bcef"}.pix-bi-plus-circle-fill:before{content:"\bcf0"}.pix-bi-plus-lg:before{content:"\bcf1"}.pix-bi-plus-slash-minus:before{content:"\bcf2"}.pix-bi-plus-square:before{content:"\bcf3"}.pix-bi-plus-square-dotted:before{content:"\bcf4"}.pix-bi-plus-square-fill:before{content:"\bcf5"}.pix-bi-postage:before{content:"\bcf6"}.pix-bi-postage-fill:before{content:"\bcf7"}.pix-bi-postage-heart:before{content:"\bcf8"}.pix-bi-postage-heart-fill:before{content:"\bcf9"}.pix-bi-postcard:before{content:"\bcfa"}.pix-bi-postcard-fill:before{content:"\bcfb"}.pix-bi-postcard-heart:before{content:"\bcfc"}.pix-bi-postcard-heart-fill:before{content:"\bcfd"}.pix-bi-power:before{content:"\bcfe"}.pix-bi-prescription:before{content:"\bcff"}.pix-bi-prescription2:before{content:"\bd00"}.pix-bi-printer:before{content:"\bd01"}.pix-bi-printer-fill:before{content:"\bd02"}.pix-bi-projector:before{content:"\bd03"}.pix-bi-projector-fill:before{content:"\bd04"}.pix-bi-puzzle:before{content:"\bd05"}.pix-bi-puzzle-fill:before{content:"\bd06"}.pix-bi-qr-code:before{content:"\bd07"}.pix-bi-qr-code-scan:before{content:"\bd08"}.pix-bi-question:before{content:"\bd09"}.pix-bi-question-circle:before{content:"\bd0a"}.pix-bi-question-circle-fill:before{content:"\bd0b"}.pix-bi-question-diamond:before{content:"\bd0c"}.pix-bi-question-diamond-fill:before{content:"\bd0d"}.pix-bi-question-lg:before{content:"\bd0e"}.pix-bi-question-octagon:before{content:"\bd0f"}.pix-bi-question-octagon-fill:before{content:"\bd10"}.pix-bi-question-square:before{content:"\bd11"}.pix-bi-question-square-fill:before{content:"\bd12"}.pix-bi-quora:before{content:"\bd13"}.pix-bi-quote:before{content:"\bd14"}.pix-bi-r-circle:before{content:"\bd15"}.pix-bi-r-circle-fill:before{content:"\bd16"}.pix-bi-r-square:before{content:"\bd17"}.pix-bi-r-square-fill:before{content:"\bd18"}.pix-bi-radar:before{content:"\bd19"}.pix-bi-radioactive:before{content:"\bd1a"}.pix-bi-rainbow:before{content:"\bd1b"}.pix-bi-receipt:before{content:"\bd1c"}.pix-bi-receipt-cutoff:before{content:"\bd1d"}.pix-bi-reception-0:before{content:"\bd1e"}.pix-bi-reception-1:before{content:"\bd1f"}.pix-bi-reception-2:before{content:"\bd20"}.pix-bi-reception-3:before{content:"\bd21"}.pix-bi-reception-4:before{content:"\bd22"}.pix-bi-record:before{content:"\bd23"}.pix-bi-record-btn:before{content:"\bd24"}.pix-bi-record-btn-fill:before{content:"\bd25"}.pix-bi-record-circle:before{content:"\bd26"}.pix-bi-record-circle-fill:before{content:"\bd27"}.pix-bi-record-fill:before{content:"\bd28"}.pix-bi-record2:before{content:"\bd29"}.pix-bi-record2-fill:before{content:"\bd2a"}.pix-bi-recycle:before{content:"\bd2b"}.pix-bi-reddit:before{content:"\bd2c"}.pix-bi-regex:before{content:"\bd2d"}.pix-bi-repeat:before{content:"\bd2e"}.pix-bi-repeat-1:before{content:"\bd2f"}.pix-bi-reply:before{content:"\bd30"}.pix-bi-reply-all:before{content:"\bd31"}.pix-bi-reply-all-fill:before{content:"\bd32"}.pix-bi-reply-fill:before{content:"\bd33"}.pix-bi-rewind:before{content:"\bd34"}.pix-bi-rewind-btn:before{content:"\bd35"}.pix-bi-rewind-btn-fill:before{content:"\bd36"}.pix-bi-rewind-circle:before{content:"\bd37"}.pix-bi-rewind-circle-fill:before{content:"\bd38"}.pix-bi-rewind-fill:before{content:"\bd39"}.pix-bi-robot:before{content:"\bd3a"}.pix-bi-rocket:before{content:"\bd3b"}.pix-bi-rocket-fill:before{content:"\bd3c"}.pix-bi-rocket-takeoff:before{content:"\bd3d"}.pix-bi-rocket-takeoff-fill:before{content:"\bd3e"}.pix-bi-router:before{content:"\bd3f"}.pix-bi-router-fill:before{content:"\bd40"}.pix-bi-rss:before{content:"\bd41"}.pix-bi-rss-fill:before{content:"\bd42"}.pix-bi-rulers:before{content:"\bd43"}.pix-bi-safe:before{content:"\bd44"}.pix-bi-safe-fill:before{content:"\bd45"}.pix-bi-safe2:before{content:"\bd46"}.pix-bi-safe2-fill:before{content:"\bd47"}.pix-bi-save:before{content:"\bd48"}.pix-bi-save-fill:before{content:"\bd49"}.pix-bi-save2:before{content:"\bd4a"}.pix-bi-save2-fill:before{content:"\bd4b"}.pix-bi-scissors:before{content:"\bd4c"}.pix-bi-scooter:before{content:"\bd4d"}.pix-bi-screwdriver:before{content:"\bd4e"}.pix-bi-sd-card:before{content:"\bd4f"}.pix-bi-sd-card-fill:before{content:"\bd50"}.pix-bi-search:before{content:"\bd51"}.pix-bi-search-heart:before{content:"\bd52"}.pix-bi-search-heart-fill:before{content:"\bd53"}.pix-bi-segmented-nav:before{content:"\bd54"}.pix-bi-send:before{content:"\bd55"}.pix-bi-send-arrow-down:before{content:"\bd56"}.pix-bi-send-arrow-down-fill:before{content:"\bd57"}.pix-bi-send-arrow-up:before{content:"\bd58"}.pix-bi-send-arrow-up-fill:before{content:"\bd59"}.pix-bi-send-check:before{content:"\bd5a"}.pix-bi-send-check-fill:before{content:"\bd5b"}.pix-bi-send-dash:before{content:"\bd5c"}.pix-bi-send-dash-fill:before{content:"\bd5d"}.pix-bi-send-exclamation:before{content:"\bd5e"}.pix-bi-send-exclamation-fill:before{content:"\bd5f"}.pix-bi-send-fill:before{content:"\bd60"}.pix-bi-send-plus:before{content:"\bd61"}.pix-bi-send-plus-fill:before{content:"\bd62"}.pix-bi-send-slash:before{content:"\bd63"}.pix-bi-send-slash-fill:before{content:"\bd64"}.pix-bi-send-x:before{content:"\bd65"}.pix-bi-send-x-fill:before{content:"\bd66"}.pix-bi-server:before{content:"\bd67"}.pix-bi-shadows:before{content:"\bd68"}.pix-bi-share:before{content:"\bd69"}.pix-bi-share-fill:before{content:"\bd6a"}.pix-bi-shield:before{content:"\bd6b"}.pix-bi-shield-check:before{content:"\bd6c"}.pix-bi-shield-exclamation:before{content:"\bd6d"}.pix-bi-shield-fill:before{content:"\bd6e"}.pix-bi-shield-fill-check:before{content:"\bd6f"}.pix-bi-shield-fill-exclamation:before{content:"\bd70"}.pix-bi-shield-fill-minus:before{content:"\bd71"}.pix-bi-shield-fill-plus:before{content:"\bd72"}.pix-bi-shield-fill-x:before{content:"\bd73"}.pix-bi-shield-lock:before{content:"\bd74"}.pix-bi-shield-lock-fill:before{content:"\bd75"}.pix-bi-shield-minus:before{content:"\bd76"}.pix-bi-shield-plus:before{content:"\bd77"}.pix-bi-shield-shaded:before{content:"\bd78"}.pix-bi-shield-slash:before{content:"\bd79"}.pix-bi-shield-slash-fill:before{content:"\bd7a"}.pix-bi-shield-x:before{content:"\bd7b"}.pix-bi-shift:before{content:"\bd7c"}.pix-bi-shift-fill:before{content:"\bd7d"}.pix-bi-shop:before{content:"\bd7e"}.pix-bi-shop-window:before{content:"\bd7f"}.pix-bi-shuffle:before{content:"\bd80"}.pix-bi-sign-dead-end:before{content:"\bd81"}.pix-bi-sign-dead-end-fill:before{content:"\bd82"}.pix-bi-sign-do-not-enter:before{content:"\bd83"}.pix-bi-sign-do-not-enter-fill:before{content:"\bd84"}.pix-bi-sign-intersection:before{content:"\bd85"}.pix-bi-sign-intersection-fill:before{content:"\bd86"}.pix-bi-sign-intersection-side:before{content:"\bd87"}.pix-bi-sign-intersection-side-fill:before{content:"\bd88"}.pix-bi-sign-intersection-t:before{content:"\bd89"}.pix-bi-sign-intersection-t-fill:before{content:"\bd8a"}.pix-bi-sign-intersection-y:before{content:"\bd8b"}.pix-bi-sign-intersection-y-fill:before{content:"\bd8c"}.pix-bi-sign-merge-left:before{content:"\bd8d"}.pix-bi-sign-merge-left-fill:before{content:"\bd8e"}.pix-bi-sign-merge-right:before{content:"\bd8f"}.pix-bi-sign-merge-right-fill:before{content:"\bd90"}.pix-bi-sign-no-left-turn:before{content:"\bd91"}.pix-bi-sign-no-left-turn-fill:before{content:"\bd92"}.pix-bi-sign-no-parking:before{content:"\bd93"}.pix-bi-sign-no-parking-fill:before{content:"\bd94"}.pix-bi-sign-no-right-turn:before{content:"\bd95"}.pix-bi-sign-no-right-turn-fill:before{content:"\bd96"}.pix-bi-sign-railroad:before{content:"\bd97"}.pix-bi-sign-railroad-fill:before{content:"\bd98"}.pix-bi-sign-stop:before{content:"\bd99"}.pix-bi-sign-stop-fill:before{content:"\bd9a"}.pix-bi-sign-stop-lights:before{content:"\bd9b"}.pix-bi-sign-stop-lights-fill:before{content:"\bd9c"}.pix-bi-sign-turn-left:before{content:"\bd9d"}.pix-bi-sign-turn-left-fill:before{content:"\bd9e"}.pix-bi-sign-turn-right:before{content:"\bd9f"}.pix-bi-sign-turn-right-fill:before{content:"\bda0"}.pix-bi-sign-turn-slight-left:before{content:"\bda1"}.pix-bi-sign-turn-slight-left-fill:before{content:"\bda2"}.pix-bi-sign-turn-slight-right:before{content:"\bda3"}.pix-bi-sign-turn-slight-right-fill:before{content:"\bda4"}.pix-bi-sign-yield:before{content:"\bda5"}.pix-bi-sign-yield-fill:before{content:"\bda6"}.pix-bi-signal:before{content:"\bda7"}.pix-bi-signpost:before{content:"\bda8"}.pix-bi-signpost-2:before{content:"\bda9"}.pix-bi-signpost-2-fill:before{content:"\bdaa"}.pix-bi-signpost-fill:before{content:"\bdab"}.pix-bi-signpost-split:before{content:"\bdac"}.pix-bi-signpost-split-fill:before{content:"\bdad"}.pix-bi-sim:before{content:"\bdae"}.pix-bi-sim-fill:before{content:"\bdaf"}.pix-bi-sim-slash:before{content:"\bdb0"}.pix-bi-sim-slash-fill:before{content:"\bdb1"}.pix-bi-sina-weibo:before{content:"\bdb2"}.pix-bi-skip-backward:before{content:"\bdb3"}.pix-bi-skip-backward-btn:before{content:"\bdb4"}.pix-bi-skip-backward-btn-fill:before{content:"\bdb5"}.pix-bi-skip-backward-circle:before{content:"\bdb6"}.pix-bi-skip-backward-circle-fill:before{content:"\bdb7"}.pix-bi-skip-backward-fill:before{content:"\bdb8"}.pix-bi-skip-end:before{content:"\bdb9"}.pix-bi-skip-end-btn:before{content:"\bdba"}.pix-bi-skip-end-btn-fill:before{content:"\bdbb"}.pix-bi-skip-end-circle:before{content:"\bdbc"}.pix-bi-skip-end-circle-fill:before{content:"\bdbd"}.pix-bi-skip-end-fill:before{content:"\bdbe"}.pix-bi-skip-forward:before{content:"\bdbf"}.pix-bi-skip-forward-btn:before{content:"\bdc0"}.pix-bi-skip-forward-btn-fill:before{content:"\bdc1"}.pix-bi-skip-forward-circle:before{content:"\bdc2"}.pix-bi-skip-forward-circle-fill:before{content:"\bdc3"}.pix-bi-skip-forward-fill:before{content:"\bdc4"}.pix-bi-skip-start:before{content:"\bdc5"}.pix-bi-skip-start-btn:before{content:"\bdc6"}.pix-bi-skip-start-btn-fill:before{content:"\bdc7"}.pix-bi-skip-start-circle:before{content:"\bdc8"}.pix-bi-skip-start-circle-fill:before{content:"\bdc9"}.pix-bi-skip-start-fill:before{content:"\bdca"}.pix-bi-skype:before{content:"\bdcb"}.pix-bi-slack:before{content:"\bdcc"}.pix-bi-slash:before{content:"\bdcd"}.pix-bi-slash-circle:before{content:"\bdce"}.pix-bi-slash-circle-fill:before{content:"\bdcf"}.pix-bi-slash-lg:before{content:"\bdd0"}.pix-bi-slash-square:before{content:"\bdd1"}.pix-bi-slash-square-fill:before{content:"\bdd2"}.pix-bi-sliders:before{content:"\bdd3"}.pix-bi-sliders2:before{content:"\bdd4"}.pix-bi-sliders2-vertical:before{content:"\bdd5"}.pix-bi-smartwatch:before{content:"\bdd6"}.pix-bi-snapchat:before{content:"\bdd7"}.pix-bi-snow:before{content:"\bdd8"}.pix-bi-snow2:before{content:"\bdd9"}.pix-bi-snow3:before{content:"\bdda"}.pix-bi-sort-alpha-down:before{content:"\bddb"}.pix-bi-sort-alpha-down-alt:before{content:"\bddc"}.pix-bi-sort-alpha-up:before{content:"\bddd"}.pix-bi-sort-alpha-up-alt:before{content:"\bdde"}.pix-bi-sort-down:before{content:"\bddf"}.pix-bi-sort-down-alt:before{content:"\bde0"}.pix-bi-sort-numeric-down:before{content:"\bde1"}.pix-bi-sort-numeric-down-alt:before{content:"\bde2"}.pix-bi-sort-numeric-up:before{content:"\bde3"}.pix-bi-sort-numeric-up-alt:before{content:"\bde4"}.pix-bi-sort-up:before{content:"\bde5"}.pix-bi-sort-up-alt:before{content:"\bde6"}.pix-bi-soundwave:before{content:"\bde7"}.pix-bi-sourceforge:before{content:"\bde8"}.pix-bi-speaker:before{content:"\bde9"}.pix-bi-speaker-fill:before{content:"\bdea"}.pix-bi-speedometer:before{content:"\bdeb"}.pix-bi-speedometer2:before{content:"\bdec"}.pix-bi-spellcheck:before{content:"\bded"}.pix-bi-spotify:before{content:"\bdee"}.pix-bi-square:before{content:"\bdef"}.pix-bi-square-fill:before{content:"\bdf0"}.pix-bi-square-fill1:before{content:"\bdf1"}.pix-bi-square-fill10:before{content:"\bdf2"}.pix-bi-square-fill2:before{content:"\bdf3"}.pix-bi-square-fill3:before{content:"\bdf4"}.pix-bi-square-fill4:before{content:"\bdf5"}.pix-bi-square-fill5:before{content:"\bdf6"}.pix-bi-square-fill6:before{content:"\bdf7"}.pix-bi-square-fill7:before{content:"\bdf8"}.pix-bi-square-fill8:before{content:"\bdf9"}.pix-bi-square-fill9:before{content:"\bdfa"}.pix-bi-square-half:before{content:"\bdfb"}.pix-bi-square1:before{content:"\bdfc"}.pix-bi-square10:before{content:"\bdfd"}.pix-bi-square2:before{content:"\bdfe"}.pix-bi-square3:before{content:"\bdff"}.pix-bi-square4:before{content:"\be00"}.pix-bi-square5:before{content:"\be01"}.pix-bi-square6:before{content:"\be02"}.pix-bi-square7:before{content:"\be03"}.pix-bi-square8:before{content:"\be04"}.pix-bi-square9:before{content:"\be05"}.pix-bi-stack:before{content:"\be06"}.pix-bi-stack-overflow:before{content:"\be07"}.pix-bi-star:before{content:"\be08"}.pix-bi-star-fill:before{content:"\be09"}.pix-bi-star-half:before{content:"\be0a"}.pix-bi-stars:before{content:"\be0b"}.pix-bi-steam:before{content:"\be0c"}.pix-bi-stickies:before{content:"\be0d"}.pix-bi-stickies-fill:before{content:"\be0e"}.pix-bi-sticky:before{content:"\be0f"}.pix-bi-sticky-fill:before{content:"\be10"}.pix-bi-stop:before{content:"\be11"}.pix-bi-stop-btn:before{content:"\be12"}.pix-bi-stop-btn-fill:before{content:"\be13"}.pix-bi-stop-circle:before{content:"\be14"}.pix-bi-stop-circle-fill:before{content:"\be15"}.pix-bi-stop-fill:before{content:"\be16"}.pix-bi-stoplights:before{content:"\be17"}.pix-bi-stoplights-fill:before{content:"\be18"}.pix-bi-stopwatch:before{content:"\be19"}.pix-bi-stopwatch-fill:before{content:"\be1a"}.pix-bi-strava:before{content:"\be1b"}.pix-bi-stripe:before{content:"\be1c"}.pix-bi-subscript:before{content:"\be1d"}.pix-bi-substack:before{content:"\be1e"}.pix-bi-subtract:before{content:"\be1f"}.pix-bi-suit-club:before{content:"\be20"}.pix-bi-suit-club-fill:before{content:"\be21"}.pix-bi-suit-diamond:before{content:"\be22"}.pix-bi-suit-diamond-fill:before{content:"\be23"}.pix-bi-suit-heart:before{content:"\be24"}.pix-bi-suit-heart-fill:before{content:"\be25"}.pix-bi-suit-spade:before{content:"\be26"}.pix-bi-suit-spade-fill:before{content:"\be27"}.pix-bi-suitcase:before{content:"\be28"}.pix-bi-suitcase-fill:before{content:"\be29"}.pix-bi-suitcase-lg:before{content:"\be2a"}.pix-bi-suitcase-lg-fill:before{content:"\be2b"}.pix-bi-suitcase2:before{content:"\be2c"}.pix-bi-suitcase2-fill:before{content:"\be2d"}.pix-bi-sun:before{content:"\be2e"}.pix-bi-sun-fill:before{content:"\be2f"}.pix-bi-sunglasses:before{content:"\be30"}.pix-bi-sunrise:before{content:"\be31"}.pix-bi-sunrise-fill:before{content:"\be32"}.pix-bi-sunset:before{content:"\be33"}.pix-bi-sunset-fill:before{content:"\be34"}.pix-bi-superscript:before{content:"\be35"}.pix-bi-symmetry-horizontal:before{content:"\be36"}.pix-bi-symmetry-vertical:before{content:"\be37"}.pix-bi-table:before{content:"\be38"}.pix-bi-tablet:before{content:"\be39"}.pix-bi-tablet-fill:before{content:"\be3a"}.pix-bi-tablet-landscape:before{content:"\be3b"}.pix-bi-tablet-landscape-fill:before{content:"\be3c"}.pix-bi-tag:before{content:"\be3d"}.pix-bi-tag-fill:before{content:"\be3e"}.pix-bi-tags:before{content:"\be3f"}.pix-bi-tags-fill:before{content:"\be40"}.pix-bi-taxi-front:before{content:"\be41"}.pix-bi-taxi-front-fill:before{content:"\be42"}.pix-bi-telegram:before{content:"\be43"}.pix-bi-telephone:before{content:"\be44"}.pix-bi-telephone-fill:before{content:"\be45"}.pix-bi-telephone-forward:before{content:"\be46"}.pix-bi-telephone-forward-fill:before{content:"\be47"}.pix-bi-telephone-inbound:before{content:"\be48"}.pix-bi-telephone-inbound-fill:before{content:"\be49"}.pix-bi-telephone-minus:before{content:"\be4a"}.pix-bi-telephone-minus-fill:before{content:"\be4b"}.pix-bi-telephone-outbound:before{content:"\be4c"}.pix-bi-telephone-outbound-fill:before{content:"\be4d"}.pix-bi-telephone-plus:before{content:"\be4e"}.pix-bi-telephone-plus-fill:before{content:"\be4f"}.pix-bi-telephone-x:before{content:"\be50"}.pix-bi-telephone-x-fill:before{content:"\be51"}.pix-bi-tencent-qq:before{content:"\be52"}.pix-bi-terminal:before{content:"\be53"}.pix-bi-terminal-dash:before{content:"\be54"}.pix-bi-terminal-fill:before{content:"\be55"}.pix-bi-terminal-plus:before{content:"\be56"}.pix-bi-terminal-split:before{content:"\be57"}.pix-bi-terminal-x:before{content:"\be58"}.pix-bi-text-center:before{content:"\be59"}.pix-bi-text-indent-left:before{content:"\be5a"}.pix-bi-text-indent-right:before{content:"\be5b"}.pix-bi-text-left:before{content:"\be5c"}.pix-bi-text-paragraph:before{content:"\be5d"}.pix-bi-text-right:before{content:"\be5e"}.pix-bi-text-wrap:before{content:"\be5f"}.pix-bi-textarea:before{content:"\be60"}.pix-bi-textarea-resize:before{content:"\be61"}.pix-bi-textarea-t:before{content:"\be62"}.pix-bi-thermometer:before{content:"\be63"}.pix-bi-thermometer-half:before{content:"\be64"}.pix-bi-thermometer-high:before{content:"\be65"}.pix-bi-thermometer-low:before{content:"\be66"}.pix-bi-thermometer-snow:before{content:"\be67"}.pix-bi-thermometer-sun:before{content:"\be68"}.pix-bi-threads:before{content:"\be69"}.pix-bi-threads-fill:before{content:"\be6a"}.pix-bi-three-dots:before{content:"\be6b"}.pix-bi-three-dots-vertical:before{content:"\be6c"}.pix-bi-thunderbolt:before{content:"\be6d"}.pix-bi-thunderbolt-fill:before{content:"\be6e"}.pix-bi-ticket:before{content:"\be6f"}.pix-bi-ticket-detailed:before{content:"\be70"}.pix-bi-ticket-detailed-fill:before{content:"\be71"}.pix-bi-ticket-fill:before{content:"\be72"}.pix-bi-ticket-perforated:before{content:"\be73"}.pix-bi-ticket-perforated-fill:before{content:"\be74"}.pix-bi-tiktok:before{content:"\be75"}.pix-bi-toggle-off:before{content:"\be76"}.pix-bi-toggle-on:before{content:"\be77"}.pix-bi-toggle2-off:before{content:"\be78"}.pix-bi-toggle2-on:before{content:"\be79"}.pix-bi-toggles:before{content:"\be7a"}.pix-bi-toggles2:before{content:"\be7b"}.pix-bi-tools:before{content:"\be7c"}.pix-bi-tornado:before{content:"\be7d"}.pix-bi-train-freight-front:before{content:"\be7e"}.pix-bi-train-freight-front-fill:before{content:"\be7f"}.pix-bi-train-front:before{content:"\be80"}.pix-bi-train-front-fill:before{content:"\be81"}.pix-bi-train-lightrail-front:before{content:"\be82"}.pix-bi-train-lightrail-front-fill:before{content:"\be83"}.pix-bi-translate:before{content:"\be84"}.pix-bi-transparency:before{content:"\be85"}.pix-bi-trash:before{content:"\be86"}.pix-bi-trash-fill:before{content:"\be87"}.pix-bi-trash2:before{content:"\be88"}.pix-bi-trash2-fill:before{content:"\be89"}.pix-bi-trash3:before{content:"\be8a"}.pix-bi-trash3-fill:before{content:"\be8b"}.pix-bi-tree:before{content:"\be8c"}.pix-bi-tree-fill:before{content:"\be8d"}.pix-bi-trello:before{content:"\be8e"}.pix-bi-triangle:before{content:"\be8f"}.pix-bi-triangle-fill:before{content:"\be90"}.pix-bi-triangle-half:before{content:"\be91"}.pix-bi-trophy:before{content:"\be92"}.pix-bi-trophy-fill:before{content:"\be93"}.pix-bi-tropical-storm:before{content:"\be94"}.pix-bi-truck:before{content:"\be95"}.pix-bi-truck-flatbed:before{content:"\be96"}.pix-bi-truck-front:before{content:"\be97"}.pix-bi-truck-front-fill:before{content:"\be98"}.pix-bi-tsunami:before{content:"\be99"}.pix-bi-tv:before{content:"\be9a"}.pix-bi-tv-fill:before{content:"\be9b"}.pix-bi-twitch:before{content:"\be9c"}.pix-bi-twitter:before{content:"\be9d"}.pix-bi-twitter-x:before{content:"\be9e"}.pix-bi-type:before{content:"\be9f"}.pix-bi-type-bold:before{content:"\bea0"}.pix-bi-type-h1:before{content:"\bea1"}.pix-bi-type-h2:before{content:"\bea2"}.pix-bi-type-h3:before{content:"\bea3"}.pix-bi-type-h4:before{content:"\bea4"}.pix-bi-type-h5:before{content:"\bea5"}.pix-bi-type-h6:before{content:"\bea6"}.pix-bi-type-italic:before{content:"\bea7"}.pix-bi-type-strikethrough:before{content:"\bea8"}.pix-bi-type-underline:before{content:"\bea9"}.pix-bi-ubuntu:before{content:"\beaa"}.pix-bi-ui-checks:before{content:"\beab"}.pix-bi-ui-checks-grid:before{content:"\beac"}.pix-bi-ui-radios:before{content:"\bead"}.pix-bi-ui-radios-grid:before{content:"\beae"}.pix-bi-umbrella:before{content:"\beaf"}.pix-bi-umbrella-fill:before{content:"\beb0"}.pix-bi-unindent:before{content:"\beb1"}.pix-bi-union:before{content:"\beb2"}.pix-bi-unity:before{content:"\beb3"}.pix-bi-universal-access:before{content:"\beb4"}.pix-bi-universal-access-circle:before{content:"\beb5"}.pix-bi-unlock:before{content:"\beb6"}.pix-bi-unlock-fill:before{content:"\beb7"}.pix-bi-upc:before{content:"\beb8"}.pix-bi-upc-scan:before{content:"\beb9"}.pix-bi-upload:before{content:"\beba"}.pix-bi-usb:before{content:"\bebb"}.pix-bi-usb-c:before{content:"\bebc"}.pix-bi-usb-c-fill:before{content:"\bebd"}.pix-bi-usb-drive:before{content:"\bebe"}.pix-bi-usb-drive-fill:before{content:"\bebf"}.pix-bi-usb-fill:before{content:"\bec0"}.pix-bi-usb-micro:before{content:"\bec1"}.pix-bi-usb-micro-fill:before{content:"\bec2"}.pix-bi-usb-mini:before{content:"\bec3"}.pix-bi-usb-mini-fill:before{content:"\bec4"}.pix-bi-usb-plug:before{content:"\bec5"}.pix-bi-usb-plug-fill:before{content:"\bec6"}.pix-bi-usb-symbol:before{content:"\bec7"}.pix-bi-valentine:before{content:"\bec8"}.pix-bi-valentine2:before{content:"\bec9"}.pix-bi-vector-pen:before{content:"\beca"}.pix-bi-view-list:before{content:"\becb"}.pix-bi-view-stacked:before{content:"\becc"}.pix-bi-vignette:before{content:"\becd"}.pix-bi-vimeo:before{content:"\bece"}.pix-bi-vinyl:before{content:"\becf"}.pix-bi-vinyl-fill:before{content:"\bed0"}.pix-bi-virus:before{content:"\bed1"}.pix-bi-virus2:before{content:"\bed2"}.pix-bi-voicemail:before{content:"\bed3"}.pix-bi-volume-down:before{content:"\bed4"}.pix-bi-volume-down-fill:before{content:"\bed5"}.pix-bi-volume-mute:before{content:"\bed6"}.pix-bi-volume-mute-fill:before{content:"\bed7"}.pix-bi-volume-off:before{content:"\bed8"}.pix-bi-volume-off-fill:before{content:"\bed9"}.pix-bi-volume-up:before{content:"\beda"}.pix-bi-volume-up-fill:before{content:"\bedb"}.pix-bi-vr:before{content:"\bedc"}.pix-bi-wallet:before{content:"\bedd"}.pix-bi-wallet-fill:before{content:"\bede"}.pix-bi-wallet2:before{content:"\bedf"}.pix-bi-watch:before{content:"\bee0"}.pix-bi-water:before{content:"\bee1"}.pix-bi-webcam:before{content:"\bee2"}.pix-bi-webcam-fill:before{content:"\bee3"}.pix-bi-wechat:before{content:"\bee4"}.pix-bi-whatsapp:before{content:"\bee5"}.pix-bi-wifi:before{content:"\bee6"}.pix-bi-wifi-1:before{content:"\bee7"}.pix-bi-wifi-2:before{content:"\bee8"}.pix-bi-wifi-off:before{content:"\bee9"}.pix-bi-wikipedia:before{content:"\beea"}.pix-bi-wind:before{content:"\beeb"}.pix-bi-window:before{content:"\beec"}.pix-bi-window-dash:before{content:"\beed"}.pix-bi-window-desktop:before{content:"\beee"}.pix-bi-window-dock:before{content:"\beef"}.pix-bi-window-fullscreen:before{content:"\bef0"}.pix-bi-window-plus:before{content:"\bef1"}.pix-bi-window-sidebar:before{content:"\bef2"}.pix-bi-window-split:before{content:"\bef3"}.pix-bi-window-stack:before{content:"\bef4"}.pix-bi-window-x:before{content:"\bef5"}.pix-bi-windows:before{content:"\bef6"}.pix-bi-wordpress:before{content:"\bef7"}.pix-bi-wrench:before{content:"\bef8"}.pix-bi-wrench-adjustable:before{content:"\bef9"}.pix-bi-wrench-adjustable-circle:before{content:"\befa"}.pix-bi-wrench-adjustable-circle-fill:before{content:"\befb"}.pix-bi-x:before{content:"\befc"}.pix-bi-x-circle:before{content:"\befd"}.pix-bi-x-circle-fill:before{content:"\befe"}.pix-bi-x-diamond:before{content:"\beff"}.pix-bi-x-diamond-fill:before{content:"\bf00"}.pix-bi-x-lg:before{content:"\bf01"}.pix-bi-x-octagon:before{content:"\bf02"}.pix-bi-x-octagon-fill:before{content:"\bf03"}.pix-bi-x-square:before{content:"\bf04"}.pix-bi-x-square-fill:before{content:"\bf05"}.pix-bi-xbox:before{content:"\bf06"}.pix-bi-yelp:before{content:"\bf07"}.pix-bi-yin-yang:before{content:"\bf08"}.pix-bi-youtube:before{content:"\bf09"}.pix-bi-zoom-in:before{content:"\bf0a"}.pix-bi-zoom-out:before{content:"\bf0b"}:root,#pix-fe{--zoey-icon-account:"\bc9f";--zoey-icon-arrow-down:"\b735";--zoey-icon-arrow-left:"\b73d";--zoey-icon-arrow-right:"\b746";--zoey-icon-arrow-up:"\b75a";--zoey-icon-basket:"\b7ad";--zoey-icon-box:"\b7ff";--zoey-icon-cart:"\b8a5";--zoey-icon-check:"\b8e4";--zoey-icon-chevron-down:"\e905";--zoey-icon-chevron-left:"\e906";--zoey-icon-chevron-right:"\e907";--zoey-icon-chevron-up:"\b906";--zoey-icon-credit-card:"\b987";--zoey-icon-danger-fill:"\ba49";--zoey-icon-danger:"\ba48";--zoey-icon-date:"\b845";--zoey-icon-download:"\b9e2";--zoey-icon-envelope:"\ba1c";--zoey-icon-error-fill:"\ba44";--zoey-icon-error:"\ba43";--zoey-icon-file-plus:"\bacc";--zoey-icon-grid:"\bb66";--zoey-icon-hash:"\bb79";--zoey-icon-heart:"\bb87";--zoey-icon-help-fill:"\bd0b";--zoey-icon-help:"\bd0a";--zoey-icon-hide-fill:"\ba55";--zoey-icon-hide:"\ba54";--zoey-icon-home:"\bb9e";--zoey-icon-list:"\bc0e";--zoey-icon-menu:"\bc0e";--zoey-icon-location:"\bb49";--zoey-icon-minus:"\b99f";--zoey-icon-notice-fill:"\bbca";--zoey-icon-notice:"\bbc9";--zoey-icon-pending:"\bb9c";--zoey-icon-phone:"\be44";--zoey-icon-plus:"\bced";--zoey-icon-quote:"\b843";--zoey-icon-recent:"\b940";--zoey-icon-search:"\bd51";--zoey-icon-settings:"\bb3e";--zoey-icon-shop:"\bd7e";--zoey-icon-shopping-bag:"\b792";--zoey-icon-show-fill:"\ba53";--zoey-icon-show:"\ba52";--zoey-icon-sort-down:"\bddf";--zoey-icon-sort-up:"\bde5";--zoey-icon-success-fill:"\b8e7";--zoey-icon-success:"\b8e6";--zoey-icon-table:"\be38";--zoey-icon-tags:"\be3f";--zoey-icon-trash-fill:"\be87";--zoey-icon-trash:"\be86";--zoey-icon-warn-fill:"\ba4d";--zoey-icon-warn:"\ba4c";--zoey-icon-x-circle-fill:"\befe";--zoey-icon-x-circle:"\befd";--zoey-icon-x-lg:"\bf01";--zoey-icon-x:"\befc"}.zoey-icon.zoey-sort-down::before{content:var(--zoey-icon-sort-down)}.zoey-icon.zoey-sort-up::before{content:var(--zoey-icon-sort-up)}.zoey-icon.zoey-sort-down-alt::before{content:"\bde0"}.zoey-icon.zoey-sort-up-alt::before{content:"\bde6"}.zoey-icon.zoey-download::before{content:var(--zoey-icon-download)}.zoey-icon.zoey-table::before{content:var(--zoey-icon-table);display:inline-block;transform:translateY(3.5%)}.zoey-icon.zoey-list::before{content:var(--zoey-icon-list);display:inline-block;transform:translateY(3%)}.zoey-icon.zoey-file-plus::before{content:var(--zoey-icon-file-plus)}.zoey-icon.zoey-hash::before{content:var(--zoey-icon-hash)}.zoey-icon.zoey-grid::before{content:var(--zoey-icon-grid);display:inline-block;transform:translateY(5%)}.zoey-icon.zoey-hide-fill::before{content:var(--zoey-icon-hide-fill)}.zoey-icon.zoey-show-fill::before{content:var(--zoey-icon-show-fill)}.zoey-icon.zoey-hide::before{content:var(--zoey-icon-hide)}.zoey-icon.zoey-show::before{content:var(--zoey-icon-show)}.zoey-icon.zoey-date::before{content:var(--zoey-icon-date)}.zoey-icon.zoey-trash::before{content:var(--zoey-icon-trash)}.zoey-icon.zoey-trash-fill::before{content:var(--zoey-icon-trash-fill)}.zoey-icon.zoey-arrow-left::before{content:var(--zoey-icon-arrow-left)}.zoey-icon.zoey-arrow-right::before{content:var(--zoey-icon-arrow-right)}.zoey-icon.zoey-arrow-up::before{content:var(--zoey-icon-arrow-up)}.zoey-icon.zoey-arrow-down::before{content:var(--zoey-icon-arrow-down)}.zoey-icon.zoey-chevron-left::before{content:var(--zoey-icon-chevron-left)}.zoey-icon.zoey-chevron-right::before{content:var(--zoey-icon-chevron-right)}.zoey-icon.zoey-chevron-up::before{content:var(--zoey-icon-chevron-up)}.zoey-icon.zoey-chevron-down::before{content:var(--zoey-icon-chevron-down)}.zoey-icon.zoey-credit-card::before{content:var(--zoey-icon-credit-card)}.zoey-icon.zoey-envelope::before{content:var(--zoey-icon-envelope)}.zoey-icon.zoey-account::before{content:var(--zoey-icon-account)}.zoey-icon.zoey-search::before{content:var(--zoey-icon-search)}.zoey-icon.zoey-settings::before{content:var(--zoey-icon-settings)}.zoey-icon.zoey-location::before{content:var(--zoey-icon-location)}.zoey-icon.zoey-heart::before{content:var(--zoey-icon-heart)}.zoey-icon.zoey-home::before{content:var(--zoey-icon-home)}.zoey-icon.zoey-tags::before{content:var(--zoey-icon-tags)}.zoey-icon.zoey-phone::before{content:var(--zoey-icon-phone)}.zoey-icon.zoey-pending::before{content:var(--zoey-icon-pending)}.zoey-icon.zoey-menu::before{content:var(--zoey-icon-menu)}.zoey-icon.zoey-shopping-bag::before{content:var(--zoey-icon-shopping-bag)}.zoey-icon.zoey-shop::before{content:var(--zoey-icon-shop)}.zoey-icon.zoey-cart::before{content:var(--zoey-icon-cart)}.zoey-icon.zoey-basket::before{content:var(--zoey-icon-basket)}.zoey-icon.zoey-recent::before{content:var(--zoey-icon-recent)}.zoey-icon.zoey-quote::before{content:var(--zoey-icon-quote)}.zoey-icon.zoey-box::before{content:var(--zoey-icon-box)}.zoey-icon.zoey-check::before{content:var(--zoey-icon-check)}.zoey-icon.zoey-close::before,.zoey-icon.zoey-x::before{content:var(--zoey-icon-x)}.zoey-icon.zoey-x-lg::before{content:var(--zoey-icon-x-lg)}.zoey-icon.zoey-close-circle::before,.zoey-icon.zoey-x-circle::before{content:var(--zoey-icon-x-circle)}.zoey-icon.zoey-close-circle-fill::before,.zoey-icon.zoey-x-circle-fill::before{content:var(--zoey-icon-x-circle-fill)}.zoey-icon.zoey-plus::before{content:var(--zoey-icon-plus)}.zoey-icon.zoey-minus::before{content:var(--zoey-icon-minus)}.zoey-icon.zoey-danger::before{content:var(--zoey-icon-danger)}.zoey-icon.zoey-danger-fill::before{content:var(--zoey-icon-danger-fill)}.zoey-icon.zoey-warn::before{content:var(--zoey-icon-warn)}.zoey-icon.zoey-warn-fill::before{content:var(--zoey-icon-warn-fill)}.zoey-icon.zoey-success::before{content:var(--zoey-icon-success)}.zoey-icon.zoey-success-fill::before{content:var(--zoey-icon-success-fill)}.zoey-icon.zoey-error::before{content:var(--zoey-icon-error)}.zoey-icon.zoey-error-fill::before{content:var(--zoey-icon-error-fill)}.zoey-icon.zoey-notice::before,.zoey-icon.zoey-info::before{content:var(--zoey-icon-notice)}.zoey-icon.zoey-notice-fill::before,.zoey-icon.zoey-info-fill::before{content:var(--zoey-icon-notice-fill)}.zoey-icon.zoey-help::before{content:var(--zoey-icon-help)}.zoey-icon.zoey-help-fill::before{content:var(--zoey-icon-help-fill)}.pix-bi-type-p{font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important}.pix-bi-type-p::before{content:'P';text-transform:uppercase;font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important}.pix-icon-tick::before{content:"\b8e4";font-family:"pix-bootstrap-icons" !important}.pix-icon-mail::before,.pix-icon-email::before{content:"\ba1c" !important;font-family:"pix-bootstrap-icons" !important;transform:translateY(3%)}.pix-icon-mail-solid::before,.pix-icon-email-solid::before{content:"\ba29" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-new-contact::before{content:"\bcbc" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-new-contact-solid::before{content:"\bcbd" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-phone::before{content:"\be44" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-phone-solid::before{content:"\be45" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-note::before{content:"\be0f" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-note-solid::before{content:"\be10" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-circle-exclamation::before{content:"\ba43" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-edit::before{transform:translateY(3%);content:"\bc96" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-edit-solid::before{padding-top:0.1em;content:"\bc97" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-cog::before,.pix-icon-gear::before{content:"\bb3e" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-file::before{content:"\baab" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-globe::before{content:"\bb51" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-filter::before{content:"\bb3c" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-printer::before{padding-top:0.1em;content:"\bd01" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-baseline::before,.pix-icon-three-dots::before{content:"\e90a" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-chat::before{padding-top:0.15em;content:"\b8ca" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-new-tab::before,.pix-icon-open-in-new::before{content:"\b758" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-upload::before{content:"\b96d" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-eye::before,.pix-icon-eye-linear::before,.pix-bi-eye::before{transform:translateY(7%);content:"\ba52" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-apps::before{content:"\bb65" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-grid::before{content:"\bb5e" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-spacing::before{content:"\b767" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-folder-outline::before{content:"\bb28" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-import::before{content:"\baa9" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-refresh::before,.pix-icon-refresh-thin::before{transform:translateY(12%);content:"\b724" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-right-arrow-slim::before{content:"\b903" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-left-arrow-slim::before{content:"\b901" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-eye-blocked::before{transform:translateY(7%);content:"\ba54" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-copy::before{content:"\b924" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-search::before,.pix-icon-find::before{content:"\bd51" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-shopping-cart-plus::before{content:"\b8ab" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-list2::before{transform:translateY(10%);content:"\bc16" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-grid::before{content:"\bb5e" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-add-tag::before{content:"\be3d" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-remove::before{content:"\b9a2" !important;font-family:"pix-bootstrap-icons" !important;line-height:1}.pix-icon-cancel::before{content:"\befe" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-download::before{content:"\b948" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-apply::before{content:"\b8e7" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-calendar::before{content:"\b875" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-question-circle::before{content:"\bd0a" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-question-circle-solid::before{content:"\bd0b" !important;font-family:"pix-bootstrap-icons" !important}.pix-bi-trash::before,.pix-icon-delete::before{position:relative;transform:translateY(6%);content:"\be86" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-trash-solid::before,.pix-icon-delete-solid::before{position:relative;transform:translateY(6%);content:"\be87" !important;font-family:"pix-bootstrap-icons" !important}.pix-bi-plus-lg::before{position:relative;transform:translateY(4%)}.pix-icon-import-file::before{content:"\ba76" !important;font-family:"pix-bootstrap-icons" !important;transform:translateY(3%)}.pix-bi-envelope-dash::before{transform:translateY(3%)}.pix-icon-check::before{content:"\b8e4" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-shipping::before{content:"\be95" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-payment::before{content:"\b987" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-reset::before{content:"\b725" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-collapse::before{content:"\b9a5" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-expand::before{content:"\bcf4" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-file-upload::before{content:"\ba76" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-file-download::before{content:"\ba74" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-border::before{content:"\b7e6" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-font-size::before{content:"\be9f" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-color::before{content:"\bc71" !important;font-family:"pix-bootstrap-icons" !important}.pix-icon-drag::before{transform:translateY(8%)}[class*="pix-bi-link"]::before{transform:translateY(15%)}