/* ppfe-build contact sha1:57c70b6b593b15621157bc7cc40f9b078fe3814d - generated by frontend/tools/build.php, do not edit */
/* tokens.css - design tokens of the new frontend (final). Values = what the old page renders today (1:1, no merges).
   Sources: computed styles of the reference pack, Woodmart theme settings (inline wd-style-theme_settings_default-css), base.min.css.
   Breakpoints are literal px in media queries (CSS vars cannot be used in @media):
   mobile header/toolbar up to 1024px, desktop header from 1025px; theme also 768/769, 480, 640, 575/576, 1350. */
:root {
  /* ---- COLOR: brand ---- */
  --pp-color-primary: #5d4f89;
  --pp-color-primary-dark: #4b3f73; /* Q1 closed: kept; #4b3f7a in Woodmart CSS is not merged */
  --pp-color-primary-soft: #8c7bc4; /* --ppcab-primary-soft */
  --pp-color-accent: #6d5bd0; /* Q2 closed: kept as drafted (shadows/focus rings) */
  --pp-color-green: #558063;
  --pp-color-green-dark: #486d54;
  --pp-color-gold: #e8b54a;
  --pp-color-gold-ink: #75520a; /* Q3 closed: kept as drafted; 6e500f/8a6413 stay local literals */
  --pp-color-mint: #34b98a; /* --ppaff-mint, --ppcab-mint */
  /* ---- COLOR: text ---- */
  --pp-color-text-strong: #3a2f63; /* --ppipd-ink/--ppaff-ink */
  --pp-color-text: #48435c; /* Q4 closed: CRO ink only; page body copy renders #767676 (--pp-color-text-body-legacy) */
  --pp-color-text-body-legacy: #767676; /* --wd-text-color: real body copy colour today (all 4 pages) */
  --pp-color-title-legacy: #242424; /* --wd-title-color */
  --pp-color-link: #333333; /* --wd-link-color */
  --pp-color-text-muted: #6b6582; /* --ppipd-muted */
  --pp-color-text-subtle: #9b94a7; /* --pp-subtle */
  --pp-color-ink-black: #222222; /* x17 in theme CSS */
  --pp-color-on-primary: #ffffff;
  /* ---- COLOR: surfaces / borders ---- */
  --pp-color-bg: #ffffff; /* #fff x131 platform, x144 CRO */
  --pp-color-bg-alt: #f7f7f7; /* --bgcolor-gray-100/200, x23 */
  --pp-color-bg-alt-2: #f1f1f1; /* --bgcolor-gray-300 */
  --pp-color-bg-tint: #f0ecf8; /* --ppipd-tint */
  --pp-color-bg-tint-soft: #f7f5fb; /* Q5 closed: kept; #f7f4ff/#f8f7fc/#faf9ff stay local literals */
  --pp-color-border: #e7e2f2; /* --ppipd-line */
  --pp-color-border-strong: #d1c9e6; /* --ppipd-border */
  --pp-color-border-neutral: rgba(0,0,0,.105); /* Woodmart --brdcolor-gray-300 */
  --pp-color-border-form: rgba(0,0,0,.1); /* --wd-form-brd-color */
  /* ---- COLOR: states ---- */
  --pp-color-success: #459647; /* --notices-success-bg (Woodmart) */
  --pp-color-success-ink: #1e7a59;
  --pp-color-success-bg: #e6f6ef; /* --ppcab-mint-tint */
  --pp-color-warning: #e0b252; /* --notices-warning-bg */
  --pp-color-warning-bg: #fbf3e1; /* --ppcab-gold-tint */
  --pp-color-error: #b83a32; /* Q6 closed: kept; #b02a1c/#d9534f stay local literals */
  --pp-color-error-bg: #fbece9;
  --pp-color-info: #5bc0de; /* x6, Bootstrap-like */
  --pp-color-sale: #5d4f89; /* Q7 closed: shop page.html .product-label.onsale background = the Woodmart --wd-primary-color var (woo part) */
  /* ---- TYPOGRAPHY ---- */
  --pp-font-body: "Inter", Arial, Helvetica, sans-serif;
  --pp-font-heading: "Manrope", Arial, Helvetica, sans-serif;
  --pp-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; /* CRO x3 */
  --pp-weight-regular: 400; /* x56 */
  --pp-weight-medium: 500;
  --pp-weight-semibold: 600;
  --pp-weight-bold: 700; /* Q8 closed: 700/800 are NOT loaded, render as faux bold from Inter/Manrope 600 */
  --pp-weight-extrabold: 800;
  --pp-text-2xs: 11px; /* x18 */
  --pp-text-xs: 12px; /* x38 + 15 */
  --pp-text-sm: 13px; /* x44 + 26 (header nav = 13px uppercase 600) */
  --pp-text-base: 14px;
  --pp-text-md: 15px; /* x21 + 35 */
  --pp-text-lg: 16px; /* x26 + 22 */
  --pp-text-xl: 18px; /* x22 + 6 */
  --pp-text-2xl: 22px; /* x14 */
  --pp-text-3xl: 26px; /* x8 */
  --pp-text-display: clamp(26px, 3vw, 40px); /* CRO headings x4 */
  --pp-leading-none: 1; /* x45 */
  --pp-leading-tight: 1.2; /* x21 (+1.15/1.25/1.3 near dupes) */
  --pp-leading-snug: 1.4; /* x11 (+1.35/1.45) */
  --pp-leading-body: 1.6;
  --pp-tracking-tight: -.02em; /* CRO headings -.025..-.01 */
  --pp-tracking-wide: .04em; /* x4 + 8 */
  --pp-tracking-caps: .08em; /* x5, uppercase labels */
  /* ---- SPACE (observed values snapped to scale; see evidence) ---- */
  --pp-space-1: 4px;
  --pp-space-2: 8px;
  --pp-space-3: 12px;
  --pp-space-4: 16px;
  --pp-space-5: 20px; /* top value, x141 */
  --pp-space-6: 24px;
  --pp-space-7: 30px;
  --pp-space-8: 40px;
  --pp-space-9: 56px;
  --pp-space-section: clamp(46px, 6.5vw, 92px); /* --ppipd-section-y */
  --pp-gutter: clamp(16px, 2.2vw, 28px); /* --ppipd-gap */
  --pp-gap-grid: 20px; /* --wd-gap-lg */
  /* ---- RADIUS ---- */
  --pp-radius-none: 0px; /* Woodmart --wd-brd-radius 0px, buttons/forms 0px */
  --pp-radius-xs: 4px; /* x9 */
  --pp-radius-sm: 8px; /* x14 (9px x16 is near dupe) */
  --pp-radius-md: 12px; /* --ppipd-radius-sm */
  --pp-radius-lg: 18px; /* --ppipd-radius */
  --pp-radius-xl: 28px; /* --ppipd-radius-lg */
  --pp-radius-pill: 999px; /* x36 CRO, x9 theme */
  --pp-radius-round: 50%; /* x36 + 33 */
  /* ---- SHADOW ---- */
  --pp-shadow-sm: 0 1px 2px rgba(58,47,99,.04);
  --pp-shadow-md: 0 2px 4px rgba(58,47,99,.05), 0 12px 30px rgba(58,47,99,.10); /* --ppipd-shadow, tail truncated by analyser: verify */
  --pp-shadow-lg: 0 4px 10px rgba(58,47,99,.08), 0 30px 58px rgba(58,47,99,.14); /* --ppipd-shadow-lg, tail: verify */
  --pp-shadow-dropdown: 0 0 3px rgba(0,0,0,.15); /* --wd-dropdown-shadow */
  --pp-shadow-popover: 0 4px 12px rgba(0,0,0,.15); /* x4 */
  --pp-shadow-brand: 0 6px 18px rgba(109,91,208,.25); /* x8 */
  --pp-shadow-btn-inset: inset 0 -2px 0 rgba(0,0,0,.15); /* --btn-default-box-shadow */
  /* ---- MOTION ---- */
  --pp-dur-fast: .15s; /* x24 + 28 */
  --pp-dur-base: .25s; /* x27 + 44 (.2/.22/.3 near dupes) */
  --pp-dur-slow: .4s; /* x21 */
  --pp-ease: ease; /* x118 + 121 */
  --pp-ease-out-expo: cubic-bezier(.16, 1, .3, 1);
  /* ---- LAYOUT ---- */
  --pp-container: 1350px; /* --wd-container-w */
  --pp-container-narrow: 1220px;
  --pp-measure: 68ch; /* CRO prose x3 (52-76ch range) */
  --pp-form-height: 42px; /* --wd-form-height */
  /* ---- added from computed styles (1:1) ---- */
  --pp-color-alternative: #79e4b8;    /* Woodmart --wd-alternative-color */
  --pp-color-link-hover: #242424;     /* --wd-link-color-hover */
  --pp-color-btn-default-text: #fff;  /* --btn-default-color / -hover */
  --pp-color-btn-accent-text: #fff;   /* --btn-accented-color / -hover */
  --pp-color-notice-success-text: #fff; /* --notices-success-color */
  --pp-color-notice-warning-text: #fff; /* --notices-warning-color */
  --pp-color-text-gray-400: #a5a5a5;  /* --color-gray-400 */
  --pp-color-text-gray-600: #666666;  /* --color-gray-600 */
  --pp-color-text-gray-700: #555555;  /* --color-gray-700 */
  --pp-color-text-gray-300: #bbbbbb;  /* --color-gray-300 (select chevron stroke) */
  --pp-color-border-gray-200: rgba(0,0,0,.075); /* --brdcolor-gray-200 */
  --pp-color-border-gray-400: rgba(0,0,0,.12);  /* --brdcolor-gray-400 */
  --pp-color-border-gray-500: rgba(0,0,0,.2);   /* --brdcolor-gray-500 */
  --pp-color-border-form-focus: rgba(0,0,0,.15); /* --wd-form-brd-color-focus */
  --pp-color-border-accordion: #d5d8dc; /* Elementor nested-accordion item border (product sections) */
  --pp-form-border-width: 1px;        /* --wd-form-brd-width */
  --pp-form-pad-x: 15px;
  --pp-btn-pad: 5px 20px;             /* --btn-padding default */
  --pp-btn-height: 42px;              /* --btn-height default */
  --pp-btn-font-size: 13px;           /* --btn-font-size default */
  --pp-btn-default-shadow: none;      /* D9: flat brand button; was inset 0 -2px 0 rgba(0,0,0,.15) */
  --pp-text-block-spacing: 20px;      /* --wd-block-spacing, p margin-bottom, heading margin-bottom */
  --pp-container-pad: 15px;           /* .container padding-inline */
  --pp-layout-pad-y: 40px;            /* .wd-content-layout padding-block */
  --pp-content-min-h: 50vh;           /* .wd-page-content min-height */
  --pp-header-el-size: 13px;          /* --wd-header-el-font-size (uppercase, 600) */
  --pp-font-icons: "pp-icons";        /* icon font family declared in css/icons.css */
  /* ---- D9 UNIFIED SET (Drago 2026-10-18, docs/frontend-rebuild/design-tokens/unify-proposal.md) ----
     One main type per component. P2 components use these; the legacy 1:1 tokens above stay until each
     component moves over. Buttons/inputs and the base.css content rules (.pp-layout) are on --pp-u-*; removed
     as orphaned: --pp-color-btn-default-bg(-hover), --pp-color-btn-accent-bg(-hover), --pp-form-radius. Decided: buttons brand (applied above), corners stay square (0) on buttons and
     inputs, body text stays #767676, muted #8a8499 (lighter than body). */
  --pp-u-ink: #3a2f63;             /* headings, strong text (replaces #242424 titles) */
  --pp-u-body: #767676;            /* running text, kept */
  --pp-u-muted: #8a8499;           /* meta, breadcrumbs, footer links, struck price (D9: lighter than body) */
  --pp-u-brand: #5d4f89;           /* links in text, prices, primary button, sale badge */
  --pp-u-brand-dark: #4b3f73;      /* hover */
  --pp-u-buy: #558063;             /* add to cart only */
  --pp-u-buy-dark: #486d54;
  --pp-u-weight: 400;              /* only 400 and 600 files load */
  --pp-u-weight-strong: 600;
  --pp-u-radius-control: 0;        /* buttons, inputs: square, kept */
  --pp-u-radius-card: 14px;        /* cards, panels */
  --pp-u-radius-pill: 999px;       /* badges, chips */
  /* type scale: desktop / mobile (<=768px) */
  --pp-u-h1-hero: 56px;    --pp-u-h1-hero-m: 34px;    /* text pages, about, contact, 404; lh 1.06, ls -.035em */
  --pp-u-h1-shop: 32px;    --pp-u-h1-shop-m: 24px;    /* shop, category, product, home intro; lh 1.2 */
  --pp-u-h2-section: 40px; --pp-u-h2-section-m: 26px; /* lh 1.14 */
  --pp-u-h2: 24px;         --pp-u-h2-m: 20px;         /* content H2; lh 1.3 */
  --pp-u-h3: 20px;         --pp-u-h3-m: 18px;         /* lh 1.3 */
  --pp-u-lead: 19px;       --pp-u-lead-m: 17px;       /* lh 1.6 */
  --pp-u-text-long: 16px;  /* articles, lh 1.7 */
  --pp-u-text-ui: 14px;    /* cards, menus, forms */
  --pp-u-text-small: 13px; /* small print, buttons 13/600 uppercase */
  --pp-u-eyebrow: 12px;    /* uppercase, ls .12em, brand, 600 */
  /* ---- Z-INDEX ---- */
  --pp-z-base: 1;
  --pp-z-raised: 2;
  --pp-z-sticky: 340;
  --pp-z-header: 350;
  --pp-z-drawer: 380;
  --pp-z-overlay: 10000;
  --pp-z-modal: 100000;
  /* Q9 closed: top of stack today is 2147483000 (CRO) / 2147482000 (theme), kept as literals there */
}

/* compat: --wd-* custom properties that CRO CSS still reads (includes/, assets/, templates/),
   with the values Woodmart's theme settings render today, so CRO modules look the same
   once Woodmart CSS is dequeued. Do not use in new code, use --pp-*. */
:root {
  /* ---- P12 frozen from --wd-* (c8): values S1 resolves today (undefined at :root on S1 -> the old var() fallback) ---- */
  --pp-otl-width: 2px; /* --wd-otl-width fallback */
  --pp-otl-style: dotted; /* --wd-otl-style fallback */
  --pp-otl-color: #000; /* --wd-otl-color -> --wd-otl-color-scheme fallback #000 (both undefined on S1) */
  --pp-admin-bar-h: 0px; /* --wd-admin-bar-h fallback */
  /* aliases for CRO CSS / markup not yet migrated (P12 c8); only the --wd-* S1 defines at :root today.
     --wd-main-bgcolor -> --pp-color-bg: #fff and #ffffff compute to the same rgb(255, 255, 255). */
  --wd-primary-color: var(--pp-color-primary);
  --wd-title-font: var(--pp-font-heading);
  --wd-text-font: var(--pp-font-body);
  --wd-main-bgcolor: var(--pp-color-bg);
  --wd-container-w: var(--pp-container);
  --wd-brd-radius: var(--pp-radius-none);
  --btn-accented-bgcolor: #558063;
  --btn-accented-bgcolor-hover: #486d54;
}

/* Breakpoints (CSS vars cannot be used in @media). Observed: theme 1024 x71, 768 x26 (+769), 480, 640, 575/576, 1350;
   CRO 640, 960, 768, 1024, 600, 480.
   --pp-bp-xs: 480px;  --pp-bp-sm: 640px;  --pp-bp-md: 768px (769 = min-width twin);
   --pp-bp-lg: 1024px (1025 = min-width twin);  --pp-bp-xl: 1350px (container). */
/* base.css - what Woodmart base.min.css + the Elementor kit gave the page, for the new frontend.
   Element selectors are global on purpose: this file loads only on taken pages.
   Selector shapes and specificity mirror Woodmart (:is/:where kept) so CRO CSS wins where it wins today.
   Values come from tokens.css (--pp-*); the Woodmart source is noted per block. */

/* reset (base.min.css) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font: inherit;
  font-size: 100%;
}
*, *::before, *::after { box-sizing: border-box; }
ol, ul { list-style: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
a, button, input { touch-action: manipulation; }
button, input, optgroup, select, textarea { margin: 0; color: inherit; font: inherit; }
button { overflow: visible; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

/* html + body */
html {
  line-height: 1;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: sans-serif;
  overflow-x: hidden;
  overflow-y: scroll;
  font-size: var(--pp-text-base);
  scrollbar-gutter: stable;
}
body {
  margin: 0;
  background-color: var(--pp-color-bg);
  color: var(--pp-color-text-body-legacy);
  text-rendering: optimizeLegibility;
  font-weight: var(--pp-weight-regular);
  font-style: normal;
  font-size: var(--pp-text-base);
  font-family: var(--pp-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: var(--pp-leading-body);
}
:is(body) { height: auto; }
@supports (overflow: clip) {
  body { overflow-x: clip; }
}
@media (max-width: 1024px) {
  @supports not (overflow: clip) {
    body { overflow: hidden; }
  }
}

/* text */
p { margin-bottom: var(--pp-tags-mb, var(--pp-text-block-spacing)); }
a {
  color: var(--pp-color-link);
  transition: all .25s ease;
  text-decoration: none; /* --wd-link-decor renders as "underline none currentColor": no decoration */
}
a:is(:hover, :focus, :active) { outline: none; text-decoration: none; }
a:hover { color: var(--pp-color-link-hover); }
a:focus { outline: none; }
:is(h1, h2, h3, h4, h5, h6, .title) a { color: inherit; text-decoration: none; }
:is(h1, h2, h3, h4, h5, h6, .title) a:hover { color: var(--pp-color-link-hover); }
label {
  display: block;
  margin-bottom: 5px;
  color: var(--pp-color-title-legacy);
  vertical-align: middle;
  font-weight: 400;
}
big { font-size: larger; }
abbr { border-bottom: 1px dotted; color: #d62432; text-decoration: none; }
acronym { border-bottom: 1px dotted; text-decoration: none; }
abbr[title] { border: none; }
dl { margin-bottom: 20px; }
strong, b { font-weight: var(--pp-weight-semibold); }
code, kbd { padding: 2px 5px; }
code, kbd, pre, samp { hyphens: none; font-family: monospace, serif; }
pre {
  overflow: auto;
  margin-bottom: 20px;
  padding: 20px;
  background: var(--pp-color-bg-alt);
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 1; }
sup { top: -.25em; }
sub { bottom: -.25em; }
small { font-size: 80%; }
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: none;
  border-bottom: 1px solid currentColor;
  opacity: .2;
}
blockquote {
  margin-bottom: 20px;
  padding-left: 30px;
  border-left: 2px solid var(--pp-color-primary);
  text-align: left;
  font-size: 110%;
  --pp-tags-mb: 10px;
}
em, dfn, var, cite { font-style: italic; }                                              /* Woodmart base.min.css, undoes the reset */
blockquote cite { display: block; margin-top: 10px; color: var(--pp-color-primary); font-weight: var(--pp-weight-semibold); font-size: 90%; }
blockquote cite a { color: inherit; }
address { margin-bottom: 20px; font-style: italic; font-size: 1.1em; line-height: 1.8; }
fieldset { margin-bottom: 20px; padding: 20px 40px; border: 2px solid var(--pp-color-border-neutral); border-radius: 0; }
fieldset legend { margin-bottom: 0; padding-right: 15px; padding-left: 15px; width: auto; }
legend { text-transform: uppercase; font-size: 22px; }
audio, canvas, progress { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
img { max-width: 100%; height: auto; border: 0; vertical-align: middle; }

/* headings: the Woodmart base sizes (base.min.css has no responsive heading step) */
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 12px; }
legend, h1, h2, h3, h4, h5, h6, .title {
  display: block;
  margin-bottom: var(--pp-tags-mb, var(--pp-text-block-spacing));
  color: var(--pp-color-title-legacy);
  font-weight: var(--pp-weight-semibold);
  font-style: normal;
  font-family: var(--pp-font-heading);
  line-height: 1.4;
}

/* lists: the --list-mb / --li-mb / --li-pl logic */
:is(ul, ol) { margin-bottom: var(--list-mb); padding-left: var(--li-pl); --list-mb: 20px; --li-mb: 10px; --li-pl: 17px; }
:is(ul, ol) li { margin-bottom: var(--li-mb); }
:is(ul, ol) li:last-child { margin-bottom: 0; }
li > :is(ul, ol) { margin-top: var(--li-mb); margin-bottom: 0; }
ul { list-style: disc; }
ol { list-style: decimal; }
dl dt { color: var(--pp-color-link); font-weight: var(--pp-weight-semibold); } /* --color-gray-800 #333 */
dl dd { margin-bottom: 20px; }

/* D9 content rules (c7): page content root only (main.pp-layout); chrome keeps the global legacy rules above.
   :where() keeps specificity at the global level so css/pages/<type>.css (loaded later) wins. */
:where(.pp-layout) { color: var(--pp-u-body); }
:where(.pp-layout) :is(h1, h2, h3, h4, h5, h6, .title, legend, label, th) { color: var(--pp-u-ink); }
:where(.pp-layout) :is(h1, h2, h3, h4, h5, h6, .title) { font-weight: var(--pp-u-weight-strong); }
:where(.pp-layout) a:where(:not(.btn):not(.button)) { color: var(--pp-u-brand); }
:where(.pp-layout) a:where(:not(.btn):not(.button)):hover { color: var(--pp-u-brand-dark); }
:where(.pp-layout) :is(h1, h2, h3, h4, h5, h6, .title) a:hover { color: var(--pp-u-brand-dark); }
:where(.pp-layout) dl dt { color: var(--pp-u-ink); }

/* table */
table { margin-bottom: 35px; width: 100%; border-spacing: 0; border-collapse: collapse; line-height: 1.4; }
table th {
  padding: 15px 10px;
  border-bottom: 2px solid var(--pp-color-border-gray-200);
  color: var(--pp-color-title-legacy);
  text-transform: uppercase;
  font-size: 16px;
  font-weight: var(--pp-weight-semibold);
  font-style: normal;
  font-family: var(--pp-font-heading);
  vertical-align: middle;
  text-align: start;
}
table td { padding: 15px 12px; border-bottom: 1px solid var(--pp-color-border-neutral); vertical-align: middle; text-align: start; }
table :is(tbody, tfoot) th { border-bottom: 1px solid var(--pp-color-border-neutral); text-transform: none; font-size: inherit; }
/* block table (Woodmart wp-blocks.min.css) */
.wp-block-table table { margin-bottom: 0; }
.wp-block-table figcaption { margin-top: 10px; }
.wp-block-table.is-style-stripes { border-bottom: none; }

/* form fields */
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], input[type='password'], :root textarea, :root select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], :root textarea, :root select {
  padding: 0 var(--pp-form-pad-x);
  max-width: 100%;
  width: 100%;
  height: var(--pp-form-height);
  border: var(--pp-form-border-width) solid var(--pp-color-border-form);
  border-radius: var(--pp-u-radius-control);
  background-color: transparent;
  box-shadow: none;
  color: inherit;
  vertical-align: middle;
  font-size: 14px;
  transition: border-color .5s ease;
}
input[type='email']:focus, input[type='date']:focus, input[type='search']:focus, input[type='number']:focus, input[type='text']:focus, input[type='tel']:focus, input[type='url']:focus, input[type='password']:focus, :root textarea:focus, :root select:focus {
  outline: none;
  border-color: var(--pp-color-border-form-focus);
  transition: border-color .4s ease;
}
input[type="radio"], input[type="checkbox"] { box-sizing: border-box; margin-top: 0; padding: 0; vertical-align: middle; margin-inline-end: 5px; cursor: pointer; }
input[type="search"] { box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type="number"] { padding: 0; text-align: center; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="date"] { -webkit-appearance: none; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; }
input[type="date"]::-webkit-date-and-time-value { text-align: start; }
:root textarea { overflow: auto; padding: 10px var(--pp-form-pad-x); min-height: 190px; resize: vertical; }
/* chevron = Woodmart --wd-form-chevron (svg, stroke #bbb) */
:root select {
  padding-right: 30px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNi41IDYgNi41LTYiLz48L3N2Zz4=");
  background-position: right 10px top 50%;
  background-size: auto 18px;
  background-repeat: no-repeat;
}
:root select option { background-color: var(--pp-color-bg); }
input:-webkit-autofill {
  border-color: var(--pp-color-border-form);
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  -webkit-text-fill-color: inherit;
}
input:focus:-webkit-autofill { border-color: var(--pp-color-border-form-focus); }

/* generic button (the --btn-* hooks stay so inline CRO styles can still set them) */
:is(.btn, .button, button, [type=submit], [type=button]) {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  outline: none;
  border-radius: var(--btn-brd-radius, 0px);
  vertical-align: middle;
  text-align: center;
  text-decoration: none !important;
  text-shadow: none;
  line-height: 1.2;
  cursor: pointer;
  transition: all .25s ease;
  color: var(--btn-color, #3e3e3e);
  border: var(--btn-brd-width, 0px) var(--btn-brd-style, solid) var(--btn-brd-color, #e9e9e9);
  background-color: var(--btn-bgcolor, #f3f3f3);
  box-shadow: var(--btn-box-shadow, unset);
  text-transform: var(--btn-transform, uppercase);
  font-weight: var(--btn-font-weight, 600);
  font-family: var(--btn-font-family, inherit);
  font-style: var(--btn-font-style, unset);
  padding: var(--btn-padding, var(--pp-btn-pad));
  min-height: var(--btn-height, var(--pp-btn-height));
  font-size: var(--btn-font-size, var(--pp-btn-font-size));
}
:is(.btn, .button, button, [type=submit], [type=button]):hover {
  color: var(--btn-color-hover, var(--btn-color, #3e3e3e));
  border-color: var(--btn-brd-color-hover, var(--btn-brd-color, #e0e0e0));
  background-color: var(--btn-bgcolor-hover, var(--btn-bgcolor, #e0e0e0));
  box-shadow: var(--btn-box-shadow-hover, var(--btn-box-shadow, unset));
}
button[disabled], input[disabled] { opacity: .6 !important; cursor: default !important; }
/* --btn-default-* / --btn-accented-* values of the theme settings */
.btn.btn-default {
  border-radius: var(--pp-u-radius-control);
  color: var(--pp-color-btn-default-text);
  box-shadow: var(--pp-btn-default-shadow);
  background-color: var(--pp-u-brand);
  text-transform: var(--btn-transform, uppercase);
  font-weight: var(--btn-font-weight, var(--pp-u-weight-strong));
}
.btn.btn-default:hover {
  color: var(--pp-color-btn-default-text);
  box-shadow: var(--pp-btn-default-shadow);
  background-color: var(--pp-u-brand-dark);
}
.btn.btn-default:active { box-shadow: unset; bottom: -1px; }
.btn.btn-accent {
  border-radius: var(--pp-u-radius-control);
  color: var(--pp-color-btn-accent-text);
  box-shadow: none;
  background-color: var(--pp-u-buy);
  text-transform: var(--btn-transform, uppercase);
  font-weight: var(--btn-font-weight, var(--pp-u-weight-strong));
}
.btn.btn-accent:hover { color: var(--pp-color-btn-accent-text); box-shadow: none; background-color: var(--pp-u-buy-dark); }
.btn.btn-accent:active { box-shadow: none; bottom: 0; }
:is(a, button, input[type="submit"], input[type="checkbox"], input[type="button"], input[type="file"], [tabindex="0"]):focus-visible {
  outline: var(--pp-otl-width) var(--pp-otl-style) var(--pp-otl-color) !important;
  outline-offset: calc(var(--pp-otl-width) * -1 / 2); /* --wd-otl-offset is undefined on S1: its fallback, computed per element */
  transition: none !important;
}
input[tabindex="0"]:focus-visible { --pp-otl-width: 0 !important; }

/* screen-reader-text (Woodmart matches [class*="screen-reader"]) */
[class*="screen-reader"] { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); transform: scale(0); }

/* shell wrappers */
.pp-site { position: relative; background-color: var(--pp-color-bg); }                /* .wd-page-wrapper */
body:not([class*="wrapper-boxed"]) { background-color: var(--pp-color-bg); }
.pp-main { min-height: var(--pp-content-min-h); background-color: var(--pp-color-bg); } /* .wd-page-content */
.pp-container { width: 100%; max-width: var(--pp-container); padding-inline: var(--pp-container-pad); margin-inline: auto; } /* .container */
.pp-layout { padding-block: var(--pp-layout-pad-y); }                                  /* main.wd-content-layout (carries .pp-container too) */
.pp-content-area { display: block; }                                                   /* .wd-content-area.site-content: no rules of its own in Woodmart */
:is(.pp-entry) > * { margin-block: 0 var(--pp-text-block-spacing); }                   /* .entry-content child spacing */
:is(.pp-entry) > :where(*:last-child) { margin-bottom: 0; }
/* icons.css - the icon font of the new frontend. The only font declaration of frontend/.
   Byte copy of the Woodmart font file woodmart-font-1-400.woff2 (8.6.4; the 11 glyphs below are identical to 8.4.1); same declaration as Woodmart (400, normal). */
@font-face {
  font-family: "pp-icons";
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/woodmart-font-1-400.woff2") format("woff2");
}

/* Base: the font settings the Woodmart icon pseudo-elements use (family woodmart-font, weight 400, style normal). */
.pp-icon::before {
  font-family: var(--pp-font-icons, "pp-icons");
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Glyphs: codepoints from Woodmart css/parts (the source selector is noted). */
.pp-icon--search::before { content: "\f130"; }      /* .wd-header-search .wd-tools-icon:before */
.pp-icon--bag::before { content: "\f105"; }         /* .wd-header-cart .wd-tools-icon:before */
.pp-icon--user::before { content: "\f124"; }        /* .wd-header-my-account .wd-tools-icon:before */
.pp-icon--heart::before { content: "\f106"; }       /* .wd-header-wishlist .wd-tools-icon:before */
.pp-icon--compare::before { content: "\f128"; }     /* .wd-header-compare .wd-tools-icon:before */
.pp-icon--burger::before { content: "\f15a"; }      /* .wd-header-mobile-nav .wd-tools-icon:before */
.pp-icon--close::before { content: "\f112"; }       /* .wd-sh-clear:before, mini cart .remove:after */
.pp-icon--angle-down::before { content: "\f129"; }  /* .wd-nav>li.menu-item-has-children>a:after */
.pp-icon--angle-right::before { content: "\f113"; } /* .wd-nav-opener:after */
.pp-icon--arrow-up::before { content: "\f115"; }    /* .scrollToTop:after */
.pp-icon--shop::before { content: "\f146"; }        /* .wd-toolbar-shop .wd-tools-icon:before */
/* PeptidePower frontend component kit. Values trace to Woodmart 8.4.1 css/parts
   (base, mod-tools, header-el-base, header-el-cart-side, header-base) and the
   computed styles of the old roots in p1-ref chrome.json. */

/* ---- Button: Woodmart base.min.css :is(.btn,.button,button) ---- */
.pp-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	box-sizing: border-box;
	outline: none;
	border: 0 solid #e9e9e9;
	border-radius: 0;
	vertical-align: middle;
	text-align: center;
	text-decoration: none !important;
	text-shadow: none;
	line-height: 1.2;
	cursor: pointer;
	transition: all .25s ease;
	padding: 5px 20px;
	min-height: 42px;
	font-size: 13px;
	font-weight: 600;
	font-family: inherit;
	text-transform: uppercase;
}
.pp-btn--default {
	color: #3e3e3e;
	background-color: #f3f3f3;
}
.pp-btn--default:hover {
	color: #3e3e3e;
	border-color: #e0e0e0;
	background-color: #e0e0e0;
}
.pp-btn--accent {
	color: #fff;
	background-color: #558063;
}
.pp-btn--accent:hover {
	color: #fff;
	background-color: #486d54;
}

/* ---- Input: additions only, the field base is in base.css ---- */
.pp-input {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
	min-height: var(--pp-form-height, 42px);
}
.pp-input:focus {
	outline: none;
}

/* ---- Badge: header .wd-tools-count bubble (mod-tools.min.css) ---- */
.pp-badge {
	--pp-badge-size: 15px;
	position: absolute;
	top: -5px;
	inset-inline-end: -9px;
	z-index: 1;
	width: var(--pp-badge-size);
	height: var(--pp-badge-size);
	border-radius: 50%;
	background-color: var(--pp-color-primary);
	color: #fff;
	text-align: center;
	letter-spacing: 0;
	font-weight: 400;
	font-size: 9px;
	line-height: var(--pp-badge-size);
}
.pp-badge--inline {
	position: static;
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0 2px;
	font-weight: 600;
	font-size: 10px;
	line-height: inherit;
}
.pp-badge--low { top: -3px; inset-inline-end: -7px; }

/* ---- Drawer: Woodmart .wd-side-hidden ---- */
.pp-drawer {
	--pp-drawer-w: var(--pp-drawer-width, 340px);
	position: fixed;
	inset-block: var(--pp-admin-bar-h) 0;
	z-index: 500; /* .wd-side-hidden z-index:500 (--pp-z-drawer is 380, not this value) */
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	width: min(var(--pp-drawer-w), 100vw);
	background-color: #fff;
	visibility: hidden;
	transition: transform .5s cubic-bezier(.19, 1, .22, 1), visibility 0s .5s;
	outline: none !important;
}
.pp-drawer--left {
	right: auto;
	left: 0;
	transform: translate3d(-100%, 0, 0);
}
.pp-drawer--right {
	right: 0;
	left: auto;
	transform: translate3d(100%, 0, 0);
}
.pp-drawer.pp-is-open { transform: none; visibility: visible; transition-delay: 0s; }
.pp-drawer__head {
	/* .wd-heading */
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	padding: 20px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .105); /* --brdcolor-gray-300 */
}
.pp-drawer__title {
	/* .wd-heading .title */
	flex: 1 1 auto;
	margin-bottom: 0;
	font-size: 130%;
}
.pp-drawer .pp-drawer__close {
	/* .close-side-widget.wd-action-btn.wd-style-text > a (+ .wd-heading ... > a height) */
	position: relative;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	box-sizing: border-box;
	height: 25px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: none;
	cursor: pointer;
	color: #333; /* --wd-action-color: --color-gray-800 */
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-transform: none;
	text-decoration: none;
	transition: none;
}
.pp-drawer .pp-drawer__close:hover {
	color: #767676; /* --wd-action-color-hover: --color-gray-500 */
	background: none;
	box-shadow: none;
}
.pp-drawer__close .pp-icon {
	/* .wd-style-text .wd-action-icon + :before */
	margin-inline-end: .3em;
	font-size: 1.1em; /* --wd-action-icon-size */
	font-weight: 400;
	transition: color .25s ease, opacity .15s ease;
}
.pp-drawer__body {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

/* ---- Overlay: Woodmart .wd-close-side.wd-fill ---- */
.pp-overlay {
	position: fixed;
	inset: 0;
	z-index: 400; /* .wd-close-side z-index:400 */
	background-color: rgba(0, 0, 0, .7);
	opacity: 0;
	pointer-events: none;
	transition: opacity .5s cubic-bezier(.19, 1, .22, 1), z-index 0s cubic-bezier(.19, 1, .22, 1) .5s, top 0s cubic-bezier(.19, 1, .22, 1) .5s;
}
.pp-overlay.pp-is-open {
	opacity: 1;
	pointer-events: auto;
	transition-delay: 0s;
}

/* Woodmart base.min.css @media (max-width:1024px): narrow drawer, overlay top, scroll lock */
@media (max-width: 1024px) {
	.pp-drawer { --pp-drawer-w: min(300px, 80vw); }
	.pp-overlay { top: -150px; }
	html.pp-has-drawer { overflow: hidden; }
	html.pp-has-drawer #wpadminbar { z-index: 400; }
}

/* ---- Dropdown: Woodmart .wd-dropdown (+ .wd-dropdown-menu.wd-design-default) ---- */
[data-pp-dropdown] { position: relative; }
.pp-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 380; /* .wd-dropdown z-index:380 */
	box-sizing: border-box;
	min-width: var(--pp-dropdown-width, 220px); /* .wd-design-default --wd-dropdown-width */
	margin-top: 15px;
	margin-right: 0;
	padding: var(--pp-dropdown-padding, 12px 20px); /* .wd-design-default --wd-dropdown-padding */
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .15);
	text-align: start;
	border-radius: var(--pp-radius-none);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transform: translateY(15px) translateZ(0);
	transition: opacity .4s cubic-bezier(.19, 1, .22, 1), visibility .4s cubic-bezier(.19, 1, .22, 1), transform .4s cubic-bezier(.19, 1, .22, 1);
}
.pp-dropdown::after {
	/* .wd-dropdown:after: hover bridge over the 15px gap */
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 100%;
	height: 15px;
}
[data-pp-dropdown].pp-is-open > .pp-dropdown,
[data-pp-dropdown]:not([data-pp-dropdown-event="click"]):not([data-pp-dropdown-dismissed]):hover > .pp-dropdown,
[data-pp-dropdown]:not([data-pp-dropdown-event="click"]):not([data-pp-dropdown-dismissed]):focus-within > .pp-dropdown {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: none !important;
}

/* ---- Tabs: Woodmart ul.wd-nav.wd-nav-mob-tab.wd-style-underline ---- */
.pp-tabs__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 0; /* --nav-gap-v 5px, --nav-gap 0 */
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: start;
	border-bottom: 1px solid rgba(0, 0, 0, .105); /* --brdcolor-gray-300 */
}
.pp-tabs__nav > * {
	/* .wd-nav-mob-tab > li */
	position: relative;
	flex: 1 0 50%;
	max-width: 50%;
	margin: 0;
	padding: 0;
}
.pp-tabs__nav .pp-tabs__btn {
	/* .wd-nav > li > a with --nav-pd 18px 15px; the 1px padding-block and the
	   1.2 line-height of .nav-link-text are folded in (19px, 1.2) */
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: 100%;
	height: 100%;
	min-height: 42px;
	margin: 0;
	padding: 19px 15px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	background-color: rgba(0, 0, 0, .04); /* --nav-bg */
	color: rgba(51, 51, 51, .5); /* --nav-color: rgba(--wd-navigation-color, .5) */
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	transition: none;
}
.pp-tabs__nav .pp-tabs__btn:hover {
	background-color: rgba(0, 0, 0, .04); /* --nav-bg-hover = --nav-bg */
	color: rgb(51, 51, 51); /* --nav-color-hover */
	box-shadow: none;
}
.pp-tabs__nav .pp-tabs__btn.pp-is-active {
	background-color: rgba(0, 0, 0, .09); /* --nav-bg-active */
	color: rgb(51, 51, 51); /* --nav-color-active = --nav-color-hover */
}
.pp-tabs__btn::after {
	/* .wd-style-underline .nav-link-text:after, mob-tab: bottom -1px */
	content: "";
	position: absolute;
	top: auto;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: var(--pp-color-primary); /* --wd-primary-color */
	transition: width .4s cubic-bezier(.19, 1, .22, 1);
}
.pp-tabs__nav > :first-child > .pp-tabs__btn::after,
.pp-tabs__nav > .pp-tabs__btn:first-child::after {
	/* header-base.min.css: first tab grows from the inner edge */
	right: 0;
	left: auto;
}
.pp-tabs__btn:hover::after,
.pp-tabs__btn.pp-is-active::after { width: 100%; }
.pp-tabs__panel { display: none; }
.pp-tabs__panel.pp-is-active { display: block; }

/* ---- Generic cms_block (.pp-block): html_block shortcode + mega menu blocks.
   Measured on A (8085, desktop 1400px, Playwright getComputedStyle, 2026-10-24): menu link a = 14px/18.2px,
   rgb(131,131,131), padding 8px 0, text-align left; menu title (.nav-link-text) = 14px/19.6px, weight 600,
   rgb(51,51,51); list li = 14px/22.4px, rgb(118,118,118), left. Link hover = css/footer.css value
   rgba(51,51,51,.8) (footer-traced; hover not measurable headless). Divider line = footer copyrights border
   rgba(0,0,0,.105). These are prior-run measurements, not new screenshot evidence.
   Explicit layout/typography values now come from frozen Elementor settings via --pp-block-*:
   posts/732.json a481e56 = row, 30px row/column gap, 20px bottom margin; its text widgets =
   Poppins 16px/600. posts/15484.json 80d5123/f7f9555 = 65px/20px bottom widget margin.
   posts/8371.json 6de45b2 = column on mobile. Typography and spacing cascade across breakpoints;
   container mobile width resets to 100% (Elementor includes/elements/container.php width device_args).
   Revision measurements: shots-t3/15491-en-desktop-a.json, 15484-en-{desktop,mobile}-a.json,
   30811-en-{desktop,mobile}-a.json. Shared footer markup gets block-local overrides below. ---- */
/* A fixture root: 16px/25.6px sans-serif, black, regular. Keep ownership local; frozen
   widget typography (including 732 Poppins) still overrides these inherited defaults. */
.pp-block { display: block; font: 400 16px/1.6 sans-serif; color: #000; }
.pp-block *, .pp-block *::before, .pp-block *::after { box-sizing: border-box; }
/* Woodmart base.min.css text/list/table defaults; 30811 A confirms paragraph 20px,
   list indent 17px, row margin 10px. Structured HTML author rules below can override. */
.pp-block p { margin: 0 0 20px; }
.pp-block strong, .pp-block b { font-weight: 700; }
.pp-block :is(h1,h2,h3,h4,h5,h6) { font-family: inherit; font-weight: 400; line-height: 1.4; color: inherit; }
.pp-block table { margin: 0 0 35px; width: 100%; border-spacing: 0; border-collapse: collapse; line-height: 1.4; }
/* 31789 A desktop/mobile TH inherits the author system-ui stack (600 12px/16.8px).
   Override base.css table th heading font only within block HTML; retain automatic column sizing. */
.pp-block__html table th { font-family: inherit; }
.pp-block__text :is(ul,ol) { margin: 0 0 20px; padding-left: 17px; }
.pp-block__text ul { list-style: disc; }
.pp-block__text ol { list-style: decimal; }
.pp-block__text li { margin: 0 0 10px; }
.pp-block__text li:last-child { margin-bottom: 0; }
.pp-block__section { display: flex; flex-wrap: wrap; box-sizing: border-box; width: 100%; }
.pp-block__column { box-sizing: border-box; max-width: 100%; }
.pp-block__column--full, .pp-block__section--full { width: 100%; }
.pp-block__w { margin: 0; }
.pp-block__text > :last-child { margin-bottom: 0; }
/* Footer markup is shared, but its logo-only 65% mobile width must not size block images.
   A 732 mobile: widget width 333px, image natural width 300px; desktop image shrinks to 277.5px. */
.pp-block .pp-footer__image { width: 100%; }
.pp-block__image img { display: block; max-width: 100%; height: auto; }
.pp-block__html { display: block; }
.pp-block__divider { border: 0; border-top: 1px solid rgba(0, 0, 0, 0.105); margin: 0; }
/* Woodmart class-title.php wrapper/liner + el-section-title.min.css: inline titles,
   10px inter-element margins, last-child reset, centered by default. A small title:
   18px/25.2px desktop, 20px/28px <=576px; after-title 14px/22.4px. */
.pp-block__title > * { margin: 0 0 10px; }
.pp-block__title > :last-child, .pp-block__title-after > :last-child { margin-bottom: 0; }
.pp-block .pp-block__title-text { display: inline-block; margin: 0; font-size: 18px; }
.pp-block__subtitle, .pp-block__title-after { display: inline-block; font-size: 14px; }
@media (max-width: 576px) {
	.pp-block .pp-block__title-text { font-size: 20px; }
	.pp-block__subtitle { font-size: 12px; }
}
/* Woodmart base.min.css .wd-sub-menu li>a; undo footer-only negative row margins.
   A 15491: 12 rows x (18.2px + 16px) = 410.25px after browser rounding. */
.pp-block .pp-footer__menu, .pp-block .pp-footer__menu-item { margin: 0; padding: 0; list-style: none; }
.pp-block .pp-block__menu-link { position: relative; display: flex; align-items: center; padding: 8px 0; font: 400 14px/1.3 sans-serif; color: #838383; text-decoration: none; }
.pp-block__menu-title .pp-block__menu-link { font-weight: 600; text-transform: uppercase; color: #333; }
/* mod-nav-menu-label.min.css + base.min.css .wd-sub-menu li>a .menu-label.
   Unresolved primary color in supplied A is transparent; no invented brand fill. */
.pp-block__menu-label { position: relative; bottom: 85%; z-index: 1; display: inline-block; margin: -20px 0 0 -20px; align-self: flex-start; padding: 2px 4px; border-radius: 0; background: var(--pp-block-label-color, transparent); color: #fff; text-transform: uppercase; white-space: nowrap; font: 600 9px/12px sans-serif; }
.pp-block__menu-label::before { content: ""; position: absolute; top: 100%; left: 10px; border: 4px solid var(--pp-block-label-color, transparent); border-bottom-color: transparent; border-right-color: transparent; border-right-width: 7px; border-left-width: 0; }
.pp-block__menu-label--orange { --pp-block-label-color: #fbbc34; }
.pp-block__menu-label--red { --pp-block-label-color: #d41212; }
.pp-block__menu-label--green { --pp-block-label-color: #65b32e; }
.pp-block__menu-label--blue { --pp-block-label-color: #00a1be; }
.pp-block__menu-label--black { --pp-block-label-color: #000; }
.pp-block__menu-label--grey { --pp-block-label-color: #f1f1f1; color: #333; }
.pp-block__menu-label--white { --pp-block-label-color: #fff; color: #333; }
/* Woodmart button defaults: base.min.css + el-button.min.css, class-button.php
   center alignment; A 15484 has 42px height, white primary text, transparent fill. */
.pp-block .pp-block__button { font: 600 13px/1.2 sans-serif; padding: 5px 20px; min-height: 42px; border: 0; color: #3e3e3e; background: #f3f3f3; }
.pp-block .pp-block__button--primary { color: #fff; background: transparent; }
.pp-block .pp-block__button--primary:hover { color: #fff; box-shadow: inset 0 0 0 1000px rgba(0,0,0,.1); }
.pp-block .pp-block__button--round { border-radius: 35px; }
.pp-block .pp-footer__list, .pp-block .pp-footer__menu, .pp-block .pp-footer__menu-item, .pp-block .pp-footer__menu-item a { text-align: left; }
.pp-block .pp-footer__li { justify-content: flex-start; }
.pp-block__icon-list { margin: 0; padding: 0; list-style: none; }
.pp-block__icon-li a { display: inline-block; padding: 8px 0; color: rgb(131, 131, 131); font-size: 14px; line-height: 18.2px; }
.pp-block__icon-li a:hover { color: rgba(51, 51, 51, 0.8); }
/* Elementor widget-nested-accordion.min.css; A 30811 desktop/mobile summary:
   10px padding + 1px #d5d8dc border + 25.6px line = 47.59375px. Background is
   frozen accordion_background_normal_color. Body padding remains frozen _padding
   (20px on text widgets), not an extra inset on the accordion wrapper. */
.pp-block__acc-item { margin: 0; padding: 0; border: 0; }
.pp-block__acc-title { display: flex; align-items: center; gap: 0 10px; padding: 10px; border: 1px solid #d5d8dc; background: var(--pp-block-acc-background, transparent); color: #1f2124; font: inherit; cursor: pointer; list-style: none; }
.pp-block__acc-title::-webkit-details-marker { display: none; }
.pp-block__acc-title:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
/* Elementor default Font Awesome plus/minus (448x512), icon-size 15px. */
.pp-block__acc-icon { display: flex; flex-shrink: 0; }
.pp-block__acc-icon svg { height: 15px; width: 13.125px; fill: currentColor; }
.pp-block__acc-icon svg:last-child, .pp-block__acc-item[open] > summary svg:first-child { display: none; }
.pp-block__acc-item[open] > summary svg:last-child { display: block; }
.pp-block__acc-item:not([open]) > .pp-block__acc-body { display: none; }
.pp-block__acc-body > .pp-block__section, .pp-block__acc-body > .pp-block__column { width: 100%; }
/* Column stacking traced to Elementor frontend.min.css (8087 plugin copy): @media (max-width:767px) { .elementor-column { width: 100% } } (Elementor default mobile breakpoint). */
@media (max-width: 767px) {
	.pp-block__column:not(.pp-block__container) { width: 100% !important; }
}

/* Per-node values must not leak into descendant nodes through custom-property inheritance. */
.pp-block__section, .pp-block__column, .pp-block__w {
	--pp-block-width: initial;
	--pp-block-width-tablet: initial;
	--pp-block-width-mobile: initial;
	--pp-block-padding: initial;
	--pp-block-padding-tablet: initial;
	--pp-block-padding-mobile: initial;
	--pp-block-margin: initial;
	--pp-block-margin-tablet: initial;
	--pp-block-margin-mobile: initial;
	--pp-block-font-size: initial;
	--pp-block-font-size-tablet: initial;
	--pp-block-font-size-mobile: initial;
	--pp-block-line-height: initial;
	--pp-block-line-height-tablet: initial;
	--pp-block-line-height-mobile: initial;
	--pp-block-font-weight: initial;
	--pp-block-font-weight-tablet: initial;
	--pp-block-font-weight-mobile: initial;
	--pp-block-font-family: initial;
	--pp-block-font-family-tablet: initial;
	--pp-block-font-family-mobile: initial;
	--pp-block-direction: initial;
	--pp-block-direction-tablet: initial;
	--pp-block-direction-mobile: initial;
	--pp-block-direction-wrap: initial;
	--pp-block-direction-wrap-tablet: initial;
	--pp-block-direction-wrap-mobile: initial;
	--pp-block-wrap: initial;
	--pp-block-wrap-tablet: initial;
	--pp-block-wrap-mobile: initial;
	--pp-block-row-gap: initial;
	--pp-block-row-gap-tablet: initial;
	--pp-block-row-gap-mobile: initial;
	--pp-block-column-gap: initial;
	--pp-block-column-gap-tablet: initial;
	--pp-block-column-gap-mobile: initial;
	--pp-block-align-items: initial;
	--pp-block-align-items-tablet: initial;
	--pp-block-align-items-mobile: initial;
	--pp-block-justify-content: initial;
	--pp-block-justify-content-tablet: initial;
	--pp-block-justify-content-mobile: initial;
	width: var(--pp-block-width, 100%);
	padding: var(--pp-block-padding, 0);
	margin: var(--pp-block-margin, 0);
	font-size: var(--pp-block-font-size, inherit);
	line-height: var(--pp-block-line-height, inherit);
	font-weight: var(--pp-block-font-weight, inherit);
	font-family: var(--pp-block-font-family, inherit);
}
/* Elementor assets/css/frontend.css .e-con: row/column gap 20px, .e-flex: column.
   A shots-t3/732-en-{desktop,mobile}.json confirms child gap 20px (295.59375px mobile height).
   Boxed legacy parents use a column wrapper and a row .e-con-inner; this view flattens that
   wrapper, so retain the configured row here and let mobile full-width children wrap. */
.pp-block__container {
	display: flex;
	min-width: 0;
	flex-direction: var(--pp-block-direction, column);
	flex-wrap: var(--pp-block-wrap, nowrap);
	row-gap: var(--pp-block-row-gap, 20px);
	column-gap: var(--pp-block-column-gap, 20px);
	align-items: var(--pp-block-align-items, normal);
	justify-content: var(--pp-block-justify-content, normal);
}
@media (max-width: 1024px) {
	.pp-block__section, .pp-block__column, .pp-block__w {
		width: var(--pp-block-width-tablet, var(--pp-block-width, 100%));
		padding: var(--pp-block-padding-tablet, var(--pp-block-padding, 0));
		margin: var(--pp-block-margin-tablet, var(--pp-block-margin, 0));
		font-size: var(--pp-block-font-size-tablet, var(--pp-block-font-size, inherit));
		line-height: var(--pp-block-line-height-tablet, var(--pp-block-line-height, inherit));
		font-weight: var(--pp-block-font-weight-tablet, var(--pp-block-font-weight, inherit));
		font-family: var(--pp-block-font-family-tablet, var(--pp-block-font-family, inherit));
	}
	.pp-block__container {
		flex-direction: var(--pp-block-direction-tablet, var(--pp-block-direction, column));
		flex-wrap: var(--pp-block-wrap-tablet, var(--pp-block-wrap, nowrap));
		row-gap: var(--pp-block-row-gap-tablet, var(--pp-block-row-gap, 20px));
		column-gap: var(--pp-block-column-gap-tablet, var(--pp-block-column-gap, 20px));
		align-items: var(--pp-block-align-items-tablet, var(--pp-block-align-items, normal));
		justify-content: var(--pp-block-justify-content-tablet, var(--pp-block-justify-content, normal));
	}
}
/* post-732.css gates desktop widths at min-width:769px (site mobile breakpoint 768px).
   Elementor frontend.css .e-con.e-flex mobile rule resets width and enables wrapping.
   Explicit mobile widths and wrap settings still take precedence. */
@media (max-width: 768px) {
	.pp-block__section, .pp-block__column, .pp-block__w {
		width: var(--pp-block-width-mobile, var(--pp-block-width-tablet, var(--pp-block-width, 100%)));
		padding: var(--pp-block-padding-mobile, var(--pp-block-padding-tablet, var(--pp-block-padding, 0)));
		margin: var(--pp-block-margin-mobile, var(--pp-block-margin-tablet, var(--pp-block-margin, 0)));
		font-size: var(--pp-block-font-size-mobile, var(--pp-block-font-size-tablet, var(--pp-block-font-size, inherit)));
		line-height: var(--pp-block-line-height-mobile, var(--pp-block-line-height-tablet, var(--pp-block-line-height, inherit)));
		font-weight: var(--pp-block-font-weight-mobile, var(--pp-block-font-weight-tablet, var(--pp-block-font-weight, inherit)));
		font-family: var(--pp-block-font-family-mobile, var(--pp-block-font-family-tablet, var(--pp-block-font-family, inherit)));
	}
	.pp-block__container {
		width: var(--pp-block-width-mobile, 100%);
		flex-direction: var(--pp-block-direction-mobile, var(--pp-block-direction-tablet, var(--pp-block-direction, column)));
		flex-wrap: var(--pp-block-wrap-mobile, var(--pp-block-wrap-tablet, var(--pp-block-wrap, var(--pp-block-direction-wrap-mobile, var(--pp-block-direction-wrap-tablet, var(--pp-block-direction-wrap, wrap))))));
		row-gap: var(--pp-block-row-gap-mobile, var(--pp-block-row-gap-tablet, var(--pp-block-row-gap, 20px)));
		column-gap: var(--pp-block-column-gap-mobile, var(--pp-block-column-gap-tablet, var(--pp-block-column-gap, 20px)));
		align-items: var(--pp-block-align-items-mobile, var(--pp-block-align-items-tablet, var(--pp-block-align-items, normal)));
		justify-content: var(--pp-block-justify-content-mobile, var(--pp-block-justify-content-tablet, var(--pp-block-justify-content, normal)));
	}
}

/* Frozen author CSS from posts/31789.json and 31801.json, HTML widget.
   Moved out of <style> before wp_kses_post so its CSS does not become visible body text.
   Values are source declarations, not newly measured computed styles. */
.pp-block .pp-subq-section { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; /* Invalid source // background declaration omitted. */ padding: 40px 20px; color: #f9f5ff; }
 .pp-block .pp-subq-inner { max-width: 1100px; margin: 0 auto; background: radial-gradient(circle at top left, #5b21b6 0, #0b0420 40%, #020012 100%); border-radius: 18px; padding: 28px 20px 32px; border: 1px solid rgba(216, 180, 254, 0.2); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.65); }
 .pp-block .pp-subq-header { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px; }
 .pp-block .pp-subq-eyebrow { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600; color: #a855f7; display: inline-flex; align-items: center; gap: 6px; }
 .pp-block .pp-subq-eyebrow-dot { width: 6px; height: 6px; border-radius: 999px; background: linear-gradient(135deg, #a855f7, #22d3ee); box-shadow: 0 0 12px rgba(168, 85, 247, 0.9); }
 .pp-block .pp-subq-header h2 { font-size: 24px; line-height: 1.25; margin: 0; color: #faf5ff; }
 .pp-block .pp-subq-header-highlight { display: inline-block; padding: 2px 8px; border-radius: 999px; background: rgba(168, 85, 247, 0.12); border: 1px solid rgba(216, 180, 254, 0.5); font-size: 11px; text-transform: uppercase; letter-spacing: 0.14em; margin-top: 6px; color: #f5f3ff; }
 .pp-block .pp-subq-header p { margin: 6px 0 0; font-size: 14px; color: #e9d5ff; max-width: 720px; }
 .pp-block .pp-subq-legend { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; margin-bottom: 18px; font-size: 11px; color: #e9d5ff; opacity: 0.9; }
 .pp-block .pp-subq-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: rgba(15, 23, 42, 0.85); border: 1px solid rgba(148, 163, 184, 0.4); }
 .pp-block .pp-subq-pill-dot-subq { width: 9px; height: 9px; border-radius: 999px; background: radial-gradient(circle at 30% 20%, #f97316, #a855f7); box-shadow: 0 0 14px rgba(248, 113, 22, 0.9); }
 .pp-block .pp-subq-pill-dot-neutral { width: 9px; height: 9px; border-radius: 999px; background: linear-gradient(135deg, #4b5563, #64748b); }
 .pp-block .pp-subq-pill-dot-alert { width: 9px; height: 9px; border-radius: 999px; background: radial-gradient(circle at 30% 20%, #f97316, #ef4444); }
 .pp-block .pp-subq-row-badge td { padding-bottom: 0; text-align: right; }
 .pp-block .pp-subq-row-badge span { display: inline-block; padding: 2px 12px; border-radius: 999px; background: linear-gradient(90deg, #f97316, #a855f7); color: #0b0412; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.14em; box-shadow: 0 0 22px rgba(168, 85, 247, 0.45); }
 .pp-block .pp-subq-table-wrapper { background: rgba(15, 23, 42, 0.92); border-radius: 14px; border: 1px solid rgba(148, 163, 184, 0.45); padding: 12px; overflow-x: auto; }
 .pp-block .pp-subq-table { width: 100%; border-collapse: collapse; min-width: 720px; font-size: 13px; }
 .pp-block .pp-subq-table thead { background: linear-gradient(90deg, rgba(88, 28, 135, 0.95), rgba(147, 51, 234, 0.9)); }
 .pp-block .pp-subq-table th, .pp-block .pp-subq-table td { padding: 10px 12px; text-align: left; vertical-align: top; }
 .pp-block .pp-subq-table th { font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: #fef9ff; border-bottom: 1px solid rgba(243, 232, 255, 0.25); }
 .pp-block .pp-subq-table td { color: #e5e7eb; border-bottom: 1px solid rgba(30, 64, 175, 0.45); }
 .pp-block .pp-route-label { font-weight: 600; font-size: 13px; color: #f9fafb; display: flex; flex-direction: column; gap: 2px; }
 .pp-block .pp-route-tag { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.14em; }
 .pp-block .pp-subq-row { background: radial-gradient(circle at top left, rgba(244, 114, 182, 0.08), rgba(88, 28, 135, 0.55)); box-shadow: 0 0 0 1px rgba(192, 132, 252, 0.6), 0 18px 40px rgba(59, 7, 100, 0.85); }
 .pp-block .pp-route-tag-subq { background: rgba(22, 163, 74, 0.1); border: 1px solid rgba(22, 163, 74, 0.7); color: #bbf7d0; }
 .pp-block .pp-route-tag-iv { background: rgba(239, 68, 68, 0.09); border: 1px solid rgba(239, 68, 68, 0.7); color: #fecaca; }
 .pp-block .pp-route-tag-neutral { background: rgba(148, 163, 184, 0.12); border: 1px solid rgba(148, 163, 184, 0.7); color: #e5e7eb; }
 .pp-block .pp-microplastics-note { font-size: 12px; color: #fed7aa; font-weight: 500; }
 .pp-block .pp-subq-visual { margin-top: 24px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
 .pp-block .pp-meter-card { background: rgba(15, 23, 42, 0.9); border-radius: 12px; padding: 10px 12px 12px; border: 1px solid rgba(148, 163, 184, 0.5); display: flex; flex-direction: column; gap: 6px; }
 .pp-block .pp-meter-title { font-size: 11px; text-transform: uppercase; letter-spacing: 0.14em; color: #e9d5ff; display: flex; justify-content: space-between; align-items: center; }
 .pp-block .pp-meter-badge-subq { font-size: 10px; padding: 2px 8px; border-radius: 999px; background: rgba(74, 222, 128, 0.12); border: 1px solid rgba(74, 222, 128, 0.9); color: #bbf7d0; }
 .pp-block .pp-meter-badge-iv { font-size: 10px; padding: 2px 8px; border-radius: 999px; background: rgba(248, 113, 22, 0.08); border: 1px solid rgba(248, 113, 22, 0.8); color: #fed7aa; }
 .pp-block .pp-meter-badge-neutral { font-size: 10px; padding: 2px 8px; border-radius: 999px; background: rgba(148, 163, 184, 0.1); border: 1px solid rgba(148, 163, 184, 0.7); color: #e5e7eb; }
 .pp-block .pp-meter-bars { display: flex; flex-direction: column; gap: 4px; margin-top: 2px; }
 .pp-block .pp-meter-row { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #c7d2fe; }
 .pp-block .pp-meter-label { width: 90px; flex-shrink: 0; }
 .pp-block .pp-meter-track { position: relative; flex: 1; height: 6px; border-radius: 999px; background: rgba(15, 23, 42, 1); overflow: hidden; }
 .pp-block .pp-meter-fill-subq-strong { position: absolute; inset: 0; width: 88%; background: linear-gradient(90deg, #a855f7, #22c55e); }
 .pp-block .pp-meter-fill-subq-low { position: absolute; inset: 0; width: 20%; background: linear-gradient(90deg, #22c55e, #22c55e); }
 .pp-block .pp-meter-fill-iv-strong { position: absolute; inset: 0; width: 95%; background: linear-gradient(90deg, #f97316, #ef4444); }
 .pp-block .pp-meter-fill-iv-low { position: absolute; inset: 0; width: 80%; background: linear-gradient(90deg, #f97316, #ef4444); }
 .pp-block .pp-meter-fill-neutral-mid { position: absolute; inset: 0; width: 60%; background: linear-gradient(90deg, #818cf8, #a855f7); }
 .pp-block .pp-subq-disclaimer { margin-top: 18px; font-size: 11px; color: #9ca3af; line-height: 1.4; }
 @media (max-width: 768px) {
.pp-block .pp-subq-inner { padding: 20px 16px 22px; }
 .pp-block .pp-subq-header h2 { font-size: 20px; }
 .pp-block .pp-subq-table-wrapper { padding: 10px; }
 .pp-block .pp-subq-table { min-width: 640px; font-size: 12px; }
 .pp-block .pp-subq-visual { grid-template-columns: 1fr; }
 }

/* Shared informational art sizing; retain the original page selectors. */
.pp-about__art svg,
.pp-contact__art svg,
.pp-coa__hero-art svg,
.pp-coa__icon svg,
.pp-faq .pp-faq__art svg,
.pp-faq .pp-faq__hero-art svg { display: block; width: 100% !important; height: 100% !important; }

/* Woodmart closes the nav through the overlay (no visible close button): keep the control for keyboards/screen readers only */
.pp-offcanvas__close,
.pp-card__wishlist .pp-card__action-text,
.pp-card__qv .pp-card__action-text,
.pp-card .screen-reader-text,
.pp-qv .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; white-space: nowrap; }

/* P13 approved informational styles, 2026-10-24. Commerce and form controls stay separate. */
.pp-about__eyebrow, .pp-contact__pill, .pp-faq .pp-doc-eyebrow, .pp-coa__kicker { display: inline-flex; align-items: center; margin: 0 0 20px; padding: 7px 14px; border: 1px solid var(--pp-color-border); border-radius: var(--pp-u-radius-pill); background: color-mix(in srgb, var(--pp-color-bg) 88%, transparent); box-shadow: 0 5px 16px color-mix(in srgb, var(--pp-u-ink) 7%, transparent); color: var(--pp-u-brand); font-size: var(--pp-u-eyebrow); font-weight: var(--pp-u-weight-strong); letter-spacing: .04em; line-height: 1.2; text-transform: uppercase; }
.pp-about__fact, .pp-contact__card, .pp-faq .pp-faq__list, .pp-coa__card { background: var(--pp-color-bg); border: 1px solid var(--pp-color-border); border-radius: var(--pp-u-radius-card); box-shadow: 0 2px 4px color-mix(in srgb, var(--pp-u-ink) 4%, transparent); }
.pp-faq .pp-faq__cta a, .pp-contact__faq .pp-faq-cta-btn {
	display: inline-block;
	padding: 14px 36px;
	font-size: var(--pp-u-text-small);
	font-weight: var(--pp-u-weight-strong);
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--pp-u-brand);
	background: var(--pp-color-bg);
	border-radius: var(--pp-u-radius-control);
}
.pp-faq .pp-faq__cta a:hover, .pp-contact__faq .pp-faq-cta-btn:hover { color: var(--pp-u-brand-dark); background: color-mix(in srgb, var(--pp-u-brand) 14%, var(--pp-color-bg)); }
.pp-faq .pp-faq__q, .pp-contact .pp-contact__faq-item > summary {
	position: relative;
	display: block;
	min-height: 72px;
	padding: 20px 68px 20px 26px;
	cursor: pointer;
	list-style: none;
	font-size: var(--pp-u-h3);
	line-height: 1.45;
	font-weight: var(--pp-u-weight-strong);
	color: var(--pp-u-ink);
}
.pp-faq .pp-faq__q::-webkit-details-marker, .pp-contact .pp-contact__faq-item > summary::-webkit-details-marker { display: none; }
.pp-faq .pp-faq__q::marker, .pp-contact .pp-contact__faq-item > summary::marker { content: ""; }
.pp-faq .pp-faq__q::after, .pp-contact .pp-contact__faq-item > summary::after {
	content: "";
	position: absolute;
	top: 50%;
	inset-inline-end: 28px;
	width: 9px;
	height: 9px;
	margin-top: -7px;
	border-right: 2px solid var(--pp-u-brand);
	border-bottom: 2px solid var(--pp-u-brand);
	transform: rotate(45deg);
	transition: transform .2s;
}
.pp-faq .pp-faq__item[open] > .pp-faq__q::after, .pp-contact .pp-contact__faq-item[open] > summary::after { margin-top: -2px; transform: rotate(-135deg); }
.pp-faq .pp-faq__item[open] > .pp-faq__q, .pp-faq .pp-faq__q:hover, .pp-contact .pp-contact__faq-item[open] > summary, .pp-contact .pp-contact__faq-item > summary:hover { color: var(--pp-u-brand); }
.pp-faq .pp-faq__q:hover, .pp-contact .pp-contact__faq-item > summary:hover { background: color-mix(in srgb, var(--pp-u-brand) 5%, var(--pp-color-bg)); }
.pp-faq .pp-faq__q:focus-visible, .pp-contact .pp-contact__faq-item > summary:focus-visible { outline: 2px solid var(--pp-u-brand); outline-offset: -4px; }
.pp-faq .pp-faq__a, .pp-contact .pp-contact__faq-item > div {
	padding: 0 68px 24px 26px;
	font-size: var(--pp-u-text-long);
	line-height: 1.7;
	color: var(--pp-u-body);
}
.pp-faq .pp-faq__a > :first-child, .pp-contact .pp-contact__faq-item > div > :first-child { margin-top: 0; }
.pp-faq .pp-faq__a > :last-child, .pp-contact .pp-contact__faq-item > div > :last-child { margin-bottom: 0; }
.pp-faq .pp-faq__a a, .pp-contact .pp-contact__faq-item > div a { color: var(--pp-u-brand); }
.pp-faq .pp-faq__a a:hover, .pp-contact .pp-contact__faq-item > div a:hover { color: var(--pp-u-brand-dark); }
@media (max-width: 767px) {
.pp-faq .pp-faq__q, .pp-contact .pp-contact__faq-item > summary { font-size: var(--pp-u-h3-m); padding: 16px 52px 16px 16px; }
.pp-faq .pp-faq__q::after, .pp-contact .pp-contact__faq-item > summary::after { inset-inline-end: 18px; }
.pp-faq .pp-faq__a, .pp-contact .pp-contact__faq-item > div { padding: 0 16px 18px; }
}
/* Header part (contract c13). 1:1 with Woodmart header_602849.
   Sources: wd-style-header_602849-css, header-base, header-el-base, mod-tools, header-el-cart,
   header-el-cart-design-3, header-el-category-nav, mod-nav-vertical(-design-default), header-el-my-account, base (.wd-nav, .wd-dropdown).
   Breakpoints: mobile row up to 1024px, desktop from 1025px (header-base). */

.pp-header {
	--pp-header-general-h: 105px; /* --wd-header-general-h */
	--pp-header-general-sm-h: 60px; /* --wd-header-general-sm-h */
	--pp-header-bottom-h: 50px; /* --wd-header-bottom-h and sticky h */
	--pp-header-bottom-brd: 1px; /* --wd-header-bottom-brd-w */
	/* --wd-header-h 1:1: top-bar-h .00001px (no top bar) + general + bottom + brd-w, where brd-w = top-bar-brd 1px
	   (Woodmart keeps it although the top bar is absent) + general-brd .00001px + bottom-brd 1px = 157px */
	--pp-header-h: calc(.00001px + var(--pp-header-general-h) + var(--pp-header-bottom-h) + calc(1px + .00001px + var(--pp-header-bottom-brd)));
	--pp-nav-color: #333; /* .whb-color-dark .wd-nav-header: --wd-navigation-color 51,51,51 */
	--pp-nav-color-hover: var(--pp-color-primary);
	--pp-el-font-size: 13px; /* --wd-header-el-font-size */
	--pp-el-font-weight: 600; /* --wd-header-el-font-weight */
	--pp-el-transform: uppercase; /* --wd-header-el-transform */
	--pp-el-font: "Inter", Arial, Helvetica, sans-serif; /* --wd-header-el-font */
	--pp-tool-color: #333; /* .wd-tools-element --wd-header-el-color */
	--pp-tool-color-hover: rgba(51, 51, 51, .6);
	position: relative;
	box-sizing: border-box;
}
.pp-header *,
.pp-header *::before,
.pp-header *::after { box-sizing: border-box; }
.pp-header a { text-decoration: none; }
.pp-header ul { margin: 0; padding: 0; list-style: none; }
.pp-header li { margin: 0; padding: 0; }

.pp-header__main {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	z-index: 390; /* .whb-main-header */
	backface-visibility: hidden;
}
.pp-header__row {
	transition: background-color .2s ease;
}
.pp-header__row--general { background-color: rgb(247, 247, 247); border-bottom: 0 solid transparent; }
.pp-header__row--bottom {
	background-color: #fff; /* .whb-color-dark:not(.whb-with-bg) */
	border-bottom: 1px solid rgb(230, 230, 230);
}
.pp-header__container {
	width: 100%;
	max-width: var(--pp-container); /* --wd-container-w */
	margin-inline: auto;
	padding-inline: 15px;
}
.pp-header__inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.pp-header__col {
	display: flex;
	align-items: center;
	flex-direction: row;
	max-height: inherit;
}
.pp-header__col--left,
.pp-header__col--mleft { justify-content: flex-start; margin-left: -10px; }
.pp-header__col--right,
.pp-header__col--mright { justify-content: flex-end; margin-right: -10px; }
.pp-header__col--center { flex: 1 1 0%; }
.pp-header__col--mleft,
.pp-header__col--mright { flex: 1 1 0%; }
.pp-header__space { flex: 0 0 auto; }

/* Logo */
.pp-header__logo { padding-inline: 10px; max-height: inherit; }
.pp-header__logo-link { display: inline; max-height: inherit; transition: none; }
.pp-header__logo-link img {
	display: inline;
	width: auto;
	max-height: inherit;
	padding-top: 5px;
	padding-bottom: 5px;
	object-fit: contain;
	transform: translateZ(0);
	backface-visibility: hidden;
	perspective: 800px;
}
/* woodmart-images-optimizer wraps the img in <picture> and moves the inline max-width onto it
   (header-base: .wd-logo picture{max-height:inherit} .wd-logo picture img{max-width:inherit}) */
.pp-header__logo-link picture { max-height: inherit; }
.pp-header__logo-link picture img { max-width: inherit; }
.pp-header__logo-link--sticky { display: none; animation: pp-header-fade-in .5s ease; }
.pp-header.pp-is-sticked .pp-header__logo-link--main { display: none; }
.pp-header.pp-is-sticked .pp-header__logo-link--sticky { display: block; }
@keyframes pp-header-fade-in { from { opacity: 0; } to { opacity: 1; } }

/* Tools (mod-tools.min.css) */
.pp-header__tool { position: relative; }
.pp-header__tool > a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 40px;
	padding-inline: 10px;
	color: var(--pp-tool-color);
	line-height: 1;
	text-decoration: none !important;
}
.pp-header__tool:hover > a { color: var(--pp-tool-color-hover); }
.pp-header__tool-icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	font-size: 0;
}
.pp-header__tool-icon::before { font-size: 20px; /* --wd-tools-icon-base-width */ }
.pp-header__tool-text {
	text-transform: var(--pp-el-transform);
	white-space: nowrap;
	font-weight: var(--pp-el-font-weight);
	font-size: var(--pp-el-font-size);
	font-family: var(--pp-el-font);
}
.pp-header .pp-badge { font-style: normal; }

/* Cart: bag glyph is the alt one (.wd-icon-alt:before f126) */
.pp-header__cart .pp-header__tool-icon::before { content: "\f126"; }
.pp-header__cart--text > a { height: auto; }
.pp-header__cart--text .pp-header__tool-icon::before { color: rgba(0, 0, 0, .17); font-size: 32px; }
.pp-header__cart--text .pp-header__tool-text {
	display: flex;
	flex-direction: column-reverse;
	padding-inline-start: 12px;
	border-inline-start: 1px solid rgba(0, 0, 0, .1);
}
.pp-header__cart-number { vertical-align: middle; color: #767676; text-align: inherit; text-transform: none; font-weight: 400; font-size: 13px; line-height: 20px; }
.pp-header__cart-number > span { display: inline-block; }
.pp-header__cart-divider { display: none; }
.pp-header__cart-sub { line-height: 20px; vertical-align: middle; }
.pp-header__cart-sub .pp-cart-subtotal,
.pp-header__cart-sub .amount { color: var(--pp-color-primary); font-weight: 600; font-size: 14px; }
.pp-header__cart--text .pp-cart-count {
	position: static;
	display: inline;
	width: auto;
	height: auto;
	border-radius: 0;
	background: none;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	vertical-align: baseline;
}
.pp-header__cart--icon .pp-header__tool-icon { margin-inline-end: 6px; }

/* Account / wishlist / compare (D10: compare is new, styled like the wishlist; same builder params) */
.pp-header__wishlist .pp-header__tool-icon { margin-inline-end: 6px; }
/* Compare is icon-only: with a visible label the bg/de menus wrap to 2 lines at 1440px. Label kept for screen readers. */
.pp-header__compare .pp-header__tool-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

/* Skip links (base: .wd-skip-links; shown on keyboard focus, desktop only) */
.pp-skip-link { position: fixed !important; top: -1000em; inset-inline-start: 10px; z-index: 999999; }
.pp-skip-link:focus-visible { top: 10px; }
@media (max-width: 1024px) {
	.pp-skip-link { display: none; }
}

/* Logged-in account dropdown: .wd-dropdown.wd-dropdown-menu.wd-dropdown-my-account.wd-design-default
   (base: .whb-col-right .wd-dropdown-menu.wd-design-default right:0 left:auto, width 220px) + .wd-sub-menu */
.pp-header__account-panel {
	right: 0;
	left: auto;
	width: 220px; /* --wd-dropdown-width */
	min-width: 0;
	margin-top: 4px; /* wd-style-header_602849: .whb-header-bottom .wd-dropdown (sticked too); :after stays 15px */
	margin-left: 0;
}
.pp-header__account-item { position: relative; }
.pp-header__account-item > a {
	position: relative;
	display: flex;
	align-items: center;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #838383; /* .wd-sub-menu --sub-menu-color */
	font-size: 14px;
	line-height: 1.3;
	text-decoration: none;
}
.pp-header__account-item > a:hover { color: var(--pp-color-primary); /* --sub-menu-color-hover: --wd-primary-color */ }
@media (max-width: 1024px) {
	.pp-header__account-panel { display: none; } /* header-el-my-account: .wd-header-my-account .wd-dropdown */
}
.pp-header__divider::before {
	content: "";
	display: block;
	height: 18px;
	border-right: 1px solid var(--pp-divider-color, rgba(0, 0, 0, .105));
}
.pp-header__col--right .pp-header__divider:last-child { padding-right: 10px; }

/* Rows */
.pp-header__inner--general { height: var(--pp-header-general-h); max-height: var(--pp-header-general-h); }
.pp-header__inner--bottom { height: var(--pp-header-bottom-h); max-height: var(--pp-header-bottom-h); }

/* Categories dropdown (header-el-category-nav + mod-nav-vertical default) */
.pp-header__cats {
	position: relative;
	height: calc(100% + var(--pp-header-bottom-brd));
	margin-inline: 10px;
	margin-bottom: calc(var(--pp-header-bottom-brd) * -1);
}
.pp-header__cats-btn {
	position: relative;
	z-index: 300;
	display: flex;
	align-items: center;
	max-width: 320px;
	min-width: 270px;
	height: 100%;
	padding: 10px 15px;
	background-color: var(--pp-color-primary);
	color: #fff;
	line-height: 1;
	cursor: pointer;
	transition: all .25s ease;
	text-transform: var(--pp-el-transform);
	font-weight: var(--pp-el-font-weight);
	font-size: var(--pp-el-font-size);
	font-family: var(--pp-el-font);
}
.pp-header__cats-icon { flex: 0 0 auto; margin-inline-end: 10px; }
.pp-header__cats-icon::after,
.pp-header__cats-btn::after { font-family: var(--pp-font-icons, "pp-icons"); font-weight: 400; font-style: normal; text-transform: none; }
.pp-header__cats-icon::after { content: "\f15a"; font-size: 18px; }
.pp-header__cats-btn::after { content: "\f129"; font-size: 11px; margin-inline-start: auto; }
.pp-header__cats-panel {
	--pp-dropdown-padding: 0;
	--pp-dropdown-width: 270px;
	right: 0;
	z-index: 299;
	min-width: 270px;
	margin-top: 0 !important;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
}
.pp-header__cats-panel::after { display: none; }
.pp-header__cats-list {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--pp-color-border-gray-200); /* --nav-border: --brdcolor-gray-200 */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-radius: var(--pp-radius-none);
}
.pp-header__cats-item { flex: 1 1 100%; max-width: 100%; width: 100%; position: relative; }
.pp-header__cats-item:not(:last-child) { border-bottom: 1px solid var(--pp-color-border-gray-200); }
.pp-header__cats-item > a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 5px 18px;
	color: var(--pp-nav-color);
	font-size: 14px;
	font-weight: var(--pp-el-font-weight);
	font-family: var(--pp-el-font);
	line-height: 1.4;
	text-transform: none;
}
.pp-header__cats-item > a:hover,
.pp-header__cats-item:hover > a { background-color: var(--pp-color-bg-alt); color: var(--pp-nav-color-hover); }
.pp-header__cats-item.pp-is-current > a { color: var(--pp-nav-color-hover); }

/* Main menu (.wd-nav.wd-nav-header.wd-style-default.wd-gap-s) */
.pp-header__nav { display: flex; align-items: center; flex: 1 1 auto; padding-inline: 10px; }
.pp-header__menu { display: inline-flex; flex-wrap: nowrap; gap: 5px 20px; }
.pp-header__menu-item { position: relative; }
.pp-header__menu-item > a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 42px;
	padding: 5px 0;
	color: var(--pp-nav-color);
	line-height: 1.4;
	text-transform: var(--pp-el-transform);
	font-weight: var(--pp-el-font-weight);
	font-size: var(--pp-el-font-size);
	font-family: var(--pp-el-font);
}
.pp-header__menu-item.pp-keepcase > a { text-transform: none; } /* CRO keeps this label's case (USA CoA) */
.pp-header__menu-item > a:hover,
.pp-header__menu-item.pp-is-current > a { color: var(--pp-nav-color-hover); }

/* Desktop / mobile switch (1024 / 1025) */
@media (min-width: 1025px) {
	.pp-header__col--mobile { display: none; }
	.pp-header.pp-is-prepared { padding-top: var(--pp-header-h); }
	.pp-header.pp-is-prepared .pp-header__main { position: absolute; }
	.pp-header.pp-is-sticked .pp-header__main {
		position: fixed;
		top: var(--pp-admin-bar-h);
		box-shadow: 0 1px 3px rgba(0, 0, 0, .1); /* .whb-sticky-shadow.whb-sticked */
		animation: pp-header-slide-in .4s ease;
	}
	.pp-header.pp-is-sticked .pp-header__row--general { display: none; }
	.pp-header.pp-is-sticked .pp-header__row--bottom { border-bottom: none; }
	.pp-header.pp-is-sticked .pp-header__row { transition: background-color .3s ease; }
	.pp-header.pp-is-sticked .pp-header__main { transform: translateY(-100%); animation: none; } /* hide-on-scroll: hidden until scroll up */
	.pp-header.pp-is-sticked.pp-scroll-up .pp-header__main { transform: none; }
	.pp-header.pp-scroll-up .pp-header__main,
	.pp-header.pp-scroll-down .pp-header__main { transition: transform .3s ease; }
}
@media (max-width: 1024px) {
	.pp-header__col--desktop,
	.pp-header__row--bottom { display: none; }
	.pp-header__inner--general { height: var(--pp-header-general-sm-h); max-height: var(--pp-header-general-sm-h); }
}
@keyframes pp-header-slide-in { from { transform: translate3d(0, -100%, 0); } to { transform: none; } }

/* Keep all mobile controls reachable when the logo's intrinsic width exceeds the row. */
@media (max-width: 1024px) {
 .pp-header__col--mleft, .pp-header__col--mright { flex: 0 0 auto; }
 .pp-header__col--mcenter { flex: 0 1 220px; min-width: 0; }
 .pp-header__col--mcenter .pp-header__logo { width: 100%; min-width: 0; }
 .pp-header__col--mcenter .pp-header__logo-link img { width: 100%; max-width: 200px !important; }
}
/* search.css - c12 search part (desktop form with category list, mobile icon, off-canvas form).
   Sources: Woodmart parts header-el-search, header-el-search-form, wd-search-form, wd-search-cat, mobile-nav search rules,
   and chrome.json computed values of the old header (privacy-policy desktop/mobile). */

.pp-search { position: relative; }
/* [class*="wd-header-search-form"]: padding-inline:10px; flex:1 1 auto; max-width = the Woodmart --wd-search-form-width var (no width option set = fills the column) */
.pp-search--desktop { flex: 1 1 auto; width: 100%; max-width: 100%; min-width: 0; padding-inline: 10px; }

/* ---- Form (wd-search-form + header-el-search-form) ---- */
.pp-search__form {
  --pp-search-h: var(--pp-search-height, 46px); /* header option form_height */
  --pp-search-btn-w: var(--pp-search-h);
  --pp-search-cat-w: 0px;
  --pp-search-brd: rgba(0, 0, 0, .1);       /* --wd-form-brd-color */
  --pp-search-brd-focus: rgba(0, 0, 0, .15); /* --wd-form-brd-color-focus */
  --pp-search-color: #767676;               /* --wd-form-color */
  position: relative;
  display: block;
  margin: 0;
  color: var(--pp-search-color);
  font-size: 14px;
  line-height: 22.4px;
}
.pp-search__form--cat { --pp-search-cat-w: 172px; } /* .searchform.wd-with-cat --wd-search-cat-w */

.pp-search__form input[type='text'].pp-search__input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: var(--pp-search-h);
  margin: 0;
  padding: 0 calc(var(--pp-search-cat-w) + var(--pp-search-btn-w) + 30px) 0 15px;
  border: 1px solid var(--pp-search-brd);
  border-radius: 0;
  background-color: #fff; /* --wd-form-bg (wd-style-with-bg) */
  box-shadow: none;
  color: var(--pp-search-color);
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  outline: none;
  transition: border-color .4s ease;
  -webkit-appearance: none;
  appearance: none;
}
.pp-search__form .pp-search__input::placeholder { color: var(--pp-search-color); opacity: 1; }
.pp-search__form input[type='text'].pp-search__input:focus { border-color: var(--pp-search-brd-focus); }

.pp-search__submit {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--pp-search-btn-w);
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  /* button vars, so the base button:hover keeps them (8.6.4: --btn-bgcolor-hover on .searchsubmit) */
  --btn-bgcolor: var(--pp-color-primary, #5d4f89); /* .wd-style-with-bg .searchsubmit --btn-bgcolor */
  --btn-bgcolor-hover: var(--btn-bgcolor);
  --btn-color: #fff;
  background-color: var(--btn-bgcolor);
  box-shadow: none;
  color: var(--btn-color);
  cursor: pointer;
  font-size: 0;
  font-weight: 400;
  line-height: 0;
}
.pp-search__submit-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.pp-search__submit-glyph { display: block; font-size: calc(var(--pp-search-h) / 2.3); transition: opacity .2s ease; }
.pp-search__submit-glyph::before { font-size: inherit; }
/* the old glyph is .searchsubmit::after, display block, font-size 20px, line-height 24px (24px box);
   an inline ::before made a 26px box and drew the glyph 1px higher (desktop form and off-canvas form) */
.pp-search__submit-glyph,
.pp-search__submit-glyph::before { line-height: 24px; }
.pp-search__submit-glyph::before { display: block; }
/* no glyph fade on hover: 8.6.4 moved the 8.4.1 :hover:after opacity rule to .searchform:hover:after, which matches nothing */

/* ---- Category selector (wd-search-cat, bordered) ---- */
.pp-search__cat {
  position: absolute;
  inset-block: 1px; /* --wd-form-brd-width */
  inset-inline-end: var(--pp-search-btn-w);
  display: flex;
  align-items: center;
}
.pp-search__cat-btn {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: var(--pp-search-cat-w);
  height: 100%;
  padding-inline: 15px;
  border-inline: 1px solid var(--pp-search-brd);
  color: var(--pp-search-color);
  font-size: 13px;
  line-height: 20.8px;
  text-transform: uppercase;
  cursor: pointer;
}
.pp-search__cat-btn > span { overflow: hidden; width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.pp-search__cat-btn::after {
  margin-inline-start: 8px;
  font-family: var(--pp-font-icons, "pp-icons");
  font-size: 8px;
  font-weight: 400;
  font-style: normal;
  content: "\f129"; /* .wd-search-cat-btn:after */
}
.pp-search__cat-btn:focus-visible { outline: 1px dotted currentColor; outline-offset: -3px; }

.pp-search__cat-list {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  z-index: 5;
  box-sizing: border-box;
  width: 190px; /* .wd-dropdown-search-cat.wd-design-default */
  max-height: 450px; /* .wd-dropdown-search-cat computed (chrome.json) */
  margin: 1px 0 0;
  padding: 12px 20px; /* .wd-design-default --wd-dropdown-padding */
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  color: var(--pp-search-color);
  font-size: 14px;
  line-height: 22.4px;
  text-transform: none;
  visibility: hidden;
  opacity: 0;
  transform: translateY(15px);
  pointer-events: none;
  transition: opacity .4s ease, transform .4s ease, visibility .4s;
}
.pp-search__cat.pp-is-open > .pp-search__cat-list {
  visibility: visible;
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
.pp-search__cat-menu,
.pp-search__children { margin: 0; padding: 0; list-style: none; }
.pp-search__cat-item { margin: 0; padding: 0; }
.pp-search__cat-item[hidden] { display: none; }
.pp-search__cat-link {
  display: block;
  padding: 8px 0; /* .wd-dropdown-search-cat .wd-sub-menu > li > a */
  color: rgb(131, 131, 131);
  font-size: 14px;
  line-height: 18.2px;
  text-decoration: none;
  transition: opacity .25s ease;
}
.pp-search__cat-link:hover,
.pp-search__cat-link:focus-visible { opacity: .7; }
.pp-search .pp-search__cat-item.pp-is-current > .pp-search__cat-link { color: #242424; font-weight: 600; } /* --color-gray-800 */
.pp-search__children .pp-search__cat-link { padding-inline-start: 20px; }

@media (max-width: 768.98px) {
  .pp-search__cat { display: none; }
}

/* ---- Off-canvas form (.mobile-nav .searchform) ---- */
.pp-search--offcanvas .pp-search__form {
  --pp-search-h: 70px;
  --pp-search-btn-w: 46px;
  --pp-search-color: #767676; /* --color-gray-500 */
  z-index: 4;
  box-shadow: 0 -1px 9px rgba(0, 0, 0, .17);
}
.pp-search--offcanvas .pp-search__form input[type='text'].pp-search__input {
  height: 70px;
  padding: 0 70px 0 20px;
  border: 0;
  background-color: transparent;
  font-weight: 600;
}
.pp-search--offcanvas .pp-search__submit { --btn-bgcolor: transparent; --btn-color: var(--pp-search-color); }
.pp-search--offcanvas .pp-search__submit-glyph { font-size: 20px; }

/* ---- Mobile header icon (wd-header-search-mobile, wd-tools-element) ---- */
.pp-search--mobile-icon { display: block; }
.pp-search .pp-search__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 40px;
  padding-inline: 10px; /* .wd-tools-element > a */
  line-height: 14px;
  color: #333; /* header icon colour, --pp-tool-color */
  text-decoration: none;
}
.pp-search .pp-search__icon-glyph { color: inherit; display: flex; font-size: 20px; line-height: 1; transition: opacity .3s ease; }
.pp-search__icon-glyph::before { font-size: inherit; }
.pp-search .pp-search__icon:hover .pp-search__icon-glyph { opacity: .7; }
/* Mobile chrome (c14): off-canvas navigation, bottom toolbar, scroll-to-top.
   Sources: Woodmart .mobile-nav (header-mobile-nav-dropdown), .wd-toolbar (opt-bottom-toolbar, mod-tools), .scrollToTop (opt-scrolltotop). */

/* ---- Off-canvas ---- */
.pp-offcanvas {
	color: #767676; /* body text colour inside .mobile-nav */
	font-size: 14px;
	line-height: 1.6;
}
.pp-offcanvas__list,
.pp-offcanvas__sub {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pp-offcanvas__item {
	margin: 0;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.pp-offcanvas__item.pp-keepcase .pp-offcanvas__link {
	text-transform: none;
}
.pp-offcanvas__link {
	/* .wd-nav-mobile > li > a */
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	min-height: 50px;
	padding: 5px 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .105); /* --brdcolor-gray-300 */
	color: #333; /* --color-gray-800 */
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	text-transform: uppercase;
	text-decoration: none;
}
.pp-offcanvas__link:hover { color: #767676; }
.pp-offcanvas__link--icon::before {
	/* .menu-item-wishlist / .menu-item-account .woodmart-nav-link:before */
	display: block;
	width: 13px;
	margin-inline-end: 7px;
	font-family: var(--pp-font-icons);
	font-size: 13px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.4;
	text-transform: none;
}
.pp-offcanvas__link--wishlist::before { content: "\f106"; }
.pp-offcanvas__link--account::before { content: "\f124"; }
.pp-offcanvas .pp-wishlist-count { display: none; } /* the old off-canvas shows no count; kept in the DOM per c11 */
.pp-offcanvas__sub { width: 100%; }

/* ---- Bottom toolbar ---- */
.pp-toolbar {
	position: fixed;
	inset-inline: 0;
	bottom: 0;
	z-index: 350;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	height: 55px;
	padding: 5px;
	background-color: #fff;
	box-shadow: 0 0 9px rgba(0, 0, 0, .12);
}
.pp-toolbar__item {
	position: relative;
	flex: 1 0 20%;
}
.pp-toolbar__link {
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
	padding: 0 10px 15px;
	color: #333;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
}
.pp-toolbar__link:hover { color: #767676; }
.pp-toolbar__icon {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}
.pp-toolbar__icon::before {
	display: block;
	width: 20px;
	height: 20px;
	font-family: var(--pp-font-icons);
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
}
/* No cart icon margin here: header-el-cart gives design-2/5 icons margin-inline-end 6px, but opt-bottom-toolbar
   (8.6.4) resets it in the toolbar: .wd-toolbar .wd-header-cart.wd-design-5 .wd-tools-icon{margin:0} */
.pp-toolbar__item--cart .pp-toolbar__icon::before { content: "\f126"; } /* .wd-header-cart .wd-tools-icon.wd-icon-alt:before */
.pp-toolbar__label {
	position: absolute;
	inset-inline: 10px;
	bottom: 3px;
	display: none;
	overflow: hidden;
	padding: 1px 0;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pp-toolbar--labels .pp-toolbar__label { display: block; }

@media (min-width: 1025px) {
	.pp-toolbar { display: none; }
}
/* Hide classes of the sidebar item, same ranges as the theme's .wd-hide-lg / .wd-hide-md-sm / .wd-hide-sm
   (1025+, 769-1024, up to 768.98). The plan's edges (min-width: 768px, max-width: 767px) differ from Woodmart's
   at exactly 768px, so Woodmart's 769px / 768.98px are used. */
@media (min-width: 1025px) {
	.pp-toolbar__item.pp-hide-lg { display: none; }
}
@media (min-width: 769px) and (max-width: 1024px) {
	.pp-toolbar__item.pp-hide-md-sm { display: none; }
}
@media (max-width: 768.98px) {
	.pp-toolbar__item.pp-hide-sm { display: none; }
}
@media (max-width: 1024px) {
	:is(.sticky-toolbar-on, body:has(.pp-toolbar)) { padding-bottom: calc(55px + var(--pp-sticky-atc-height, 0px)); }
	body:has(.pp-toolbar) .pp-sticky-atc { bottom: 55px; }
}

/* ---- Scroll to top ---- */
.pp-scrolltop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 350;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, .9);
	box-shadow: 0 0 5px rgba(0, 0, 0, .17);
	color: #333;
	font-size: 16px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	text-decoration: none !important;
	backface-visibility: hidden;
	transform: translateX(100%);
}
.pp-scrolltop::after {
	content: "\f115";
	font-family: var(--pp-font-icons);
}
.pp-scrolltop:hover { color: #767676; }
.pp-scrolltop.pp-is-shown {
	opacity: 1;
	visibility: visible;
	transform: none;
	pointer-events: visible; /* opt-scrolltotop: .scrollToTop.button-show */
}
@media (max-width: 1024px) {
	.pp-scrolltop {
		right: 12px;
		bottom: 12px;
		width: 40px;
		height: 40px;
		font-size: 14px;
	}
	:is(.sticky-toolbar-on, body:has(.pp-toolbar)) .pp-scrolltop { bottom: calc(67px + var(--pp-sticky-atc-height, 0px)); }
}
/* Drawers part: mini-cart + login side panels. Values trace to Woodmart 8.4.1 css/parts
   header-el-cart-side, woo-widget-shopping-cart, woo-widget-product-list, woo-mod-login-form,
   header-el-my-account-sidebar, woo-opt-free-progress-bar and the p1-ref chrome.json of
   .cart-widget-side / .login-form-side. Selectors are scoped under the pp-drawer roots. */

/* ---- shared: text, buttons, form fields inside the two drawers ---- */
.pp-drawer--minicart,
.pp-drawer--login {
	color: #767676; /* --wd-text-color */
	font-size: 14px;
	line-height: 1.5;
	font-family: var(--pp-font-body);
}
.pp-drawer--minicart a,
.pp-drawer--login a {
	color: #333; /* --wd-link-color */
	text-decoration: none;
}
.pp-drawer--minicart .btn,
.pp-drawer--minicart .button,
.pp-drawer--login .btn,
.pp-drawer--login .button {
	/* base.min.css :is(.btn,.button) */
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	box-sizing: border-box;
	padding: 5px 20px;
	min-height: 42px;
	border: 0 solid #e9e9e9;
	border-radius: 0;
	outline: none;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	font-family: inherit;
	line-height: 1.2;
	cursor: pointer;
	transition: all .25s ease;
	color: #3e3e3e;
	background-color: #f3f3f3;
}
.pp-drawer--minicart .btn:hover,
.pp-drawer--minicart .button:hover,
.pp-drawer--login .btn:hover,
.pp-drawer--login .button:hover {
	color: #3e3e3e;
	border-color: #e0e0e0;
	background-color: #e0e0e0;
}
.pp-drawer--minicart .btn-accent,
.pp-drawer--minicart .checkout,
.pp-drawer--login .btn-accent {
	color: #fff;
	background-color: #558063; /* --btn-accented-bgcolor */
}
.pp-drawer--minicart .btn-accent:hover,
.pp-drawer--minicart .checkout:hover,
.pp-drawer--login .btn-accent:hover {
	color: #fff;
	background-color: #486d54;
}

.pp-drawer--minicart,
.pp-drawer--login {
	line-height: 1.6; /* old side panels inherit 22.4px at 14px */
}

.pp-drawer--minicart .pp-drawer__title,
.pp-drawer--login .pp-drawer__title {
	/* .wd-heading .title: 18.2px/600, --wd-title-color, title font */
	color: #242424;
	font-family: var(--pp-font-heading);
	font-weight: 600;
	line-height: 1.4;
}
.pp-drawer--minicart .pp-drawer__close .pp-icon,
.pp-drawer--login .pp-drawer__close .pp-icon {
	/* .wd-style-text .wd-action-icon: 14px box, margin .3em of 14px; only the glyph is 1.1em */
	font-size: 14px;
	line-height: 1;
	margin-inline-end: .3em;
}
.pp-drawer--minicart .pp-drawer__close .pp-icon::before,
.pp-drawer--login .pp-drawer__close .pp-icon::before {
	font-size: 15.4px; /* --wd-action-icon-size: 1.1em of 14px */
	text-rendering: optimizeLegibility;
}

/* ---- mini-cart (header-el-cart-side + woo-widget-shopping-cart) ---- */
.pp-drawer--minicart {
	display: flex;
	flex-direction: column;
}
.pp-drawer--minicart .widget_shopping_cart {
	position: relative;
	display: flex;
	flex: 1 1 100%;
	flex-direction: column;
	margin: 0;
}
.pp-drawer--minicart .widget_shopping_cart_content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	height: 100%;
}
.pp-drawer--minicart .shopping-cart-widget-body {
	position: relative;
	flex: 1 1 auto;
}
/* legacy-wd: remove with S2 */
.pp-drawer--minicart .wd-scroll-content {
	position: absolute;
	inset: 0;
	max-height: 100%;
	overflow-y: auto;
	overscroll-behavior: none;
}
/* /legacy-wd */
.pp-drawer--minicart ul.woocommerce-mini-cart,
.pp-drawer--minicart ul.product_list_widget {
	margin: 0;
	padding: 0;
	list-style: none;
}
.pp-drawer--minicart .woocommerce-mini-cart > li {
	position: relative;
	display: flex;
	align-items: flex-start;
	margin-bottom: 0;
	padding: 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .105); /* --brdcolor-gray-300 */
	transition: background-color .3s ease;
}
.pp-drawer--minicart .product_list_widget > li:last-child {
	border-bottom: none;
}
.pp-drawer--minicart .woocommerce-mini-cart > li:hover {
	background-color: #f7f7f7; /* --bgcolor-gray-100 */
}
.pp-drawer--minicart .woocommerce-mini-cart > li > a {
	display: block;
	margin-bottom: 0;
}
.pp-drawer--minicart .woocommerce-mini-cart .remove {
	position: absolute;
	top: 13px;
	inset-inline-end: 10px;
	z-index: 2;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: #333;
	text-align: center;
	font-size: 0;
	line-height: 20px;
}
.pp-drawer--minicart .woocommerce-mini-cart .remove::after {
	content: "\f112";
	font-size: 10px;
	font-family: var(--pp-font-icons);
}
.pp-drawer--minicart .woocommerce-mini-cart .remove:hover {
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}
.pp-drawer--minicart .blockOverlay {
	display: none !important;
}
.pp-drawer--minicart .cart-item-link {
	z-index: 1;
	font-size: 0;
}
.pp-drawer--minicart .cart-item-image {
	position: relative;
	flex: 0 0 auto;
	overflow: hidden;
	margin-inline-end: 15px;
}
.pp-drawer--minicart .cart-item-image img {
	display: block;
	float: none;
	min-width: 65px;
	max-width: 65px;
	height: auto;
	margin-inline-end: 0;
	transition: opacity .6s ease;
}
.pp-drawer--minicart .cart-item-image::after {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 10px);
	display: inline-block;
	width: 20px;
	height: 20px;
	opacity: 0;
	border: 1px solid rgba(0, 0, 0, 0);
	border-left-color: #242424;
	border-radius: 50%;
	vertical-align: middle;
	transition: opacity .6s ease;
	animation: pp-drawer-rotate 450ms infinite linear paused;
}
/* legacy-wd: remove with S2 */
.pp-drawer--minicart .removing-process .cart-item-image::after,
.pp-drawer--minicart .wd-loading .cart-item-image::after {
	opacity: 1;
	animation-play-state: running;
}
.pp-drawer--minicart .removing-process .cart-item-image img,
.pp-drawer--minicart .wd-loading .cart-item-image img {
	opacity: .2;
}
/* /legacy-wd */
@keyframes pp-drawer-rotate {
	100% { transform: rotate(360deg); }
}
.pp-drawer--minicart .cart-info {
	flex: 1 1 auto;
	padding-inline-end: 20px;
}
/* legacy-wd: remove with S2 */
.pp-drawer--minicart .cart-info .wd-entities-title {
	display: block; /* old computed: block, 19.6px line + 8px margin */
	margin: 0 0 8px;
	color: #242424; /* --wd-entities-title-color */
	font-size: inherit;
	font-weight: 600;
	line-height: 1.4;
	transition: all .25s ease;
}
.pp-drawer--minicart .cart-info .wd-entities-title a {
	color: inherit;
}
.pp-drawer--minicart li:hover .cart-info .wd-entities-title {
	color: #767676; /* --wd-entities-title-color-hover */
}
/* /legacy-wd */
.pp-drawer--minicart .cart-info ul.variation {
	margin: 0 0 6px;
	padding: 0;
	list-style: none;
}
.pp-drawer--minicart .cart-info span.quantity {
	display: block;
	color: #bbb; /* --color-gray-300 */
	font-size: 90%;
}
.pp-drawer--minicart .cart-info div.quantity {
	position: relative;
	z-index: 1;
	display: inline-flex;
	margin-bottom: 8px;
	transition: opacity .6s ease;
}
/* legacy-wd: remove with S2 */
.pp-drawer--minicart .cart-info li.wd-loading > a {
	pointer-events: none;
}
/* /legacy-wd */
.pp-drawer--minicart .shopping-cart-widget-footer {
	flex: 0 0 auto;
	padding-bottom: 15px;
}
.pp-drawer--minicart .shopping-cart-widget-footer > * {
	margin-bottom: 10px;
	padding-inline: 15px;
}
.pp-drawer--minicart .shopping-cart-widget-footer > *:last-child {
	margin-bottom: 0;
}
.pp-drawer--minicart .woocommerce-mini-cart__total {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding-block: 15px;
	border-top: 1px solid rgba(0, 0, 0, .105);
	font-size: 130%;
}
.pp-drawer--minicart .woocommerce-mini-cart__total strong {
	color: #242424;
}
.pp-drawer--minicart .woocommerce-mini-cart__total .woocommerce-Price-amount {
	flex-grow: 1;
	text-align: end;
}
.pp-drawer--minicart .woocommerce-mini-cart__total .tax_label {
	margin-inline-start: 5px;
}
.pp-drawer--minicart .woocommerce-mini-cart__buttons {
	display: block;
	margin: 0;
	text-align: center;
}
.pp-drawer--minicart .woocommerce-mini-cart__buttons > * {
	width: 100%;
	margin-bottom: 10px;
}
.pp-drawer--minicart .woocommerce-mini-cart__buttons > *:last-child {
	margin-bottom: 0;
}
/* legacy-wd: remove with S2 */
.pp-drawer--minicart .wd-empty-mini-cart {
	margin-top: 20px;
	padding: 10px 15px;
	text-align: center;
}
.pp-drawer--minicart .wd-empty-mini-cart::before {
	content: "\f147";
	display: block;
	margin-bottom: 20px;
	color: rgba(0, 0, 0, .07); /* rgba(var(--bgcolor-black-rgb), .07) */
	font-size: 86px;
	line-height: 1;
	font-family: var(--pp-font-icons);
}
.pp-drawer--minicart .wd-empty-mini-cart .woocommerce-mini-cart__empty-message {
	margin: 0 0 20px;
	color: #242424;
	font-weight: 600;
}
.pp-drawer--minicart .wd-empty-mini-cart .btn {
	padding: 5px 14px;
	min-height: 36px;
	font-size: 12px;
}
/* /legacy-wd */

/* free-shipping progress bar (woo-opt-free-progress-bar) */
/* legacy-wd: remove with S2 */
.pp-drawer--minicart .wd-free-progress-bar {
	--pp-progress-height: 10px;
	margin-bottom: 0;
	padding-block: 15px;
	border-top: 1px solid rgba(0, 0, 0, .105);
}
.pp-drawer--minicart .wd-free-progress-bar .progress-msg {
	margin-bottom: 0;
}
.pp-drawer--minicart .wd-free-progress-bar .progress-area {
	position: relative;
	height: var(--pp-progress-height);
	margin-top: 10px;
	overflow: hidden;
	background-color: #f1f1f1; /* --bgcolor-gray-300 */
}
.pp-drawer--minicart .wd-free-progress-bar .progress-bar {
	height: 100%;
	margin-top: 0;
	background-color: #5d4f89; /* --wd-primary-color */
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-size: 15px 15px;
}
.pp-drawer--minicart .wd-free-progress-bar.wd-progress-hide .progress-area {
	display: none;
}
/* /legacy-wd */

/* ---- login panel (header-el-my-account-sidebar + woo-mod-login-form) ---- */
.pp-drawer--login .woocommerce-notices-wrapper {
	padding: 20px 15px 0;
}
.pp-drawer--login .woocommerce-notices-wrapper:empty {
	padding: 0;
}
.pp-drawer--login .woocommerce-notices-wrapper > .woocommerce-error {
	margin-bottom: 0;
}
.pp-drawer--login .woocommerce-form-login {
	display: block;
	margin: 0;
	padding: 20px 15px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .105);
}
.pp-drawer--login .woocommerce-form-login > *:last-child {
	margin-bottom: 0;
}
.pp-drawer--login .form-row {
	margin: 0 0 20px;
}
.pp-drawer--login .form-row label {
	display: block;
	margin-bottom: 5px;
	color: #242424; /* --wd-title-color */
	vertical-align: middle;
	font-weight: 400;
}
.pp-drawer--login .required {
	color: #e01020;
	font-size: 16px;
	line-height: 16px; /* Woodmart .required computed 16px */
	text-decoration: none;
}
.pp-drawer--login .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
	word-wrap: normal;
}
.pp-drawer--login .input-text {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	height: var(--pp-form-height, 42px);
	padding: 0 15px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 0;
	outline: none;
	background-color: transparent;
	color: #767676;
	font-size: 14px;
	font-family: inherit;
	transition: border-color .5s ease;
}
.pp-drawer--login .input-text:focus {
	border-color: rgba(0, 0, 0, .15);
}
.pp-drawer--login .password-input {
	position: relative;
	display: block;
}
.pp-drawer--login .password-input input {
	padding-inline-end: var(--pp-form-height, 42px) !important;
}
.pp-drawer--login .show-password-input {
	position: absolute;
	top: 0;
	inset-inline-end: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--pp-form-height, 42px);
	height: var(--pp-form-height, 42px);
	min-height: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: #666; /* --color-gray-600 */
	font-size: 16px;
	cursor: pointer;
	transition: all .25s ease;
}
.pp-drawer--login .show-password-input:hover {
	color: #a5a5a5;
}
.pp-drawer--login .show-password-input::before {
	content: "\f11a";
	font-family: var(--pp-font-icons);
}
.pp-drawer--login .show-password-input.display-password::before {
	content: "\f11b";
}
.pp-drawer--login .woocommerce-form-login .button {
	width: 100%;
}
.pp-drawer--login .login-form-footer {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	margin: 0;
}
.pp-drawer--login .login-form-footer a {
	color: #5d4f89; /* --wd-primary-color */
	text-decoration: none;
}
.pp-drawer--login .login-form-footer .lost_password {
	order: 2;
}
.pp-drawer--login .login-form-footer .lost_password:hover {
	opacity: .7;
}
.pp-drawer--login .login-form-footer .woocommerce-form-login__rememberme {
	order: 1;
	display: block;
	margin: 0;
	color: #242424;
	vertical-align: middle;
	cursor: pointer;
}
.pp-drawer--login .woocommerce-form__input-checkbox {
	/* Woodmart base input[type=checkbox] */
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.pp-drawer--login .create-account-question {
	padding: 20px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, .105);
	text-align: center;
}
.pp-drawer--login .create-account-question p {
	margin: 0 0 15px;
	color: #242424;
	font-weight: 600;
}
.pp-drawer--login .create-account-question::before {
	content: "\f124";
	display: block;
	margin-bottom: 15px;
	color: #f1f1f1; /* .create-account-question:before, old computed rgb(241,241,241) */
	font-size: 54px;
	line-height: 1;
	font-family: var(--pp-font-icons);
}
.pp-drawer--login .create-account-question .btn {
	min-height: 0;
	padding: 0;
	border: 0 solid;
	border-bottom: 2px solid #5d4f89; /* --btn-brd-color: --wd-primary-color */
	color: #333;
	background-color: transparent;
}
.pp-drawer--login .create-account-question .btn:hover {
	color: #767676;
	background-color: transparent;
	border-bottom-color: #5d4f89;
}

/* ---- mini-cart values measured on the old drawer (computed styles with an item in the cart) ---- */
.pp-drawer--minicart .widget_shopping_cart {
	line-height: 1.4; /* old .cart-widget-side widget text: 17.64px at 12.6px, 25.48px at 18.2px */
}
.pp-drawer--minicart .amount {
	color: #5d4f89; /* base.min.css .amount: --wd-primary-color */
	font-weight: 600;
}
.pp-drawer--minicart ins {
	text-decoration: none; /* base.min.css ins */
}
.pp-drawer--minicart .btn.btn-default,
.pp-drawer--minicart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout) {
	/* base.min.css .btn.btn-default with the theme --btn-default-* values; Woodmart added
	   btn btn-default to the core View cart button itself */
	border-radius: 0;
	color: #fff;
	background-color: #000;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
}
.pp-drawer--minicart .btn.btn-default:hover,
.pp-drawer--minicart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):hover {
	color: #fff;
	background-color: #666;
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
}
.pp-drawer--minicart .btn.btn-default:active,
.pp-drawer--minicart .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):active {
	bottom: -1px;
}

/* ---- WooCommerce core woocommerce.css loads under the fe theme (Woodmart turned it off with woocommerce_enqueue_styles)
   and its widget cart rules outrank the values above (.woocommerce.widget_shopping_cart .cart_list li a.remove 0,4,2,
   .woocommerce a.button 0,2,1, a.remove color !important); restate the measured values one level higher ---- */
.pp-drawer--minicart .widget_shopping_cart.woocommerce ul.cart_list > li {
	margin: 0;
	padding: 15px;
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce ul.cart_list > li::before,
.pp-drawer--minicart .widget_shopping_cart.woocommerce ul.cart_list > li::after {
	content: none; /* WC clearfix pseudos would be flex items here */
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce ul.cart_list > li a {
	font-weight: inherit;
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce ul.cart_list > li .cart-item-link {
	position: absolute; /* Woodmart .wd-fill: the whole row links to the product */
	inset: 0;
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce ul.cart_list > li a.remove {
	top: 13px;
	left: auto;
	inset-inline-end: 10px;
	display: block;
	font-weight: 400;
	color: #333 !important;
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce ul.cart_list > li a.remove:hover {
	color: #333 !important;
	background-color: #fff;
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce ul.cart_list > li .cart-item-image img {
	float: none;
	width: auto;
	margin: 0;
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce .shopping-cart-widget-footer > .total {
	padding: 15px;
	border-top: 1px solid rgba(0, 0, 0, .105);
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce .woocommerce-mini-cart__buttons > a.button {
	display: inline-flex;
	width: 100%;
	margin: 0 0 10px;
	padding: 5px 20px;
	border-radius: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	color: #3e3e3e;
	background-color: #f3f3f3;
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce .woocommerce-mini-cart__buttons > a.button:last-child {
	margin-bottom: 0;
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce .woocommerce-mini-cart__buttons > a.button:not(.checkout) {
	color: #fff;
	background-color: #000;
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce .woocommerce-mini-cart__buttons > a.button:not(.checkout):hover {
	color: #fff;
	background-color: #666;
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce .woocommerce-mini-cart__buttons > a.button.checkout {
	color: #fff;
	background-color: #558063;
}
.pp-drawer--minicart .widget_shopping_cart.woocommerce .woocommerce-mini-cart__buttons > a.button.checkout:hover {
	color: #fff;
	background-color: #486d54;
}

/* ---- login fields + submit: the checkout / affiliates form look (Drago 2026-10-26). Scoped through
   .woocommerce-form-login so it outranks Woo core .woocommerce form .form-row .input-text / .woocommerce button.button ---- */
.pp-drawer--login .woocommerce-form-login .form-row label { font-size: 14px; font-weight: 700; line-height: 1.35; color: #3a2f63; margin-bottom: 6px; }
.pp-drawer--login .woocommerce-form-login .form-row label .required { color: #5d4f89; }
.pp-drawer--login .woocommerce-form-login .form-row .input-text { box-sizing: border-box; height: 48px; padding: 0 14px; border: 1.5px solid #d1c9e6; border-radius: 12px; background: #fff; color: #3a2f63; font-size: 16px; box-shadow: none; transition: border-color .15s, box-shadow .15s; /* affiliates tokens, no shared token */ }
.pp-drawer--login .woocommerce-form-login .form-row .input-text:hover { border-color: #b9aed6; }
.pp-drawer--login .woocommerce-form-login .form-row .input-text:focus { border-color: #5d4f89; box-shadow: 0 0 0 4px rgba(93, 79, 137, .14); outline: none; }
.pp-drawer--login .woocommerce-form-login .password-input input { padding-inline-end: 48px !important; }
.pp-drawer--login .woocommerce-form-login .show-password-input { width: 48px; height: 48px; color: #5d4f89; }
.pp-drawer--login .woocommerce-form-login button.button { min-height: 48px; border-radius: 12px; background-color: #558063; color: #fff; }
.pp-drawer--login .woocommerce-form-login button.button:hover { background-color: #486d54; color: #fff; }
/* Footer part (c16). Values from the old footer: chrome.json footer.footer-container, uploads/elementor/css/post-6307.css,
   Woodmart parts footer-base / el-list / el-social-icons / el-toggle and the wp-custom-css footer rules. */
.pp-footer {
	display: block;
	box-sizing: border-box;
	background-color: rgb(247, 247, 247); /* wp-custom-css .wd-footer */
	color: var(--pp-color-text-body-legacy);
	font-family: var(--pp-font-body);
	font-size: var(--pp-text-base);
	line-height: var(--pp-leading-body);
	text-align: start;
	overflow-x: clip; /* the stretched row below may be wider than the root (classic scrollbars) */
}

.pp-footer a {
	text-decoration: none;
}

.pp-footer__con {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

.pp-footer__inner {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	max-width: min(100%, 1320px);
	margin-inline: auto;
}

/* d0 row: post-6307.css 664b3c9 + wp-custom-css .e-con-inner */
.pp-footer__con--d0:first-child {
	padding: 35px 15px;
	border-bottom: 1px solid rgba(129, 129, 129, 0.2);
}

.pp-footer__con--d0:first-child > .pp-footer__inner {
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
}

.pp-footer__con--d1 {
	flex: 1 1 0;
	min-width: 0;
	gap: 30px;
	width: auto;
}

/* 89ccbda: column, centered; 7dcfb19 / 2c7354a: row, centered (wp-custom-css) */
.pp-footer__con--d1:first-child {
	align-items: center;
}

.pp-footer__con--d1:not(:first-child) {
	flex-direction: row;
	justify-content: center;
}

/* CRO ppcro-company-css (min-width 1025px): company column 2 parts, link columns 1 part each */
@media (min-width: 1025px) {
	.pp-footer__con--d1:first-child {
		flex: 2 1 0;
		max-width: 50%;
		width: 50%;
	}

	.pp-footer__con--d1:not(:first-child) {
		flex: 1 1 0;
		max-width: 25%;
		width: 25%;
	}
}

.pp-footer__con--d1:first-child > .pp-footer__con--d2 {
	width: 66.4%;
	flex: 0 0 auto;
	gap: 20px;
}

/* disclaimer row 534c57d sits in Woodmart .main-footer: wp-custom-css max-width 1200px, padding 0 20px */
.pp-footer__con--d0:not(:first-child) {
	max-width: 1200px;
	margin-inline: auto;
	padding-inline: 20px;
}

/* post-6307.css 534c57d --content-width 850px (min-width 769px) */
@media (min-width: 769px) {
	.pp-footer__con--d0:not(:first-child) > .pp-footer__inner {
		max-width: 850px;
	}
}

.pp-footer__text {
	padding: 20px 0;
	text-align: center;
}

.pp-footer__text p {
	margin: 0 0 20px;
}

.pp-footer__text > :last-child {
	margin-bottom: 0;
}

/* logo widget: custom 300x40, 65% on mobile */
.pp-footer__image {
	max-width: 100%;
	text-align: left;
}

.pp-footer__image img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

/* wd_list */
.pp-footer__list {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.pp-footer__li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0;
}

/* Share buttons: CRO CSS hides .footer-container .wd-social-icons today (the links, not the widget box,
   which keeps its 20px spacing in the column); markup stays for link parity. */
.pp-footer__social {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	--pp-soc-size: 30px;
}

.pp-footer__soc {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--pp-soc-size);
	height: var(--pp-soc-size);
	border-radius: 50%;
	background-color: var(--pp-soc-bg, #365493);
	color: #fff;
	font-size: 14px;
}

.pp-footer__soc-icon::before {
	content: var(--pp-soc-icon, "");
	font-family: var(--pp-font-icons);
	line-height: 1;
}

.pp-footer__soc--facebook { --pp-soc-bg: #365493; --pp-soc-icon: "\f180"; }
.pp-footer__soc--twitter { --pp-soc-bg: #000; --pp-soc-icon: "\f154"; }
.pp-footer__soc--whatsapp { --pp-soc-bg: #1EBEA5; --pp-soc-icon: "\f175"; }
.pp-footer__soc--tg { --pp-soc-bg: #37AEE2; --pp-soc-icon: "\f179"; }
.pp-footer__soc--viber { --pp-soc-bg: #834995; --pp-soc-icon: "\f181"; }

.pp-footer__social .pp-footer__soc {
	display: none;
}

@media (max-width: 1024px) {
	.pp-footer__soc--hide-lg { display: inline-flex; }
	.pp-footer__soc--hide-md { display: none; }
}

@media (min-width: 1025px) {
	.pp-footer__soc--hide-lg { display: none; }
}

/* wd_toggle */
.pp-footer__toggle {
	display: block;
	width: 100%;
	max-width: 100%;
	text-align: center;
}

.pp-footer__toggle-head {
	display: block;
}

.pp-footer__toggle-title {
	position: relative;
	margin: 0; /* Woodmart el-toggle .wd-el-toggle-title.title beats the wp-custom-css 16px / 15px */
	padding-bottom: 0;
	font-family: var(--pp-font-heading);
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #222;
	text-align: center;
}

.pp-footer__toggle-title::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background: #000;
	margin: 8px auto 0;
}

.pp-footer__toggle-icon {
	color: #bbb;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	transition: all 0.25s ease;
}

.pp-footer__toggle-icon::before {
	content: "\f129";
	font-family: var(--pp-font-icons);
}

.pp-footer__toggle-content {
	margin-top: 10px; /* post-6307.css heading_spacing 10px */
}

.pp-footer__toggle-inner {
	opacity: 0;
	transition: all 0.25s ease;
}

/* 613c87c / e8e0cec: padding 10px (outer 0 10px + e-con-inner 10px 0) */
.pp-footer__toggle-inner .pp-footer__con--boxed {
	padding: 10px;
}

@media (min-width: 1025px) {
	.pp-footer__toggle--static-lg .pp-footer__toggle-icon { display: none; }
	.pp-footer__toggle--opened-lg .pp-footer__toggle-head,
	.pp-footer__toggle--closed-lg .pp-footer__toggle-head { cursor: pointer; }
	.pp-footer__toggle--closed-lg:not(.pp-footer__toggle--active-lg) .pp-footer__toggle-content { display: none; }
	.pp-footer__toggle--active-lg .pp-footer__toggle-icon { transform: rotate(180deg); }
	.pp-footer__toggle--active-lg .pp-footer__toggle-inner { opacity: 1; }
}

@media (min-width: 769px) and (max-width: 1024px) {
	.pp-footer__toggle--static-md .pp-footer__toggle-icon { display: none; }
	.pp-footer__toggle--opened-md .pp-footer__toggle-head,
	.pp-footer__toggle--closed-md .pp-footer__toggle-head { cursor: pointer; }
	.pp-footer__toggle--closed-md:not(.pp-footer__toggle--active-md) .pp-footer__toggle-content { display: none; }
	.pp-footer__toggle--active-md .pp-footer__toggle-icon { transform: rotate(180deg); }
	.pp-footer__toggle--active-md .pp-footer__toggle-inner { opacity: 1; }
}

@media (max-width: 768px) {
	.pp-footer__toggle--static-sm .pp-footer__toggle-icon { display: none; }
	.pp-footer__toggle--opened-sm .pp-footer__toggle-head,
	.pp-footer__toggle--closed-sm .pp-footer__toggle-head { cursor: pointer; }
	.pp-footer__toggle--closed-sm:not(.pp-footer__toggle--active-sm) .pp-footer__toggle-content { display: none; }
	.pp-footer__toggle--active-sm .pp-footer__toggle-icon { transform: rotate(180deg); }
	.pp-footer__toggle--active-sm .pp-footer__toggle-inner { opacity: 1; }
}

/* wd_extra_menu_list (wp-custom-css .sub-sub-menu rules) */
/* The ul is a flex item here; in the old markup the last li's -8px margin collapsed out to the
   widget box, so the list box ends 8px above the last link. */
.pp-footer__menu {
	margin: 0 0 -8px;
	padding: 0;
	list-style: none;
	text-align: center;
}

.pp-footer__menu-item {
	display: block;
	margin: 0 0 -8px;
	text-align: center;
}

.pp-footer__menu-item:last-child {
	margin-bottom: 0;
}

.pp-footer__menu-item a {
	display: inline-block;
	padding: 8px 0;
	color: rgb(131, 131, 131);
	font-size: 14px;
	line-height: 18.2px;
	text-align: center;
}

.pp-footer__menu-item a:hover {
	color: rgba(51, 51, 51, 0.8);
}

/* copyrights row (footer-base .wd-copyrights; CRO CSS hides .wd-col-end and centers .wd-col-start) */
.pp-footer__copyrights {
	padding-block: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.105);
	text-align: center;
}

.pp-footer__copyrights-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	box-sizing: border-box;
	width: 100%;
	max-width: 1350px;
	margin-inline: auto;
	padding-inline: 15px;
}

.pp-footer__copy-end {
	text-align: end;
}

.pp-footer__copy-end img {
	max-width: 100%;
}

@media (max-width: 1024px) {
	.pp-footer__copyrights-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* tablet and mobile layout (post-6307.css + wp-custom-css) */
@media (max-width: 1024px) {
	/* 664b3c9 wd-section-stretch: below 1025px the old row is 100vw wide, centered on the root */
	.pp-footer__con--d0:first-child {
		width: 100vw;
		max-width: 100vw;
		margin-inline: calc(50% - 50vw);
	}

	.pp-footer__con--d0:first-child > .pp-footer__inner {
		flex-direction: column;
	}

	.pp-footer__con--d1,
	.pp-footer__con--d1:first-child,
	.pp-footer__con--d1:not(:first-child) {
		width: 100%;
		max-width: 100%;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.pp-footer__con--d1:first-child > .pp-footer__con--d2 {
		width: 66%;
	}
}

/* wp-custom-css (max-width 768px) .wd-footer .e-con-inner { flex-direction: column; gap: 25px } */
@media (max-width: 768px) {
	.pp-footer__inner,
	.pp-footer__con--d0:first-child > .pp-footer__inner {
		flex-direction: column;
		gap: 25px;
	}

	.pp-footer__con--d0:not(:first-child) {
		padding-inline: 15px;
	}

	.pp-footer__con--d1:not(:first-child) {
		flex-direction: column;
	}

	.pp-footer__con--d1:first-child > .pp-footer__con--d2 {
		width: 100%;
	}

	.pp-footer__image {
		width: 65%;
	}
}
/* Contact page. Tokens only: --pp-u-* for colour, size, weight, radius. */
.pp-contact [hidden] { display: none !important; }
.pp-contact__hero, .pp-contact__grid { max-width: 1220px; margin-inline: auto; }
.pp-contact__hero { padding: clamp(16px, 2.5vw, 32px) 0 clamp(20px, 2.6vw, 36px); }
.pp-contact__hero-grid { position: relative; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: clamp(24px, 4vw, 58px); align-items: center; min-height: 430px; padding: clamp(30px, 5.2vw, 72px); overflow: hidden; border: 1px solid var(--pp-color-bg-tint); border-radius: var(--pp-u-radius-card); background: radial-gradient(850px 420px at 100% -10%, var(--pp-color-bg-tint), transparent 61%), linear-gradient(160deg, var(--pp-color-bg-tint-soft) 0%, var(--pp-color-bg-tint) 100%); }
.pp-contact__hero-copy, .pp-contact__hero-art { position: relative; z-index: 1; min-width: 0; }
.pp-contact__hero-art { display: flex; align-items: center; justify-content: center; min-height: 280px; }
.pp-contact__art { position: relative; display: block; width: min(260px, 100%); aspect-ratio: 1; line-height: 0; contain: layout paint; }

.pp-contact__title { margin: 0; font-size: var(--pp-u-h1-hero); font-weight: var(--pp-u-weight-strong); line-height: 1.06; letter-spacing: -.035em; color: var(--pp-u-ink); overflow-wrap: anywhere; text-wrap: balance; }
.pp-contact__lead { margin: 18px 0 0; max-width: 65ch; font-size: var(--pp-u-lead); line-height: 1.62; color: var(--pp-u-body); }
.pp-contact__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(16px, 2.2vw, 28px); align-items: start; padding-bottom: clamp(46px, 6.5vw, 92px); }
.pp-contact__col-form { display: grid; gap: clamp(16px, 2.2vw, 28px); min-width: 0; }
.pp-contact__faq { min-width: 0; padding-top: clamp(20px, 3vw, 40px); }
@media (min-width: 992px) {
	.pp-contact__grid--split { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
	.pp-contact__grid--split .pp-contact__col-form { order: 2; }
	.pp-contact__grid--split .pp-contact__faq { order: 1; padding-top: 0; }
}
.pp-contact__card { box-sizing: border-box; min-width: 0; padding: clamp(20px, 3vw, 36px);     }
.pp-contact__card-title, .pp-contact__side-title { margin: 0 0 16px; font-size: var(--pp-u-h2-section); font-weight: var(--pp-u-weight-strong); line-height: 1.14; color: var(--pp-u-ink); }
.pp-contact__faq-title { margin: 0 0 20px; font-size: var(--pp-u-h3); font-weight: var(--pp-u-weight-strong); line-height: 1.3; text-transform: uppercase; color: var(--pp-u-ink); }
.pp-contact__side { min-width: 0; font-size: var(--pp-u-text-ui); line-height: 1.6; color: var(--pp-u-body); }
.pp-contact__side a { color: var(--pp-u-brand); }
.pp-contact__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; visibility: hidden; }
#pp-contact-form .pp-field { margin-bottom: 16px; }
#pp-contact-form label { display: block; margin-bottom: 6px; font-size: var(--pp-u-text-small); font-weight: var(--pp-u-weight-strong); color: var(--pp-u-ink); }
#pp-contact-form .req { color: var(--pp-u-brand); }
#pp-contact-form input[type="text"], #pp-contact-form input[type="email"], #pp-contact-form input[type="tel"], #pp-contact-form textarea { display: block; width: 100%; box-sizing: border-box; height: var(--pp-form-height); padding: 0 var(--pp-form-pad-x); font: inherit; font-size: var(--pp-u-text-ui); color: var(--pp-u-ink); background: var(--pp-color-bg); border: var(--pp-form-border-width) solid var(--pp-color-border-form); border-radius: var(--pp-u-radius-control); }
#pp-contact-form textarea { height: auto; min-height: 140px; padding-top: 10px; padding-bottom: 10px; resize: vertical; }
#pp-contact-form input:focus, #pp-contact-form textarea:focus { outline: none; border-color: var(--pp-color-border-form-focus); }
/* Kept variant: validation red (no --pp-u-* error colour exists). */
#pp-contact-form input[aria-invalid="true"], #pp-contact-form textarea[aria-invalid="true"] { border-color: #dc2626; }
#pp-contact-form .pp-err { display: none; margin-top: 5px; font-size: var(--pp-u-text-small); color: #991b1b; }
#pp-contact-form .pp-err.show { display: block; }
#pp-submit { display: inline-flex; align-items: center; gap: 10px; height: var(--pp-form-height); padding: 0 28px; font: inherit; font-size: var(--pp-u-text-small); font-weight: var(--pp-u-weight-strong); text-transform: uppercase; color: var(--pp-color-bg); background: var(--pp-u-brand); border: 0; border-radius: var(--pp-u-radius-control); cursor: pointer; }
#pp-submit:hover { background: var(--pp-u-brand-dark); }
#pp-submit:disabled { opacity: .7; cursor: progress; }
#pp-submit .spinner { display: none; width: 16px; height: 16px; box-sizing: border-box; border: 2px solid rgba(255, 255, 255, .35); border-top-color: var(--pp-color-bg); border-radius: 50%; animation: pp-contact-spin .7s linear infinite; }
#pp-submit.loading .spinner { display: inline-block; }
@keyframes pp-contact-spin { to { transform: rotate(360deg); } }
.pp-contact .pp-disclaimer { margin: 14px 0 0; font-size: var(--pp-u-text-small); line-height: 1.5; color: var(--pp-u-muted); }
#pp-contact-success, #pp-contact-error { padding: 24px 0; font-size: var(--pp-u-text-ui); line-height: 1.6; color: var(--pp-u-body); }
#pp-contact-success h3, #pp-contact-error h3 { margin: 0 0 8px; font-size: var(--pp-u-h3); font-weight: var(--pp-u-weight-strong); color: var(--pp-u-ink); }
#pp-ref-code { color: var(--pp-u-brand); }
.pp-next-steps { margin: 16px 0; padding-left: 20px; }
#pp-send-another, #pp-try-again { height: var(--pp-form-height); padding: 0 20px; font: inherit; font-size: var(--pp-u-text-small); font-weight: var(--pp-u-weight-strong); color: var(--pp-u-brand); background: transparent; border: 1px solid var(--pp-u-brand); border-radius: var(--pp-u-radius-control); cursor: pointer; }
#pp-send-another:hover, #pp-try-again:hover { color: var(--pp-color-bg); background: var(--pp-u-brand-dark); }
.pp-contact__faq-sub { margin: 0 0 6px; font-size: var(--pp-u-eyebrow); text-transform: uppercase; color: var(--pp-u-muted); }
.pp-contact__faq-item { box-sizing: border-box; margin-bottom: 4px; padding: 0; border-radius: var(--pp-u-radius-card); }
.pp-contact__faq-item[open] { background: var(--pp-color-bg-tint-soft); box-shadow: inset 0 0 0 1px var(--pp-color-bg-tint); }
.pp-contact__faq-item > div p { margin: 0 0 10px; }
@media (max-width: 767px) {
	.pp-contact__title { font-size: var(--pp-u-h1-hero-m); }
	.pp-contact__lead { font-size: var(--pp-u-lead-m); }
	.pp-contact__hero-grid { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: 30px 22px; }
	.pp-contact__hero-art { min-height: 0; }
	.pp-contact__art { width: 190px; }
	
	.pp-contact__card-title, .pp-contact__side-title { font-size: var(--pp-u-h2-section-m); }
	.pp-contact__faq-title { font-size: var(--pp-u-h3-m); }
}

.pp-contact__faq .pp-faq-cta { box-sizing: border-box; margin: 30px 0 0; padding: 32px 24px; text-align: center; border: 1px solid var(--pp-color-bg-tint); border-radius: var(--pp-u-radius-card); background: linear-gradient(135deg, var(--pp-u-brand-dark), var(--pp-u-brand)); color: var(--pp-color-bg); }
.pp-contact__faq .pp-faq-cta p { margin: 0; }
.pp-contact__faq .pp-faq-cta-title { margin-bottom: 20px !important; font-size: var(--pp-u-h3); font-weight: var(--pp-u-weight-strong); color: var(--pp-color-bg); }