/* ==========================================================================
   ProDPI Brand — Complete Token + Font Bundle
   Single file for all ProDPI-specific tokens, fonts, and component decisions.
   Pair with auth.css for the full auth page styling.
   ========================================================================== */

/* ==========================================================================
   Option Tokens (primitives)
   Source: @whcc/house-design-tokens dist/css/option-tokens-light.css
   ========================================================================== */

:root,
[data-mode="light"] {
  --hd-color-foundation-static-white: #FFFFFF;
  --hd-color-foundation-static-black: #000000;
  --hd-color-foundation-static-transparent: rgba(255, 255, 255, 0);
  --hd-color-foundation-utility-white: #FFFFFF;
  --hd-color-foundation-utility-black: #000000;
  --hd-color-foundation-gray-0: #FFFFFF;
  --hd-color-foundation-gray-1: #FBFBFB;
  --hd-color-foundation-gray-2: #F5F5F5;
  --hd-color-foundation-gray-3: #F0F0F0;
  --hd-color-foundation-gray-4: #E8E8E8;
  --hd-color-foundation-gray-5: #DDDDDD;
  --hd-color-foundation-gray-6: #D1D1D1;
  --hd-color-foundation-gray-7: #BBBBBB;
  --hd-color-foundation-gray-8: #A6A6A6;
  --hd-color-foundation-gray-9: #777777;
  --hd-color-foundation-gray-10: #686868;
  --hd-color-foundation-gray-11: #4B4B4B;
  --hd-color-foundation-gray-12: #222222;
  --hd-color-foundation-grayAlpha-1: rgba(55, 55, 55, 0.019999999552965164);
  --hd-color-foundation-grayAlpha-2: rgba(5, 5, 5, 0.03999999910593033);
  --hd-color-foundation-grayAlpha-3: rgba(5, 5, 5, 0.05999999865889549);
  --hd-color-foundation-grayAlpha-4: rgba(25, 25, 25, 0.10000000149011612);
  --hd-color-foundation-grayAlpha-5: rgba(12, 12, 12, 0.14000000059604645);
  --hd-color-foundation-grayAlpha-6: rgba(13, 13, 13, 0.1899999976158142);
  --hd-color-foundation-grayAlpha-7: rgba(3, 3, 3, 0.27000001072883606);
  --hd-color-foundation-grayAlpha-8: rgba(1, 1, 1, 0.3499999940395355);
  --hd-color-foundation-grayAlpha-9: rgba(3, 3, 3, 0.5400000214576721);
  --hd-color-foundation-grayAlpha-10: rgba(3, 3, 3, 0.6000000238418579);
  --hd-color-foundation-grayAlpha-11: rgba(1, 1, 1, 0.7099999785423279);
  --hd-color-foundation-grayAlpha-12: rgba(1, 1, 1, 0.8700000047683716);
  --hd-color-foundation-red-1: #FFFAF9;
  --hd-color-foundation-red-2: #FFF3F1;
  --hd-color-foundation-red-3: #FFECE9;
  --hd-color-foundation-red-4: #FFE2DD;
  --hd-color-foundation-red-5: #FFD3CC;
  --hd-color-foundation-red-6: #FFC4BA;
  --hd-color-foundation-red-7: #FCA598;
  --hd-color-foundation-red-8: #F78677;
  --hd-color-foundation-red-9: #E42C23;
  --hd-color-foundation-red-10: #B70105;
  --hd-color-foundation-red-11: #9C0004;
  --hd-color-foundation-red-12: #540001;
  --hd-color-foundation-orange-1: #FFFAF6;
  --hd-color-foundation-orange-2: #FFF4E8;
  --hd-color-foundation-orange-3: #FFEDDC;
  --hd-color-foundation-orange-4: #FFE4C8;
  --hd-color-foundation-orange-5: #FFD5AC;
  --hd-color-foundation-orange-6: #FFC78E;
  --hd-color-foundation-orange-7: #FFA851;
  --hd-color-foundation-orange-8: #FF8409;
  --hd-color-foundation-orange-9: #E27100;
  --hd-color-foundation-orange-10: #BA5D00;
  --hd-color-foundation-orange-11: #854300;
  --hd-color-foundation-orange-12: #361B00;
  --hd-color-foundation-green-1: #F9FBFA;
  --hd-color-foundation-green-2: #F2F7F4;
  --hd-color-foundation-green-3: #EAF2EE;
  --hd-color-foundation-green-4: #DFEBE5;
  --hd-color-foundation-green-5: #CFE1D8;
  --hd-color-foundation-green-6: #BFD7CC;
  --hd-color-foundation-green-7: #9FC4B3;
  --hd-color-foundation-green-8: #7FB09B;
  --hd-color-foundation-green-9: #308566;
  --hd-color-foundation-green-10: #077756;
  --hd-color-foundation-green-11: #03563E;
  --hd-color-foundation-green-12: #01271A;
  --hd-color-foundation-blue-1: #F9FCFE;
  --hd-color-foundation-blue-2: #F0F6FC;
  --hd-color-foundation-blue-3: #E8F1FA;
  --hd-color-foundation-blue-4: #DCEAF7;
  --hd-color-foundation-blue-5: #C9E0F3;
  --hd-color-foundation-blue-6: #B7D5EF;
  --hd-color-foundation-blue-7: #93C1E8;
  --hd-color-foundation-blue-8: #6FACE0;
  --hd-color-foundation-blue-9: #2A7AC0;
  --hd-color-foundation-blue-10: #256BA9;
  --hd-color-foundation-blue-11: #1B4E7A;
  --hd-color-foundation-blue-12: #0C2337;
  --hd-color-prodpi-gray-0: #FFFFFF;
  --hd-color-prodpi-gray-1: #FBFBFB;
  --hd-color-prodpi-gray-2: #F5F5F6;
  --hd-color-prodpi-gray-3: #F0F0F0;
  --hd-color-prodpi-gray-4: #E8E8E9;
  --hd-color-prodpi-gray-5: #DCDCDE;
  --hd-color-prodpi-gray-6: #D2D2D3;
  --hd-color-prodpi-gray-7: #BCBCBE;
  --hd-color-prodpi-gray-8: #A5A5A9;
  --hd-color-prodpi-gray-9: #77777C;
  --hd-color-prodpi-gray-10: #67676C;
  --hd-color-prodpi-gray-11: #4B4B4E;
  --hd-color-prodpi-gray-12: #000000;
  --hd-color-prodpi-grayAlpha-1: rgba(55, 55, 55, 0.019999999552965164);
  --hd-color-prodpi-grayAlpha-2: rgba(5, 5, 30, 0.03999999910593033);
  --hd-color-prodpi-grayAlpha-3: rgba(5, 5, 5, 0.05999999865889549);
  --hd-color-prodpi-grayAlpha-4: rgba(25, 25, 35, 0.10000000149011612);
  --hd-color-prodpi-grayAlpha-5: rgba(5, 5, 19, 0.14000000059604645);
  --hd-color-prodpi-grayAlpha-6: rgba(5, 5, 11, 0.18000000715255737);
  --hd-color-prodpi-grayAlpha-7: rgba(7, 7, 14, 0.27000001072883606);
  --hd-color-prodpi-grayAlpha-8: rgba(5, 5, 16, 0.36000001430511475);
  --hd-color-prodpi-grayAlpha-9: rgba(3, 3, 12, 0.5400000214576721);
  --hd-color-prodpi-grayAlpha-10: rgba(2, 2, 10, 0.6000000238418579);
  --hd-color-prodpi-grayAlpha-11: rgba(1, 1, 6, 0.7099999785423279);
  --hd-color-prodpi-grayAlpha-12: rgba(3, 3, 5, 0.8799999952316284);
  --hd-color-prodpi-teal-1: #FAFCFC;
  --hd-color-prodpi-teal-2: #F3F6F7;
  --hd-color-prodpi-teal-3: #EBF2F3;
  --hd-color-prodpi-teal-4: #E0EBEB;
  --hd-color-prodpi-teal-5: #D4E1E2;
  --hd-color-prodpi-teal-6: #C5D6D9;
  --hd-color-prodpi-teal-7: #A7C1C4;
  --hd-color-prodpi-teal-8: #8DAAB0;
  --hd-color-prodpi-teal-9: #617D87;
  --hd-color-prodpi-teal-10: #4F666E;
  --hd-color-prodpi-teal-11: #394B52;
  --hd-color-prodpi-teal-12: #09272F;
  --hd-color-prodpi-brass-1: #FCFBF9;
  --hd-color-prodpi-brass-2: #F9F5F0;
  --hd-color-prodpi-brass-3: #F5EFE7;
  --hd-color-prodpi-brass-4: #F0E7DB;
  --hd-color-prodpi-brass-5: #E8DBC9;
  --hd-color-prodpi-brass-6: #E1CFB7;
  --hd-color-prodpi-brass-7: #D1B894;
  --hd-color-prodpi-brass-8: #BF955A;
  --hd-color-prodpi-brass-9: #947243;
  --hd-color-prodpi-brass-10: #7E643E;
  --hd-color-prodpi-brass-11: #5C482B;
  --hd-color-prodpi-brass-12: #2B2011;
  --hd-color-prodpi-brassAlpha-1: rgba(155, 122, 55, 0.029999999329447746);
  --hd-color-prodpi-brassAlpha-2: rgba(155, 88, 5, 0.05999999865889549);
  --hd-color-prodpi-brassAlpha-3: rgba(155, 95, 15, 0.10000000149011612);
  --hd-color-prodpi-brassAlpha-4: rgba(155, 95, 15, 0.15000000596046448);
  --hd-color-prodpi-brassAlpha-5: rgba(150, 91, 10, 0.2199999988079071);
  --hd-color-prodpi-brassAlpha-6: rgba(152, 89, 7, 0.28999999165534973);
  --hd-color-prodpi-brassAlpha-7: rgba(145, 86, 0, 0.41999998688697815);
  --hd-color-prodpi-brassAlpha-8: rgba(157, 92, 1, 0.6499999761581421);
  --hd-color-prodpi-brassAlpha-9: rgba(103, 62, 3, 0.7300000190734863);
  --hd-color-prodpi-brassAlpha-10: rgba(85, 51, 1, 0.7599999904632568);
  --hd-color-prodpi-brassAlpha-11: rgba(61, 37, 3, 0.8399999737739563);
  --hd-color-prodpi-brassAlpha-12: rgba(29, 18, 2, 0.9399999976158142);
  --hd-font-family-prodpi-acuminProWide: Acumin Pro Wide;
  --hd-font-family-prodpi-acuminPro: Acumin Pro;
  --hd-dimension-0: 0px;
  --hd-dimension-2: 2px;
  --hd-dimension-4: 4px;
  --hd-dimension-6: 6px;
  --hd-dimension-8: 8px;
  --hd-dimension-10: 10px;
  --hd-dimension-12: 12px;
  --hd-dimension-14: 14px;
  --hd-dimension-16: 16px;
  --hd-dimension-20: 20px;
  --hd-dimension-24: 24px;
  --hd-dimension-28: 28px;
  --hd-dimension-32: 32px;
  --hd-dimension-36: 36px;
  --hd-dimension-40: 40px;
  --hd-dimension-44: 44px;
  --hd-dimension-48: 48px;
  --hd-dimension-56: 56px;
  --hd-dimension-64: 64px;
  --hd-dimension-80: 80px;
  --hd-dimension-96: 96px;
  --hd-dimension-112: 112px;
  --hd-dimension-128: 128px;
  --hd-dimension-144: 144px;
  --hd-dimension-160: 160px;
  --hd-dimension-176: 176px;
  --hd-dimension-192: 192px;
  --hd-dimension-208: 208px;
  --hd-dimension-224: 224px;
  --hd-dimension-240: 240px;
  --hd-dimension-256: 256px;
  --hd-dimension-288: 288px;
  --hd-dimension-320: 320px;
  --hd-dimension-384: 384px;
  --hd-dimension-448: 448px;
  --hd-dimension-512: 512px;
  --hd-dimension-576: 576px;
  --hd-dimension-640: 640px;
  --hd-dimension-768: 768px;
  --hd-dimension-896: 896px;
  --hd-dimension-1024: 1024px;
  --hd-dimension-1152: 1152px;
  --hd-dimension-1280: 1280px;
  --hd-dimension-1440: 1440px;
  --hd-dimension-1600: 1600px;
  --hd-dimension-1760: 1760px;
  --hd-dimension-1920: 1920px;
  --hd-radius-0: 0px;
  --hd-radius-2: 2px;
  --hd-radius-4: 4px;
  --hd-radius-6: 6px;
  --hd-radius-8: 8px;
  --hd-radius-10: 10px;
  --hd-radius-12: 12px;
  --hd-radius-14: 14px;
  --hd-radius-16: 16px;
  --hd-radius-full: 1000;
  --hd-fontSize-11: 11px;
  --hd-fontSize-12: 12px;
  --hd-fontSize-14: 14px;
  --hd-fontSize-16: 16px;
  --hd-fontSize-18: 18px;
  --hd-fontSize-20: 20px;
  --hd-fontSize-22: 22px;
  --hd-fontSize-25: 25px;
  --hd-fontSize-28: 28px;
  --hd-fontSize-32: 32px;
  --hd-fontSize-36: 36px;
  --hd-fontSize-42: 42px;
  --hd-fontSize-46: 46px;
  --hd-fontSize-52: 52px;
  --hd-fontSize-58: 58px;
  --hd-fontSize-64: 64px;
  --hd-fontSize-74: 74px;
  --hd-fontSize-84: 84px;
}

/* ==========================================================================
   ProDPI Decision Tokens (semantic aliases)
   Source: @whcc/house-design-tokens dist/css/prodpi-light.css
   ========================================================================== */

[data-brand="prodpi"][data-mode="light"] {
  --hd-bgColor-neutral-primary: var(--hd-color-prodpi-brass-1);
  --hd-bgColor-neutral-primary-hover: var(--hd-color-prodpi-brass-3);
  --hd-bgColor-neutral-primary-active: var(--hd-color-prodpi-brass-4);
  --hd-bgColor-neutral-secondary: var(--hd-color-prodpi-brass-2);
  --hd-bgColor-neutral-secondary-hover: var(--hd-color-prodpi-brass-4);
  --hd-bgColor-neutral-secondary-active: var(--hd-color-prodpi-brass-5);
  --hd-bgColor-neutral-tertiary: var(--hd-color-prodpi-brass-3);
  --hd-bgColor-neutral-tertiary-hover: var(--hd-color-prodpi-brass-4);
  --hd-bgColor-neutral-tertiary-active: var(--hd-color-prodpi-brass-5);
  --hd-bgColor-neutral-inverse: var(--hd-color-prodpi-gray-12);
  --hd-bgColor-neutral-inverse-hover: var(--hd-color-prodpi-gray-10);
  --hd-bgColor-neutral-inverse-active: var(--hd-color-prodpi-gray-11);
  --hd-bgColor-neutral-productPreview: var(--hd-color-prodpi-brassAlpha-2);
  --hd-bgColor-neutral-disabled: var(--hd-color-prodpi-grayAlpha-3);
  --hd-bgColor-selected-strong: var(--hd-color-prodpi-teal-12);
  --hd-bgColor-selected-strong-hover: var(--hd-color-prodpi-teal-10);
  --hd-bgColor-selected-subtle: var(--hd-color-prodpi-teal-3);
  --hd-bgColor-brand-strong: var(--hd-color-prodpi-teal-12);
  --hd-bgColor-brand-strong-hover: var(--hd-color-prodpi-teal-10);
  --hd-bgColor-brand-strong-active: var(--hd-color-prodpi-teal-11);
  --hd-bgColor-brand-subtle: var(--hd-color-prodpi-teal-3);
  --hd-bgColor-brand-subtle-hover: var(--hd-color-prodpi-teal-5);
  --hd-bgColor-brand-subtle-active: var(--hd-color-prodpi-teal-6);
  --hd-bgColor-info-strong: var(--hd-color-foundation-blue-9);
  --hd-bgColor-info-strong-hover: var(--hd-color-foundation-blue-10);
  --hd-bgColor-info-strong-active: var(--hd-color-foundation-blue-11);
  --hd-bgColor-info-subtle: var(--hd-color-foundation-blue-3);
  --hd-bgColor-info-subtle-hover: var(--hd-color-foundation-blue-5);
  --hd-bgColor-info-subtle-active: var(--hd-color-foundation-blue-6);
  --hd-bgColor-positive-strong: var(--hd-color-foundation-green-9);
  --hd-bgColor-positive-strong-hover: var(--hd-color-foundation-green-10);
  --hd-bgColor-positive-strong-active: var(--hd-color-foundation-green-11);
  --hd-bgColor-positive-subtle: var(--hd-color-foundation-green-3);
  --hd-bgColor-positive-subtle-hover: var(--hd-color-foundation-green-4);
  --hd-bgColor-positive-subtle-active: var(--hd-color-foundation-green-5);
  --hd-bgColor-warning-strong: var(--hd-color-foundation-orange-9);
  --hd-bgColor-warning-strong-hover: var(--hd-color-foundation-orange-10);
  --hd-bgColor-warning-strong-active: var(--hd-color-foundation-orange-11);
  --hd-bgColor-warning-subtle: var(--hd-color-foundation-orange-3);
  --hd-bgColor-warning-subtle-hover: var(--hd-color-foundation-orange-4);
  --hd-bgColor-warning-subtle-active: var(--hd-color-foundation-orange-5);
  --hd-bgColor-negative-strong: var(--hd-color-foundation-red-9);
  --hd-bgColor-negative-strong-hover: var(--hd-color-foundation-red-10);
  --hd-bgColor-negative-strong-active: var(--hd-color-foundation-red-11);
  --hd-bgColor-negative-subtle: var(--hd-color-foundation-red-3);
  --hd-bgColor-negative-subtle-hover: var(--hd-color-foundation-red-4);
  --hd-bgColor-negative-subtle-active: var(--hd-color-foundation-red-5);
  --hd-fgColor-neutral-primary: var(--hd-color-prodpi-gray-12);
  --hd-fgColor-neutral-secondary: var(--hd-color-prodpi-gray-10);
  --hd-fgColor-neutral-inverse: var(--hd-color-prodpi-gray-0);
  --hd-fgColor-neutral-disabled: var(--hd-color-prodpi-grayAlpha-6);
  --hd-fgColor-neutral-onDisabled: var(--hd-color-prodpi-grayAlpha-6);
  --hd-fgColor-brand-primary: var(--hd-color-prodpi-teal-12);
  --hd-fgColor-brand-onSubtle: var(--hd-color-prodpi-teal-11);
  --hd-fgColor-brand-onStrong: var(--hd-color-prodpi-gray-0);
  --hd-fgColor-info-primary: var(--hd-color-foundation-blue-10);
  --hd-fgColor-info-onStrong: var(--hd-color-foundation-static-white);
  --hd-fgColor-info-onSubtle: var(--hd-color-foundation-blue-11);
  --hd-fgColor-positive-primary: var(--hd-color-foundation-green-10);
  --hd-fgColor-positive-onStrong: var(--hd-color-foundation-static-white);
  --hd-fgColor-positive-onSubtle: var(--hd-color-foundation-green-11);
  --hd-fgColor-warning-primary: var(--hd-color-foundation-orange-10);
  --hd-fgColor-warning-onStrong: var(--hd-color-foundation-static-white);
  --hd-fgColor-warning-onSubtle: var(--hd-color-foundation-orange-11);
  --hd-fgColor-negative-primary: var(--hd-color-foundation-red-10);
  --hd-fgColor-negative-onStrong: var(--hd-color-foundation-static-white);
  --hd-fgColor-negative-onSubtle: var(--hd-color-foundation-red-11);
  --hd-borderColor-selected: var(--hd-color-prodpi-teal-12);
  --hd-borderColor-neutral-subtle: var(--hd-color-prodpi-grayAlpha-5);
  --hd-borderColor-neutral-disabled: var(--hd-color-prodpi-grayAlpha-3);
  --hd-borderColor-brand-strong: var(--hd-color-prodpi-teal-9);
  --hd-borderColor-brand-subtle: var(--hd-color-prodpi-teal-7);
  --hd-borderColor-info-subtle: var(--hd-color-foundation-blue-7);
  --hd-borderColor-positive-subtle: var(--hd-color-foundation-green-7);
  --hd-borderColor-warning-subtle: var(--hd-color-foundation-orange-7);
  --hd-borderColor-negative-strong: var(--hd-color-foundation-red-9);
  --hd-borderColor-negative-subtle: var(--hd-color-foundation-red-7);
  --hd-type-fontFamily-heading: var(--hd-font-family-prodpi-acuminProWide);
  --hd-type-fontFamily-subheading: var(--hd-font-family-prodpi-acuminProWide);
  --hd-type-fontFamily-body: var(--hd-font-family-prodpi-acuminPro);
  --hd-type-fontFamily-label: var(--hd-font-family-prodpi-acuminPro);
  --hd-type-fontWeight-heading: Regular;
  --hd-type-fontWeight-subheading: Medium;
  --hd-type-fontWeight-body: Regular;
  --hd-type-fontWeight-body-medium: Medium;
  --hd-type-fontWeight-body-strong: Semibold;
  --hd-type-fontWeight-label: Semibold;
  --hd-type-letterSpacing-uppercase: 2;
  --hd-borderRadius-xs: var(--hd-radius-0);
  --hd-borderRadius-sm: var(--hd-radius-0);
  --hd-borderRadius-md: var(--hd-radius-0);
  --hd-borderRadius-lg: var(--hd-radius-0);
  --hd-borderRadius-xl: var(--hd-radius-0);
}

/* ==========================================================================
   @font-face Declarations
   Source: commerce-web-platform/api/assets/fonts/
   ========================================================================== */

@font-face {
  font-family: 'Acumin Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://commerce-assets.whcc.com/fonts/AcuminPro/AcuminPro-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Acumin Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('https://commerce-assets.whcc.com/fonts/AcuminPro/AcuminPro-Medium.woff2') format('woff2');
}

@font-face {
  font-family: 'Acumin Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://commerce-assets.whcc.com/fonts/AcuminPro/AcuminPro-SemiBold.woff2') format('woff2');
}

@font-face {
  font-family: 'Acumin Pro Wide';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://commerce-assets.whcc.com/fonts/AcuminPro/AcuminProWide-Regular.woff2') format('woff2');
}

/* ==========================================================================
   Font Family Aliases & Component Tokens
   Source: commerce-web-platform brand token SCSS files
   ========================================================================== */

:root {
  --hd-fontFamily-acuminPro: 'Acumin Pro', ui-sans-serif, system-ui, sans-serif;
  --hd-fontFamily-acuminProWide: 'Acumin Pro Wide', ui-sans-serif, system-ui, sans-serif;
}

[data-brand='prodpi'] {
  --hd-fontFamily-heading: var(--hd-fontFamily-acuminProWide);
  --hd-fontFamily-body: var(--hd-fontFamily-acuminPro);
  --hd-fontWeight-heading: 400;
  --hd-fontWeight-body: 400;
  --hd-fontWeight-body-strong: 600;
  --hd-letterSpacing-uppercase: 2px;

  /* Button tokens */
  --hd-button-brand-primary-fgColor: var(--hd-fgColor-brand-onStrong);
  --hd-button-brand-primary-bgColor: var(--hd-bgColor-brand-strong);
  --hd-button-brand-primary-bgColor-hover: var(--hd-bgColor-brand-strong-hover);
  --hd-button-brand-primary-bgColor-active: var(--hd-bgColor-brand-strong-active);
  --hd-button-neutral-secondary-fgColor: var(--hd-color-prodpi-brass-12);
  --hd-button-neutral-secondary-bgColor: transparent;
  --hd-button-neutral-secondary-bgColor-hover: var(--hd-color-prodpi-brassAlpha-3);
  --hd-button-neutral-secondary-bgColor-active: var(--hd-color-prodpi-brassAlpha-5);
  --hd-button-neutral-secondary-borderColor: var(--hd-color-prodpi-grayAlpha-7);
  --hd-button-fontFamily: var(--hd-fontFamily-acuminProWide);
  --hd-button-fontWeight: 400;
  --hd-button-letterSpacing: 0.6px;
  --hd-button-textTransform: uppercase;
  --hd-button-borderRadius: var(--hd-radius-0);

  /* Form tokens */
  --hd-label-fontFamily: var(--hd-fontFamily-body);
  --hd-label-fontWeight: 600;
  --hd-input-fontFamily: var(--hd-fontFamily-body);
  --hd-input-borderColor: var(--hd-color-foundation-grayAlpha-12);
  --hd-input-borderRadius: var(--hd-radius-0);
}

[data-brand='prodpi'] .hd-ScopeList__heading svg {
  position: relative;
  top: -2px;
}