:root {
    color-scheme: light;

    /* Change these brand tokens first for every new website. */
    --ds-color-primary: #0b4a34;
    --ds-color-primary-strong: #073526;
    --ds-color-primary-soft: #d8eadf;
    --ds-color-secondary: #587363;
    --ds-color-accent: #58b86b;
    --ds-color-accent-strong: #1e7a4e;
    --ds-color-accent-soft: #e8f5eb;
    --ds-color-ink: #0b3b2b;
    --ds-color-text: #294c3e;
    --ds-color-muted: #587363;
    --ds-color-border: #cfe2d6;
    --ds-color-surface: #ffffff;
    --ds-color-surface-muted: #f5faf6;
    --ds-color-canvas: #fbfdfc;
    --ds-color-success: #1e7a4e;
    --ds-color-warning: #946516;
    --ds-color-danger: #a23d36;
    --ds-color-info: #2d6687;

    --ds-font-heading: Arial, "Helvetica Neue", Helvetica, sans-serif;
    --ds-font-body: Arial, "Helvetica Neue", Helvetica, sans-serif;
    --ds-font-mono: "Cascadia Code", Consolas, monospace;

    --ds-text-xs: 0.75rem;
    --ds-text-sm: 0.875rem;
    --ds-text-base: 0.95rem;
    --ds-text-md: clamp(1rem, 0.96rem + 0.18vw, 1.12rem);
    --ds-text-lg: clamp(1.14rem, 1.02rem + 0.48vw, 1.42rem);
    --ds-text-xl: clamp(1.42rem, 1.17rem + 0.9vw, 2rem);
    --ds-text-2xl: clamp(1.85rem, 1.32rem + 1.75vw, 3.2rem);
    --ds-text-hero: clamp(2.25rem, 1.55rem + 3vw, 4.9rem);

    --ds-leading-tight: 1.05;
    --ds-leading-heading: 1.12;
    --ds-leading-body: 1.65;
    --ds-tracking-tight: -0.035em;
    --ds-tracking-wide: 0.12em;

    --ds-space-1: 0.25rem;
    --ds-space-2: 0.5rem;
    --ds-space-3: 0.75rem;
    --ds-space-4: 1rem;
    --ds-space-5: 1.5rem;
    --ds-space-6: 2rem;
    --ds-space-7: 3rem;
    --ds-space-8: 4.5rem;
    --ds-space-9: 6rem;
    --ds-section-space: clamp(3.5rem, 2.8rem + 3.8vw, 6.5rem);

    --ds-container: 75rem;
    --ds-container-narrow: 48rem;
    --ds-gutter: clamp(1rem, 0.55rem + 2vw, 2rem);
    --ds-grid-min: 16rem;

    --ds-radius-sm: 0.5rem;
    --ds-radius-md: 0.9rem;
    --ds-radius-lg: 1.1rem;
    --ds-radius-xl: 1.5rem;
    --ds-radius-pill: 999rem;
    --ds-border: 1px solid var(--ds-color-border);
    --ds-shadow-sm: 0 0.35rem 1rem rgb(23 35 29 / 0.07);
    --ds-shadow-md: 0 1rem 2.5rem rgb(23 35 29 / 0.11);
    --ds-shadow-lg: 0 1.75rem 5rem rgb(23 35 29 / 0.16);

    --ds-duration-fast: 150ms;
    --ds-duration: 240ms;
    --ds-ease: cubic-bezier(0.2, 0.75, 0.25, 1);
    --ds-focus: 0 0 0 0.22rem rgb(88 184 107 / 0.3);
    --ds-header-height: 4.75rem;
}

[data-theme="dark"] {
    color-scheme: dark;
    --ds-color-ink: #f5fbf7;
    --ds-color-text: #dfeee5;
    --ds-color-muted: #aec7b7;
    --ds-color-border: #35624d;
    --ds-color-surface: #174f3a;
    --ds-color-surface-muted: #1d5a42;
    --ds-color-canvas: #073526;
    --ds-color-primary-soft: #255f46;
    --ds-color-accent-soft: #2e6f50;
    --ds-shadow-sm: 0 0.35rem 1rem rgb(0 0 0 / 0.18);
    --ds-shadow-md: 0 1rem 2.5rem rgb(0 0 0 / 0.28);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; text-size-adjust: 100%; }
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; }
body { min-height: 100vh; }
ul[role="list"], ol[role="list"] { margin: 0; padding: 0; list-style: none; }
img, picture, svg, video { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
button, [role="button"] { cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }
[hidden] { display: none !important; }

html { background: var(--ds-color-canvas); }
  body {
    overflow-x: hidden;
    background: var(--ds-color-canvas);
    color: var(--ds-color-text);
    font-family: var(--ds-font-body);
    font-size: var(--ds-text-base);
    line-height: var(--ds-leading-body);
    text-rendering: optimizeLegibility;
  }

  h1, h2, h3, h4 {
    color: var(--ds-color-ink);
    font-family: var(--ds-font-heading);
    font-weight: 750;
    letter-spacing: var(--ds-tracking-tight);
    line-height: var(--ds-leading-heading);
    text-wrap: balance;
  }
  h1 { font-size: var(--ds-text-hero); line-height: var(--ds-leading-tight); }
  h2 { font-size: var(--ds-text-2xl); }
  h3 { font-size: var(--ds-text-xl); }
  h4 { font-size: var(--ds-text-lg); }
  p { max-width: 70ch; text-wrap: pretty; }
  a { color: var(--ds-color-primary); text-underline-offset: 0.18em; }
  a:hover { color: var(--ds-color-accent-strong); }
  strong { color: var(--ds-color-ink); font-weight: 750; }
  small { font-size: var(--ds-text-sm); }
  code { font-family: var(--ds-font-mono); }
  ::selection { background: var(--ds-color-accent-soft); color: var(--ds-color-ink); }
  :focus-visible { outline: none; box-shadow: var(--ds-focus); }

  .ds-prose > * + * { margin-block-start: 1em; }
  .ds-prose :is(ul, ol) { padding-inline-start: 1.25rem; }
  .ds-prose li + li { margin-block-start: 0.4rem; }
  .ds-prose blockquote {
    border-inline-start: 0.3rem solid var(--ds-color-accent);
    padding-inline-start: var(--ds-space-5);
    color: var(--ds-color-muted);
    font-size: var(--ds-text-md);
  }
.ds-container {
    width: min(100% - (2 * var(--ds-gutter)), var(--ds-container));
    margin-inline: auto;
  }
  .ds-container--narrow { max-width: var(--ds-container-narrow); }
  .ds-section { padding-block: var(--ds-section-space); }
  .ds-section--muted { background: var(--ds-color-surface-muted); }
  .ds-section--dark { background: var(--ds-color-primary-strong); color: #eaf0ec; }
  .ds-stack { display: flex; flex-direction: column; gap: var(--ds-stack-space, var(--ds-space-5)); }
  .ds-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ds-cluster-space, var(--ds-space-3)); }
  .ds-split { display: grid; gap: clamp(2rem, 4vw, 5rem); align-items: center; }
  .ds-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ds-grid-min)), 1fr)); gap: var(--ds-grid-gap, var(--ds-space-5)); }
  .ds-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ds-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ds-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .ds-center { display: grid; place-items: center; }
  .ds-flow > * + * { margin-block-start: var(--ds-flow-space, 1rem); }
  .alignwide { width: min(100% - (2 * var(--ds-gutter)), var(--ds-container)); margin-inline: auto; }
  .alignfull { width: 100vw; margin-inline: calc(50% - 50vw); }
.ds-skip-link {
    position: fixed; inset-block-start: var(--ds-space-3); inset-inline-start: var(--ds-space-3);
    z-index: 99999; translate: 0 -150%; padding: 0.75rem 1rem;
    border-radius: var(--ds-radius-sm); background: var(--ds-color-ink); color: var(--ds-color-surface);
  }
  .ds-skip-link:focus { translate: 0; }

  .ds-eyebrow {
    color: var(--ds-color-accent-strong); font-size: var(--ds-text-xs); font-weight: 800;
    letter-spacing: var(--ds-tracking-wide); text-transform: uppercase;
  }
  .ds-lead { color: var(--ds-color-muted); font-size: var(--ds-text-md); line-height: 1.65; }
  .ds-section-heading { display: grid; gap: var(--ds-space-3); max-width: 48rem; margin-block-end: var(--ds-space-7); }
  .ds-section-heading--center { margin-inline: auto; text-align: center; }
  .ds-section-heading--center :is(p, h2) { margin-inline: auto; }

  .ds-announcement { background: var(--ds-color-primary-strong); color: #fff; font-size: var(--ds-text-sm); }
  .ds-announcement__inner { min-height: 2.5rem; display: flex; align-items: center; justify-content: center; gap: var(--ds-space-3); text-align: center; }
  .ds-announcement a { color: #fff; font-weight: 750; }

  .ds-header { position: relative; z-index: 100; border-bottom: 1px solid rgb(255 255 255 / 0.16); background: rgb(11 74 52 / 0.97); backdrop-filter: blur(1rem); }
  .ds-header--sticky { position: sticky; inset-block-start: 0; }
  .ds-header__inner { min-height: var(--ds-header-height); display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-5); }
  .ds-brand { color: #fff; font-family: var(--ds-font-heading); font-size: 1.2rem; font-weight: 850; letter-spacing: -0.03em; text-decoration: none; }
  .ds-nav { display: flex; align-items: center; gap: var(--ds-space-5); }
  .ds-nav__list { display: flex; align-items: center; gap: var(--ds-space-5); margin: 0; padding: 0; list-style: none; }
  .ds-nav__link { color: rgb(255 255 255 / 0.9); font-size: var(--ds-text-sm); font-weight: 700; text-decoration: none; }
  .ds-nav__link:is(:hover, [aria-current="page"]) { color: #bfe8c8; }
  .ds-nav-toggle { display: none; min-width: 2.8rem; min-height: 2.8rem; border: 1px solid rgb(255 255 255 / 0.38); border-radius: var(--ds-radius-pill); background: transparent; color: #fff; }

  .ds-hero { position: relative; isolation: isolate; overflow: clip; padding-block: clamp(4.5rem, 7vw, 8rem); }
  .ds-hero::after {
    content: ""; position: absolute; z-index: -1; width: min(50vw, 38rem); aspect-ratio: 1;
    inset-block-start: 4%; inset-inline-end: -10%; border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, var(--ds-color-accent-soft), var(--ds-color-primary-soft) 50%, transparent 71%);
    filter: blur(0.2rem);
  }
  .ds-hero__content { max-width: 54rem; }
  .ds-hero__actions { margin-block-start: var(--ds-space-6); }
  .ds-hero__meta { margin-block-start: var(--ds-space-7); color: var(--ds-color-muted); font-size: var(--ds-text-sm); }

  .ds-btn {
    display: inline-flex; min-height: 2.9rem; align-items: center; justify-content: center; gap: var(--ds-space-2);
    padding: 0.72rem 1.15rem; border: 1px solid transparent; border-radius: var(--ds-radius-pill);
    background: var(--ds-color-primary); color: #fff; font-weight: 780; line-height: 1.15; text-decoration: none;
    transition: translate var(--ds-duration-fast) var(--ds-ease), box-shadow var(--ds-duration) var(--ds-ease), background var(--ds-duration) var(--ds-ease);
  }
  .ds-btn:hover { translate: 0 -0.12rem; background: var(--ds-color-primary-strong); color: #fff; box-shadow: var(--ds-shadow-sm); }
  .ds-btn--secondary { background: var(--ds-color-accent); color: var(--ds-color-primary-strong); }
  .ds-btn--secondary:hover { background: #fff; color: var(--ds-color-primary-strong) !important; }
  .ds-btn--outline { border-color: var(--ds-color-border); background: transparent; color: var(--ds-color-ink); }
  .ds-btn--outline:hover { border-color: var(--ds-color-primary); background: var(--ds-color-primary-soft); color: var(--ds-color-primary-strong); }
  .ds-btn--light-outline { border-color: rgb(255 255 255 / .55); background: rgb(255 255 255 / .04); color: #fff; }
  .ds-btn--light-outline:hover { border-color: #fff; background: #fff; color: var(--ds-color-primary-strong); }
  .ds-btn--ghost { background: transparent; color: var(--ds-color-primary); }
  .ds-btn--ghost:hover { background: var(--ds-color-primary-soft); color: var(--ds-color-primary-strong); box-shadow: none; }
  .ds-btn[disabled], .ds-btn[aria-disabled="true"] { opacity: 0.5; pointer-events: none; }

  .ds-pill { display: inline-flex; align-items: center; gap: 0.4rem; width: fit-content; padding: 0.35rem 0.75rem; border-radius: var(--ds-radius-pill); background: var(--ds-color-primary-soft); color: var(--ds-color-primary-strong); font-size: var(--ds-text-xs); font-weight: 800; }
  .ds-pill--accent { background: var(--ds-color-accent-soft); color: var(--ds-color-accent-strong); }

  .ds-card { position: relative; display: flex; flex-direction: column; gap: .85rem; height: 100%; padding: clamp(1.05rem, .92rem + .65vw, 1.6rem); border: var(--ds-border); border-radius: var(--ds-radius-md); background: var(--ds-color-surface); box-shadow: var(--ds-shadow-sm); }
  .ds-card--interactive { transition: translate var(--ds-duration) var(--ds-ease), box-shadow var(--ds-duration) var(--ds-ease), border-color var(--ds-duration) var(--ds-ease); }
  .ds-card--interactive:hover { translate: 0 -0.3rem; border-color: color-mix(in srgb, var(--ds-color-primary), transparent 55%); box-shadow: var(--ds-shadow-md); }
  .ds-card--featured { border-color: var(--ds-color-accent); box-shadow: 0 0 0 0.18rem var(--ds-color-accent-soft), var(--ds-shadow-md); }
  .ds-card__icon { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: var(--ds-radius-md); background: var(--ds-color-primary-soft); color: var(--ds-color-primary); font-size: 1.25rem; font-weight: 850; }
  .ds-card__footer { margin-block-start: auto; padding-block-start: var(--ds-space-3); }

  .ds-stat { padding: var(--ds-space-5); border-inline-start: 0.22rem solid var(--ds-color-accent); }
  .ds-stat__value { display: block; color: var(--ds-color-ink); font-family: var(--ds-font-heading); font-size: var(--ds-text-xl); font-weight: 850; line-height: 1; }
  .ds-stat__label { display: block; margin-block-start: var(--ds-space-2); color: var(--ds-color-muted); font-size: var(--ds-text-sm); }

  .ds-trust { padding-block: var(--ds-space-4); border-block: var(--ds-border); background: var(--ds-color-surface); }
  .ds-trust__items { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: var(--ds-space-4); }
  .ds-trust__item { display: flex; align-items: center; justify-content: center; gap: var(--ds-space-2); color: var(--ds-color-muted); font-size: var(--ds-text-sm); font-weight: 700; text-align: center; }

  .ds-field { display: grid; gap: 0.45rem; }
  .ds-label { color: var(--ds-color-ink); font-size: var(--ds-text-sm); font-weight: 750; }
  .ds-help { color: var(--ds-color-muted); font-size: var(--ds-text-xs); }
  .ds-input, .ds-select, .ds-textarea {
    width: 100%; min-height: 3rem; padding: 0.72rem 0.85rem; border: var(--ds-border); border-radius: var(--ds-radius-sm);
    background: var(--ds-color-surface); color: var(--ds-color-ink); box-shadow: inset 0 1px 0 rgb(23 35 29 / 0.03);
    transition: border-color var(--ds-duration-fast), box-shadow var(--ds-duration-fast);
  }
  .ds-textarea { min-height: 8rem; resize: vertical; }
  .ds-input:focus, .ds-select:focus, .ds-textarea:focus { outline: none; border-color: var(--ds-color-accent); box-shadow: var(--ds-focus); }
  .ds-input[aria-invalid="true"], .ds-select[aria-invalid="true"], .ds-textarea[aria-invalid="true"] { border-color: var(--ds-color-danger); }
  .ds-error { color: var(--ds-color-danger); font-size: var(--ds-text-xs); font-weight: 700; }
  .ds-form-actions { display: flex; flex-wrap: wrap; gap: var(--ds-space-3); align-items: center; }

  .ds-alert { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ds-space-4); padding: var(--ds-space-4); border: 1px solid color-mix(in srgb, var(--ds-alert-color, var(--ds-color-info)), transparent 65%); border-radius: var(--ds-radius-md); background: color-mix(in srgb, var(--ds-alert-color, var(--ds-color-info)), transparent 91%); color: var(--ds-color-ink); }
  .ds-alert--success { --ds-alert-color: var(--ds-color-success); }
  .ds-alert--warning { --ds-alert-color: var(--ds-color-warning); }
  .ds-alert--danger { --ds-alert-color: var(--ds-color-danger); }
  .ds-alert__close { flex: 0 0 auto; border: 0; background: transparent; color: currentColor; font-weight: 800; }

  .ds-tabs { display: grid; gap: var(--ds-space-5); }
  .ds-tabs__list { display: flex; gap: var(--ds-space-2); overflow-x: auto; padding: 0.25rem; border: var(--ds-border); border-radius: var(--ds-radius-pill); background: var(--ds-color-surface-muted); }
  .ds-tabs__tab { flex: 0 0 auto; min-height: 2.55rem; padding: 0.55rem 0.9rem; border: 0; border-radius: var(--ds-radius-pill); background: transparent; color: var(--ds-color-muted); font-weight: 750; }
  .ds-tabs__tab[aria-selected="true"] { background: var(--ds-color-surface); color: var(--ds-color-primary); box-shadow: var(--ds-shadow-sm); }
  .ds-tabs__panel { padding: var(--ds-space-5); border: var(--ds-border); border-radius: var(--ds-radius-lg); background: var(--ds-color-surface); }

  .ds-accordion { border-block-start: var(--ds-border); }
  .ds-accordion__item { border-block-end: var(--ds-border); }
  .ds-accordion__button { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: var(--ds-space-5); padding-block: var(--ds-space-5); border: 0; background: transparent; color: var(--ds-color-ink); font-weight: 780; text-align: start; }
  .ds-accordion__button::after { content: "+"; font-size: 1.35rem; line-height: 1; }
  .ds-accordion__button[aria-expanded="true"]::after { content: "−"; }
  .ds-accordion__panel { padding-block-end: var(--ds-space-5); color: var(--ds-color-muted); }

  .ds-footer { padding-block: 0 var(--ds-space-5); background: linear-gradient(120deg, rgb(7 53 38 / .96), rgb(5 42 29 / .91)), var(--pdp-footer-bg, none) center / cover no-repeat, var(--ds-color-primary-strong); color: #d8eadf; }
  .ds-footer a { color: #fff; }
  .ds-footer__grid { display: grid; grid-template-columns: .9fr .9fr 1.25fr .9fr; gap: clamp(2rem, 4vw, 4rem); padding-block: var(--ds-space-7); }
  .ds-footer__title { margin-block-end: var(--ds-space-3); color: #fff; font-size: var(--ds-text-sm); letter-spacing: var(--ds-tracking-wide); text-transform: uppercase; }
  .ds-footer__links { display: grid; gap: var(--ds-space-2); margin: 0; padding: 0; list-style: none; }
  .ds-footer__bottom { padding-block-start: var(--ds-space-4); border-block-start: 1px solid rgb(255 255 255 / 0.15); font-size: var(--ds-text-sm); }
.ds-sr-only, .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
  .ds-text-center { text-align: center; }
  .ds-text-muted { color: var(--ds-color-muted); }
  .ds-text-accent { color: var(--ds-color-accent-strong); }
  .ds-surface { background: var(--ds-color-surface); }
  .ds-surface-muted { background: var(--ds-color-surface-muted); }
  .ds-shadow { box-shadow: var(--ds-shadow-md); }
  .ds-radius { border-radius: var(--ds-radius-lg); }
  .ds-w-full { width: 100%; }
  .ds-max-prose { max-width: 70ch; }
  .ds-mx-auto { margin-inline: auto; }
  .ds-mt-0 { margin-block-start: 0; }
  .ds-mt-4 { margin-block-start: var(--ds-space-4); }
  .ds-mt-6 { margin-block-start: var(--ds-space-6); }
  .ds-mt-7 { margin-block-start: var(--ds-space-7); }
  .ds-p-5 { padding: var(--ds-space-5); }
  .ds-p-6 { padding: var(--ds-space-6); }
body.admin-bar .ds-header--sticky { inset-block-start: 32px; }

  @media (min-width: 48rem) {
    .ds-split { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }

  @media (max-width: 63.99rem) {
    .ds-nav-toggle { display: inline-grid; place-items: center; }
    .ds-nav {
      position: absolute; inset: 100% var(--ds-gutter) auto; display: none; padding: var(--ds-space-4);
      border: 1px solid rgb(255 255 255 / 0.18); border-radius: var(--ds-radius-lg); background: var(--ds-color-primary-strong); box-shadow: var(--ds-shadow-lg);
    }
    .ds-nav[data-open="true"] { display: grid; }
    .ds-nav__list { display: grid; align-items: stretch; gap: var(--ds-space-2); }
    .ds-nav__link { display: block; padding: 0.65rem 0.75rem; border-radius: var(--ds-radius-sm); }
    .ds-nav__link:hover { background: rgb(255 255 255 / 0.1); }
    .ds-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ds-trust__items { grid-template-columns: repeat(2, 1fr); }
    .ds-footer__grid { grid-template-columns: repeat(2, 1fr); }
  }

  @media (max-width: 47.99rem) {
    :root { --ds-header-height: 4.25rem; }
    .ds-grid--2, .ds-grid--3, .ds-grid--4 { grid-template-columns: 1fr; }
    .ds-hero { padding-block: 4rem; }
    .ds-hero::after { width: 23rem; inset-inline-end: -12rem; opacity: 0.72; }
    .ds-trust__items, .ds-footer__grid { grid-template-columns: 1fr; }
    .ds-trust__item { justify-content: flex-start; }
    .ds-tabs__panel, .ds-card { padding: var(--ds-space-5); }
    .ds-btn { width: 100%; }
    .ds-cluster.ds-actions { align-items: stretch; }
  }

  @media (max-width: 782px) {
    body.admin-bar .ds-header--sticky { inset-block-start: 46px; }
  }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

/* Die Pale Depot project layer. Keep all page HTML inside .pdp-site. */
.pdp-site { --pdp-green-dark: #0b4a34; --pdp-green: #1e7a4e; --pdp-green-accent: #58b86b; margin: 0 !important; padding: 0 !important; color: var(--ds-color-text); }
.pdp-site :where(h1, h2, h3, h4, p, ul) { margin-top: 0; }
.pdp-site :where(a, button) { -webkit-tap-highlight-color: transparent; }
.pdp-site .ds-section { scroll-margin-top: calc(var(--ds-header-height) + 1rem); }
.pdp-site .ds-section--warm { background: #f5faf6; }
.pdp-site .ds-section--blue { background: var(--ds-color-primary-soft); }
.pdp-site .ds-section--dark h2,
.pdp-site .ds-section--dark h3,
.pdp-site .ds-section--dark strong { color: #fff; }
.pdp-site .ds-section--dark p { color: #d8e1e9; }
.pdp-site .ds-kicker { display: inline-flex; gap: .55rem; align-items: center; color: var(--ds-color-accent-strong); font-size: .78rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.pdp-site .ds-kicker::before { content: ""; width: 2.1rem; height: .16rem; background: var(--ds-color-accent); }
.pdp-site .pdp-page-hero { position: relative; overflow: hidden; min-height: 32rem; display: grid; align-items: end; color: #fff; background: var(--ds-color-primary-strong); }
.pdp-site .pdp-page-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(7 53 38 / .94) 0%, rgb(11 74 52 / .76) 54%, rgb(11 74 52 / .22) 100%); z-index: 1; }
.pdp-site .pdp-page-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pdp-site .pdp-page-hero__body { position: relative; z-index: 2; width: min(100% - (2 * var(--ds-gutter)), var(--ds-container)); margin-inline: auto; padding-block: clamp(4rem, 8vw, 7rem); }
.pdp-site .pdp-page-hero h1 { max-width: 14ch; color: #fff; font-size: clamp(2.35rem, 6vw, 5rem); }
.pdp-site .pdp-page-hero--compact { min-height: clamp(23rem, 45vw, 31rem); }
.pdp-site .pdp-page-hero--compact .pdp-page-hero__body { padding-block: clamp(3.3rem, 6vw, 5.5rem); }
.pdp-site .pdp-page-hero--compact h1 { max-width: 19ch; font-size: clamp(2.2rem, 4.6vw, 4.15rem); }
.pdp-site .pdp-page-hero .ds-lead { max-width: 45rem; color: #e2f1e7; }
.pdp-site .pdp-page-hero .ds-kicker { color: #bfe8c8; }
.pdp-site .pdp-hero-note { max-width: 44rem; padding: 1rem 1.1rem; border-left: .25rem solid var(--ds-color-accent); background: rgb(255 255 255 / .10); color: #f5fbf7; backdrop-filter: blur(.35rem); }
.pdp-site .pdp-image-frame { position: relative; overflow: hidden; min-height: 24rem; border-radius: var(--ds-radius-xl); background: var(--ds-color-primary-soft); box-shadow: var(--ds-shadow-md); }
.pdp-site .pdp-image-frame img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; }
.pdp-site .pdp-product-card { overflow: hidden; padding: 0; }
.pdp-site .pdp-product-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.pdp-site .pdp-product-card__body { display: grid; gap: .68rem; height: 100%; padding: 1.12rem; }
.pdp-site .pdp-product-card h3 { font-size: 1.12rem; }
.pdp-site .pdp-product-card p { color: var(--ds-color-muted); font-size: .88rem; }
.pdp-site .pdp-link-arrow { display: inline-flex; align-items: center; gap: .45rem; color: var(--ds-color-primary); font-weight: 800; text-decoration: none; }
.pdp-site .pdp-link-arrow::after { content: "\2192"; transition: transform var(--ds-duration-fast); }
.pdp-site .pdp-link-arrow:hover::after { transform: translateX(.25rem); }
.pdp-site .pdp-check-list { display: grid; gap: .7rem; margin: 0; padding: 0; list-style: none; }
.pdp-site .pdp-check-list li { position: relative; padding-left: 1.65rem; }
.pdp-site .pdp-check-list li::before { content: "\2713"; position: absolute; left: 0; top: .05rem; color: var(--ds-color-accent); font-weight: 900; }
.pdp-site .pdp-number-grid { counter-reset: pdp-step; }
.pdp-site .pdp-number-card { counter-increment: pdp-step; }
.pdp-site .pdp-number-card::before { content: counter(pdp-step, decimal-leading-zero); color: var(--ds-color-accent); font-family: var(--ds-font-heading); font-size: 2.2rem; font-weight: 900; line-height: 1; }
.pdp-site .pdp-notice-strip { padding: 1rem 1.15rem; border: 1px solid #a9d6b4; border-left: .3rem solid var(--ds-color-accent); border-radius: var(--ds-radius-sm); background: var(--ds-color-accent-soft); color: var(--ds-color-ink); }
.pdp-site .pdp-spec-table { width: 100%; overflow: hidden; border: var(--ds-border); border-radius: var(--ds-radius-md); background: #fff; }
.pdp-site .pdp-spec-table th,
.pdp-site .pdp-spec-table td { padding: .9rem 1rem; border-bottom: var(--ds-border); text-align: left; vertical-align: top; }
.pdp-site .pdp-spec-table th { width: 32%; color: var(--ds-color-ink); background: var(--ds-color-surface-muted); }
.pdp-site .pdp-breadcrumbs { padding-block: .8rem; border-bottom: var(--ds-border); background: #fff; font-size: .84rem; }
.pdp-site .pdp-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.pdp-site .pdp-breadcrumbs li + li::before { content: "/"; margin-right: .45rem; color: var(--ds-color-muted); }
.pdp-site .pdp-cta-band { padding: clamp(1.5rem, 4vw, 2.5rem); border-radius: var(--ds-radius-xl); background: linear-gradient(130deg, var(--ds-color-primary), var(--ds-color-primary-strong)); box-shadow: var(--ds-shadow-md); }
.pdp-site .pdp-cta-band h2,
.pdp-site .pdp-cta-band p { color: #fff; }
.pdp-site .pdp-cta-band .ds-btn--secondary { background: #fff; color: var(--ds-color-primary-strong); }
.pdp-site .pdp-final-cta { position: relative; overflow: hidden; background: linear-gradient(125deg, #e8f5eb 0%, #f7fbf8 60%, #d8eadf 100%); }
.pdp-site .pdp-final-cta::after { content: ""; position: absolute; width: min(35vw, 24rem); aspect-ratio: 1; inset: 50% -6rem auto auto; translate: 0 -50%; background: url("../images/woodgrain.svg") center / contain no-repeat; opacity: .08; pointer-events: none; }
.pdp-site .pdp-final-cta__inner { position: relative; z-index: 1; }
.pdp-site .pdp-final-cta h2 { max-width: 19ch; color: var(--ds-color-primary-strong); }
.pdp-site .pdp-final-cta p { color: var(--ds-color-text); }
.pdp-site .pdp-final-cta .ds-actions { justify-content: flex-end; }
.pdp-site .pdp-contact-card { padding-left: 1.2rem; border-left: .25rem solid var(--ds-color-accent); }
.pdp-site .pdp-contact-card a { font-weight: 800; overflow-wrap: anywhere; }
.pdp-site .pdp-policy h2 { margin-top: 2.2rem; font-size: clamp(1.45rem, 3vw, 2rem); }
.pdp-site .pdp-policy h3 { margin-top: 1.5rem; font-size: 1.2rem; }
.pdp-site .pdp-policy ul { padding-left: 1.25rem; }
.pdp-site .pdp-policy .pdp-policy-date { color: var(--ds-color-muted); font-size: .9rem; }
.pdp-site .pdp-map-frame { min-height: 25rem; overflow: hidden; border: 0; border-radius: var(--ds-radius-xl); background: var(--ds-color-surface-muted); }
.pdp-site .pdp-map-placeholder { padding: var(--ds-space-6); border: var(--ds-border); background: radial-gradient(circle at 80% 20%, var(--ds-color-accent-soft), transparent 38%), var(--ds-color-surface-muted); }
.pdp-site .pdp-icon-dot { display: inline-grid; place-items: center; width: 2.35rem; height: 2.35rem; flex: 0 0 auto; border-radius: 50%; background: var(--ds-color-accent-soft); color: var(--ds-color-accent-strong); font-weight: 900; }
.pdp-site .pdp-inline-feature { display: flex; align-items: flex-start; gap: .9rem; }
.pdp-site .pdp-mini-nav { display: flex; gap: .55rem; overflow-x: auto; padding-bottom: .4rem; scrollbar-width: thin; }
.pdp-site .pdp-mini-nav a { flex: 0 0 auto; padding: .55rem .8rem; border: var(--ds-border); border-radius: 999px; background: #fff; color: var(--ds-color-primary); font-size: .84rem; font-weight: 800; text-decoration: none; }

.pdp-header-logo { display: block; width: auto; max-width: 48vw; height: 3.4rem; object-fit: contain; }
.pdp-footer-rule { width: 100%; height: .42rem; background: linear-gradient(90deg, var(--ds-color-accent), #8fd69c 48%, var(--ds-color-accent)); }
.pdp-footer-top { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; padding-block: var(--ds-space-7); border-bottom: 1px solid rgb(255 255 255 / .15); }
.pdp-footer-brand { display: grid; grid-template-columns: auto 1fr; gap: var(--ds-space-5); align-items: center; }
.pdp-footer-brand p { max-width: 35rem; }
.pdp-footer-logo { display: block; width: auto; max-width: 10rem; height: 5.4rem; object-fit: contain; filter: none; }
.pdp-footer-eyebrow { margin-bottom: .45rem; color: #8fd69c; font-size: .75rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.pdp-footer-quote { padding: 1.4rem; border: 1px solid rgb(255 255 255 / .18); border-radius: var(--ds-radius-lg); background: rgb(255 255 255 / .07); box-shadow: inset 0 1px 0 rgb(255 255 255 / .08); }
.pdp-footer-quote h2 { margin-bottom: 1rem; color: #fff; font-size: clamp(1.15rem, 1rem + .55vw, 1.55rem); line-height: 1.25; }
.pdp-footer-quote .ds-btn--secondary { color: var(--ds-color-primary-strong); }
.pdp-footer-quote .ds-btn--secondary:hover { background: #fff; color: var(--ds-color-primary-strong); }
.ds-footer__links a { text-decoration: none; }
.ds-footer__links a:hover { color: #8fd69c; text-decoration: underline; }
.pdp-footer-contact address { font-style: normal; line-height: 1.75; }
.pdp-footer-contact .ds-footer__links li { display: grid; gap: .05rem; }
.pdp-footer-contact .ds-footer__links span { color: #8fb2a0; font-size: .7rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.pdp-footer-hours { display: grid; gap: .55rem; margin: 0; }
.pdp-footer-hours div { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .4rem; border-bottom: 1px solid rgb(255 255 255 / .1); }
.pdp-footer-hours dt { color: #a8c7b7; }
.pdp-footer-hours dd { margin: 0; color: #fff; font-weight: 700; }
.pdp-footer-socials { display: flex; gap: .55rem; margin-top: 1.25rem; }
.pdp-footer-socials a { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border: 1px solid rgb(255 255 255 / .25); border-radius: 50%; font-size: .75rem; font-weight: 850; text-decoration: none; transition: translate var(--ds-duration-fast), background var(--ds-duration-fast), color var(--ds-duration-fast); }
.pdp-footer-socials a:hover { translate: 0 -.12rem; border-color: #8fd69c; background: #8fd69c; color: var(--ds-color-primary-strong); }
.pdp-footer-legal { display: flex; flex-wrap: wrap; gap: .7rem 1.2rem; }
.pdp-footer-bottom-grid { display: grid; grid-template-columns: 1fr minmax(18rem, .82fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.pdp-footer-company { display: grid; gap: .45rem; color: #b6cfc2; font-size: .78rem; text-align: right; }
.pdp-footer-company p { max-width: none; }
.pdp-footer-credit a { color: #8fd69c; font-weight: 800; }

.pdp-client-showcase { overflow: hidden; padding-block: clamp(3.4rem, 6vw, 5.8rem); border-block: 1px solid var(--ds-color-border); background: #fff; }
.pdp-client-showcase__head { display: flex; justify-content: space-between; gap: 2rem; align-items: end; margin-bottom: 2rem; }
.pdp-client-showcase__head h2 { max-width: 18ch; }
.pdp-client-showcase__head p { max-width: 42rem; color: var(--ds-color-muted); font-size: .92rem; }
.pdp-client-slider { position: relative; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.pdp-client-slider__track { display: flex; width: max-content; gap: 1rem; animation: pdp-client-scroll var(--pdp-client-duration, 34s) linear infinite; }
.pdp-client-slider:is(:hover, :focus-within) .pdp-client-slider__track { animation-play-state: paused; }
.pdp-client-logo { display: grid; place-items: center; width: clamp(9rem, 15vw, 12rem); height: 6.2rem; padding: 1rem; border: 1px solid var(--ds-color-border); border-radius: var(--ds-radius-md); background: #fff; box-shadow: 0 .4rem 1.2rem rgb(23 35 29 / .05); }
.pdp-client-logo img { width: 100%; height: 100%; object-fit: contain; filter: saturate(.78); transition: filter var(--ds-duration), scale var(--ds-duration); }
.pdp-client-logo:hover img { filter: saturate(1); scale: 1.035; }
@keyframes pdp-client-scroll { to { transform: translateX(calc(-50% - .5rem)); } }

/* Motion is progressively enhanced; content stays visible if JavaScript is unavailable. */
.pdp-scroll-progress { position: fixed; z-index: 9999; inset: 0 auto auto 0; width: calc(var(--pdp-scroll-progress, 0) * 100%); height: .2rem; background: linear-gradient(90deg, var(--ds-color-accent), #b4e7bd); box-shadow: 0 0 .8rem rgb(88 184 107 / .45); pointer-events: none; }
.pdp-motion-ready .pdp-reveal { opacity: 0; translate: 0 1.5rem; transition: opacity 650ms var(--ds-ease), translate 650ms var(--ds-ease); transition-delay: var(--pdp-delay, 0ms); }
.pdp-motion-ready .pdp-reveal.pdp-reveal--left { translate: -1.5rem 0; }
.pdp-motion-ready .pdp-reveal.pdp-reveal--right { translate: 1.5rem 0; }
.pdp-motion-ready .pdp-reveal.is-visible { opacity: 1; translate: 0 0; }
.pdp-motion-ready .pdp-page-hero__body > * { opacity: 0; animation: pdp-hero-enter 700ms var(--ds-ease) forwards; }
.pdp-motion-ready .pdp-page-hero__body > :nth-child(2) { animation-delay: 90ms; }
.pdp-motion-ready .pdp-page-hero__body > :nth-child(3) { animation-delay: 180ms; }
.pdp-motion-ready .pdp-page-hero__body > :nth-child(4) { animation-delay: 270ms; }
.pdp-motion-ready .pdp-page-hero__body > :nth-child(5) { animation-delay: 360ms; }
@keyframes pdp-hero-enter { from { opacity: 0; translate: 0 1.2rem; } to { opacity: 1; translate: 0 0; } }

@media (max-width: 47.99rem) {
  .pdp-site .pdp-page-hero { min-height: 29rem; }
  .pdp-site .pdp-page-hero::before { background: linear-gradient(0deg, rgb(7 53 38 / .96), rgb(11 74 52 / .6)); }
  .pdp-site .pdp-page-hero__body { padding-block: 3.5rem; }
  .pdp-site .pdp-page-hero h1 { max-width: 16ch; }
  .pdp-site .pdp-image-frame { min-height: 18rem; }
  .pdp-site .pdp-spec-table,
  .pdp-site .pdp-spec-table tbody,
  .pdp-site .pdp-spec-table tr,
  .pdp-site .pdp-spec-table th,
  .pdp-site .pdp-spec-table td { display: block; width: 100%; }
  .pdp-site .pdp-spec-table th { border-bottom: 0; padding-bottom: .35rem; }
  .pdp-site .pdp-spec-table td { padding-top: .35rem; }
  .pdp-site .pdp-final-cta .ds-actions { justify-content: stretch; }
  .pdp-footer-top, .pdp-footer-brand { grid-template-columns: 1fr; }
  .pdp-footer-brand { text-align: left; }
  .pdp-footer-logo { max-width: 9rem; }
  .pdp-footer-company { display: grid; }
  .pdp-footer-bottom-grid { grid-template-columns: 1fr; }
  .pdp-footer-company { text-align: left; }
  .pdp-client-showcase__head { display: grid; }
}

@media (min-width: 48rem) and (max-width: 63.99rem) {
  .pdp-footer-top { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .pdp-scroll-progress { display: none; }
  .pdp-motion-ready .pdp-reveal,
  .pdp-motion-ready .pdp-reveal.pdp-reveal--left,
  .pdp-motion-ready .pdp-reveal.pdp-reveal--right,
  .pdp-motion-ready .pdp-page-hero__body > * { opacity: 1; translate: none; animation: none; }
  .pdp-client-slider { overflow-x: auto; mask-image: none; }
  .pdp-client-slider__track { animation: none; }
}

/* Native child-theme integration and Die Pale Depot woodgrain brand layer. */
.pdp-native-theme { margin: 0; background: var(--ds-color-canvas); }
.pdp-native-theme .site { min-height: 100vh; }
.pdp-native-theme .ds-header,
.pdp-native-theme .ds-footer { position: relative; isolation: isolate; overflow: hidden; }
.pdp-native-theme .ds-announcement,
.pdp-native-theme .ds-header { margin-block: 0 !important; }
.pdp-native-theme .ds-announcement + .ds-header { margin-block-start: 0 !important; }
.pdp-native-theme .ds-header::before,
.pdp-native-theme .ds-footer::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: clamp(18rem, 36vw, 34rem);
  aspect-ratio: 1;
  inset-inline-end: clamp(-11rem, -10vw, -4rem);
  background: url("../images/woodgrain.svg") center / contain no-repeat;
  opacity: .1;
  pointer-events: none;
}
.pdp-native-theme .ds-header::before { inset-block-start: -9rem; }
.pdp-native-theme .ds-footer::before { inset-block-start: 1rem; opacity: .08; }
.pdp-native-theme .ds-header__inner,
.pdp-native-theme .ds-footer > .ds-container { position: relative; z-index: 1; }
.pdp-native-theme .ds-nav__list > li { margin: 0; }
.pdp-native-theme .ds-nav__list > li > a { white-space: nowrap; }
.pdp-native-theme .pdp-page-hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: min(38vw, 30rem);
  aspect-ratio: 1;
  inset: auto -7rem -9rem auto;
  background: url("../images/woodgrain.svg") center / contain no-repeat;
  opacity: .11;
  pointer-events: none;
}
.pdp-native-theme .pdp-page-hero__body { z-index: 2; }

body.pdp-native-theme a.ds-btn.ds-btn--secondary:hover,
body.pdp-native-theme button.ds-btn.ds-btn--secondary:hover,
body.pdp-native-theme .pdp-site a.ds-btn--secondary:hover {
  color: var(--ds-color-primary-strong) !important;
}

@media (max-width: 47.99rem) {
  .pdp-native-theme .ds-announcement__inner { flex-direction: column; gap: .1rem; padding-block: .45rem; line-height: 1.35; }
  .pdp-native-theme .ds-header::before { opacity: .07; }
}

/* Die Pale Depot wooden-pole cursor: desktop mouse only. Touch screens are unaffected and
   text fields keep the normal text cursor so people can see where they are typing. */
@media (hover: hover) and (pointer: fine) {
html,
body,
a,
button,
[role="button"] {
  cursor:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg transform='rotate(38 16 16)'%3E%3Crect x='13' y='2' width='7' height='27' rx='3.5' fill='%23A87943' stroke='%23073526' stroke-width='1.4'/%3E%3Cpath d='M14.4 6 C16 5 17 7 19 6 M14 12 C16 11 18 13 19.5 11.5 M14 18 C15.5 17 18 19 19.5 17.5 M14 23 C16 22 17.5 24 19 23' fill='none' stroke='%23745332' stroke-width='.8' stroke-linecap='round'/%3E%3Cellipse cx='16.5' cy='3.3' rx='3.4' ry='1.5' fill='%23D0A46B' stroke='%23073526' stroke-width='.8'/%3E%3Cpath d='M14 28.2 L16.5 31 L19 28.2 Z' fill='%23745332' stroke='%23073526' stroke-width='.8'/%3E%3C/g%3E%3C/svg%3E")
    7 28,
    auto;
}

a,
button,
[role="button"],
input[type="submit"],
input[type="button"],
.product-card,
.pdp-product-card,
.woocommerce-loop-product__link {
  cursor:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg transform='rotate(38 18 18)'%3E%3Crect x='14' y='2' width='8' height='30' rx='4' fill='%23B3844F' stroke='%230B4A34' stroke-width='1.6'/%3E%3Cpath d='M15.5 7 C17 5.5 19 8 21 6.5 M15 13 C17 11.5 19 14 21 12 M15 20 C17 18.5 19 21 21 19 M15 26 C17 24.5 19 27 21 25' fill='none' stroke='%23745332' stroke-width='.9' stroke-linecap='round'/%3E%3Cellipse cx='18' cy='3.5' rx='3.8' ry='1.6' fill='%23D6AF7A' stroke='%230B4A34' stroke-width='.9'/%3E%3Cpath d='M15 31 L18 34.5 L21 31 Z' fill='%23745332' stroke='%230B4A34' stroke-width='.9'/%3E%3C/g%3E%3C/svg%3E")
    8 31,
    pointer;
}

input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
textarea {
  cursor: text;
}
}

/* v2.2.2 visual refinement: compact card type, optical logo alignment and trust rail. */
.pdp-site .ds-card :is(h2, h3) {
  letter-spacing: -.022em;
  line-height: 1.18;
}

.pdp-site .ds-card h2 {
  font-size: clamp(1.3rem, 1.18rem + .46vw, 1.68rem);
}

.pdp-site .ds-card h3,
.pdp-site .pdp-product-card h3 {
  font-size: clamp(1.04rem, 1rem + .18vw, 1.18rem);
}

.pdp-client-logo {
  overflow: hidden;
  height: 5.8rem;
  padding: .65rem 1rem;
}

.pdp-client-logo img {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
  object-position: center;
  scale: none;
  transform: translateY(-1.55rem);
  transform-origin: center;
  transition: filter var(--ds-duration), transform var(--ds-duration);
}

.pdp-client-logo:hover img {
  scale: none;
  transform: translateY(-1.55rem) scale(1.035);
}

/* PDK's supplied artwork is already optically centred; do not lift that logo. */
.pdp-client-logo[title*="PDK" i] img {
  transform: none;
}

.pdp-client-logo[title*="PDK" i]:hover img {
  transform: scale(1.035);
}

/* Haw & Inglis needs only a moderate correction because its canvas is tighter. */
.pdp-client-logo[title*="Haw" i] img {
  transform: translateY(-1rem);
}

.pdp-client-logo[title*="Haw" i]:hover img {
  transform: translateY(-1rem) scale(1.035);
}

.pdp-site .ds-trust {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-block: .9rem;
  border: 0;
  background: linear-gradient(115deg, #073526 0%, #0b4a34 56%, #126142 100%);
  box-shadow: inset 0 1px rgb(255 255 255 / .12), inset 0 -1px rgb(0 0 0 / .18);
}

.pdp-site .ds-trust::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 22rem;
  aspect-ratio: 1;
  inset: 50% -6rem auto auto;
  translate: 0 -50%;
  background: url("../images/woodgrain.svg") center / contain no-repeat;
  opacity: .07;
  pointer-events: none;
}

.pdp-site .ds-trust__items {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
}

.pdp-site .ds-trust__item {
  min-height: 3.25rem;
  justify-content: flex-start;
  padding: .72rem .85rem;
  border: 1px solid rgb(255 255 255 / .13);
  border-radius: .72rem;
  background: rgb(255 255 255 / .065);
  color: #f4fbf6;
  font-size: .82rem;
  font-weight: 760;
  line-height: 1.3;
  text-align: left;
  box-shadow: inset 0 1px rgb(255 255 255 / .07);
}

.pdp-site .ds-trust__item::before {
  content: "✓";
  display: grid;
  flex: 0 0 1.55rem;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 50%;
  background: #bfe8c8;
  color: #073526;
  font-size: .75rem;
  font-weight: 900;
  box-shadow: 0 0 0 .18rem rgb(191 232 200 / .12);
}

@media (max-width: 63.99rem) {
  .pdp-site .ds-trust__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 35.99rem) {
  .pdp-site .ds-trust__items { grid-template-columns: 1fr; }
  .pdp-site .ds-trust__item { min-height: 3rem; }
}

/* v2.2.4: keep the announcement and navigation in one gapless header stack. */
.pdp-header-stack {
  position: sticky;
  z-index: 1000;
  inset-block-start: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: var(--ds-color-primary);
  line-height: normal;
}

.pdp-header-stack > .ds-announcement,
.pdp-header-stack > .ds-header {
  position: relative;
  inset: auto;
  width: 100%;
  margin: 0 !important;
  padding-block-start: 0;
  padding-block-end: 0;
}

.pdp-header-stack > .ds-header--sticky,
body.admin-bar .pdp-header-stack > .ds-header--sticky {
  position: relative;
  inset-block-start: auto;
}

body.admin-bar .pdp-header-stack {
  inset-block-start: 32px;
}

.pdp-native-theme .pdp-header-stack + .pdp-site,
.pdp-native-theme .pdp-header-stack + main {
  margin-block-start: 0 !important;
}

.pdp-site .ds-section {
  scroll-margin-top: calc(var(--ds-header-height) + 3.5rem);
}

@media (max-width: 782px) {
  body.admin-bar .pdp-header-stack { inset-block-start: 46px; }
}