/* ===== inline <style> block 0: fonts-font-face ===== */
@font-face {
  font-family: "IBM Plex Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/ibmplexsans_n4.woff2") format("woff2"),
       url("/fonts/ibmplexsans_n4.woff") format("woff");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/ibmplexsans_n7.woff2") format("woff2"),
       url("/fonts/ibmplexsans_n7.woff") format("woff");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/fonts/ibmplexsans_i4.woff2") format("woff2"),
       url("/fonts/ibmplexsans_i4.woff") format("woff");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/fonts/ibmplexsans_i7.woff2") format("woff2"),
       url("/fonts/ibmplexsans_i7.woff") format("woff");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/ibmplexmono_n5.woff2") format("woff2"),
       url("/fonts/ibmplexmono_n5.woff") format("woff");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/ibmplexmono_n7.woff2") format("woff2"),
       url("/fonts/ibmplexmono_n7.woff") format("woff");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url("/fonts/ibmplexmono_i5.woff2") format("woff2"),
       url("/fonts/ibmplexmono_i5.woff") format("woff");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("/fonts/ibmplexmono_i7.woff2") format("woff2"),
       url("/fonts/ibmplexmono_i7.woff") format("woff");
}
@font-face {
  font-family: "Space Grotesk";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/spacegrotesk_n4.woff2") format("woff2"),
       url("/fonts/spacegrotesk_n4.woff") format("woff");
}
@font-face {
  font-family: "Space Grotesk";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/spacegrotesk_n7.woff2") format("woff2"),
       url("/fonts/spacegrotesk_n7.woff") format("woff");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/ibmplexmono_n4.woff2") format("woff2"),
       url("/fonts/ibmplexmono_n4.woff") format("woff");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("/fonts/ibmplexmono_i4.woff2") format("woff2"),
       url("/fonts/ibmplexmono_i4.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --wide-content-width: 46rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;
    --letter-spacing-md: 0.13em;

    /* Font families */
    --font-body--family: "IBM Plex Sans", sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: "IBM Plex Mono", monospace;
    --font-subheading--style: normal;
    --font-subheading--weight: 500;
    --font-heading--family: "Space Grotesk", sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 400;
    --font-accent--family: "IBM Plex Mono", monospace;
    --font-accent--style: normal;
    --font-accent--weight: 400;

    /* Margin sizes */
    --font-h1--spacing: 0.25em;
    --font-h2--spacing: 0.25em;
    --font-h3--spacing: 0.25em;
    --font-h4--spacing: 0.25em;
    --font-h5--spacing: 0.25em;
    --font-h6--spacing: 0.25em;
    --font-paragraph--spacing: 0.5em;

    /* Heading colors */
    --font-h1--color: var(--color-foreground-heading);
    --font-h2--color: var(--color-foreground-heading);
    --font-h3--color: var(--color-foreground-heading);
    --font-h4--color: var(--color-foreground-heading);
    --font-h5--color: var(--color-foreground-heading);
    --font-h6--color: var(--color-foreground-heading);

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(2.75rem, 6.4vw, 4.0rem);--font-size--h2: 2.5rem;--font-size--h3: 1.5rem;--font-size--h4: 1.125rem;--font-size--h5: 0.75rem;--font-size--h6: 0.6875rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-tight);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-tight);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-accent--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-loose);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-accent--family);--font-h5--style: var(--font-accent--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-accent--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-loose);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-accent--family);--font-h6--style: var(--font-accent--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-normal);

    /* Hardcoded font sizes */
    --font-size--2xs: 0.625rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-lg--size: 1.125rem;
    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-black: #000000;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: var(--opacity-70);

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-3xl: 1.75rem;
    --margin-4xl: 2rem;
    --margin-5xl: 3rem;
    --margin-6xl: 5rem;

    --scroll-margin: 50px;

    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-sm: 0.6;
    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 8px;
    --style-border-radius-buttons-primary: 100px;
    --style-border-radius-buttons-secondary: 100px;
    --style-border-width-primary: 1px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 8px;
    --style-border-popover: 1px solid rgb(var(--color-border-rgb) / 50%);
    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
    --drawer-animation-speed: 0.2s;
    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-blob-padding-block: 1px;
    --badge-blob-padding-inline: 12px 8px;
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-blob-padding-block: 4px;
      --badge-blob-padding-inline: 16px 12px;
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 1px;

    /* Input */
    --input-email-min-width: 200px;
    --input-search-max-width: 650px;
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Button size */
    --button-size-sm: 30px;
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case: ;
    --button-text-case-primary: uppercase;
    --button-text-case-secondary: uppercase;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 5px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-inline-padding: 25px;
    --drawer-menu-inline-padding: 2.5rem;
    --drawer-header-block-padding: 20px;
    --drawer-content-block-padding: 10px;
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 30;
    --variant-picker-swatch-height-unitless: 30;
    --variant-picker-swatch-width: 30px;
    --variant-picker-swatch-height: 30px;
    --variant-picker-swatch-radius: 100px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 8px;
    --variant-picker-button-border-width: 1px;

    /* Slideshow */
    --slideshow-controls-size: 3.5rem;
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */
    --shape--circle: circle(50% at center);
    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;
    --height-medium: 11.5rem;
    --height-large: 13rem;
    --height-full: 100vh;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
      --height-medium: 21.25rem;
      --height-large: 25rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-primary--family);
    --cart-secondary-font-style: var(--font-primary--style);
    --cart-secondary-font-weight: var(--font-primary--weight);
  }

/* ===== inline <style> block 1: theme-settings-css-vars ===== */
:root,
    
    
    
    .color-scheme-1 {
        --color-background: rgb(253 251 247 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 253 251 247;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(51 48 46 / 1.0);
        --color-foreground-rgb: 51 48 46;
        --color-foreground-heading: rgb(51 48 46 / 1.0);
        --color-foreground-heading-rgb: 51 48 46;
        --color-primary: rgb(44 42 41 / 1.0);
        --color-primary-rgb: 44 42 41;
        --color-primary-hover: rgb(217 124 124 / 1.0);
        --color-primary-hover-rgb: 217 124 124;
        --color-border: rgb(0 0 0 / 0.1);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(253 251 247 / 1.0);
        --color-primary-button-background: rgb(44 42 41 / 1.0);
        --color-primary-button-border: rgb(44 42 41 / 1.0);
        --color-primary-button-hover-text: rgb(44 42 41 / 1.0);
        --color-primary-button-hover-background: rgb(253 251 247 / 1.0);
        --color-primary-button-hover-border: rgb(44 42 41 / 1.0);
        --color-secondary-button-text: rgb(102 97 94 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 0.18);
        --color-secondary-button-hover-text: rgb(253 251 247 / 1.0);
        --color-secondary-button-hover-background: rgb(44 42 41 / 1.0);
        --color-secondary-button-hover-border: rgb(44 42 41 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.6);
        --color-input-text: rgb(51 48 46 / 1.0);
        --color-input-text-rgb: 51 48 46;
        --color-input-border: rgb(0 0 0 / 0.18);
        --color-input-hover-background: rgb(250 247 241 / 1.0);
        --color-variant-background: rgb(253 251 247 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.18);
        --color-variant-text: rgb(51 48 46 / 1.0);
        --color-variant-text-rgb: 51 48 46;
        --color-variant-hover-background: rgb(253 251 247 / 1.0);
        --color-variant-hover-text: rgb(51 48 46 / 1.0);
        --color-variant-hover-border: rgb(44 42 41 / 1.0);
        --color-selected-variant-background: rgb(44 42 41 / 1.0);
        --color-selected-variant-border: rgb(44 42 41 / 1.0);
        --color-selected-variant-text: rgb(253 251 247 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(253 251 247 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-2 {
        --color-background: rgb(255 255 255 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 255 255 255;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(51 48 46 / 1.0);
        --color-foreground-rgb: 51 48 46;
        --color-foreground-heading: rgb(51 48 46 / 1.0);
        --color-foreground-heading-rgb: 51 48 46;
        --color-primary: rgb(44 42 41 / 1.0);
        --color-primary-rgb: 44 42 41;
        --color-primary-hover: rgb(217 124 124 / 1.0);
        --color-primary-hover-rgb: 217 124 124;
        --color-border: rgb(0 0 0 / 0.1);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(253 251 247 / 1.0);
        --color-primary-button-background: rgb(44 42 41 / 1.0);
        --color-primary-button-border: rgb(44 42 41 / 1.0);
        --color-primary-button-hover-text: rgb(44 42 41 / 1.0);
        --color-primary-button-hover-background: rgb(253 251 247 / 1.0);
        --color-primary-button-hover-border: rgb(44 42 41 / 1.0);
        --color-secondary-button-text: rgb(102 97 94 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 0.18);
        --color-secondary-button-hover-text: rgb(253 251 247 / 1.0);
        --color-secondary-button-hover-background: rgb(44 42 41 / 1.0);
        --color-secondary-button-hover-border: rgb(44 42 41 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(51 48 46 / 1.0);
        --color-input-text-rgb: 51 48 46;
        --color-input-border: rgb(0 0 0 / 0.18);
        --color-input-hover-background: rgb(247 245 242 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.18);
        --color-variant-text: rgb(51 48 46 / 1.0);
        --color-variant-text-rgb: 51 48 46;
        --color-variant-hover-background: rgb(247 245 242 / 1.0);
        --color-variant-hover-text: rgb(51 48 46 / 1.0);
        --color-variant-hover-border: rgb(44 42 41 / 1.0);
        --color-selected-variant-background: rgb(44 42 41 / 1.0);
        --color-selected-variant-border: rgb(44 42 41 / 1.0);
        --color-selected-variant-text: rgb(253 251 247 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(253 251 247 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-3 {
        --color-background: rgb(242 242 242 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 242 242 242;
        --opacity-5-15: 0.05;
        --opacity-10-25: 0.1;
        --opacity-35-55: 0.35;
        --opacity-40-60: 0.4;
        --opacity-30-60: 0.3;
        --color-foreground: rgb(0 0 0 / 1.0);
        --color-foreground-rgb: 0 0 0;
        --color-foreground-heading: rgb(0 0 0 / 1.0);
        --color-foreground-heading-rgb: 0 0 0;
        --color-primary: rgb(102 102 102 / 1.0);
        --color-primary-rgb: 102 102 102;
        --color-primary-hover: rgb(0 0 0 / 1.0);
        --color-primary-hover-rgb: 0 0 0;
        --color-border: rgb(208 208 208 / 1.0);
        --color-border-rgb: 208 208 208;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(255 255 255 / 1.0);
        --color-primary-button-background: rgb(0 0 0 / 1.0);
        --color-primary-button-border: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-background: rgb(56 56 56 / 1.0);
        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
        --color-secondary-button-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-4 {
        --color-background: rgb(44 42 41 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 44 42 41;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(253 251 247 / 1.0);
        --color-foreground-rgb: 253 251 247;
        --color-foreground-heading: rgb(253 251 247 / 1.0);
        --color-foreground-heading-rgb: 253 251 247;
        --color-primary: rgb(253 251 247 / 1.0);
        --color-primary-rgb: 253 251 247;
        --color-primary-hover: rgb(217 124 124 / 1.0);
        --color-primary-hover-rgb: 217 124 124;
        --color-border: rgb(255 255 255 / 0.2);
        --color-border-rgb: 255 255 255;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(44 42 41 / 1.0);
        --color-primary-button-background: rgb(253 251 247 / 1.0);
        --color-primary-button-border: rgb(253 251 247 / 1.0);
        --color-primary-button-hover-text: rgb(253 251 247 / 1.0);
        --color-primary-button-hover-background: rgb(44 42 41 / 1.0);
        --color-primary-button-hover-border: rgb(253 251 247 / 1.0);
        --color-secondary-button-text: rgb(253 251 247 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 0.3);
        --color-secondary-button-hover-text: rgb(253 251 247 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-border: rgb(253 251 247 / 1.0);
        --color-input-background: rgb(255 255 255 / 0.12);
        --color-input-text: rgb(253 251 247 / 1.0);
        --color-input-text-rgb: 253 251 247;
        --color-input-border: rgb(255 255 255 / 0.2);
        --color-input-hover-background: rgb(255 255 255 / 0.18);
        --color-variant-background: rgb(253 251 247 / 1.0);
        --color-variant-border: rgb(0 0 0 / 0.1);
        --color-variant-text: rgb(44 42 41 / 1.0);
        --color-variant-text-rgb: 44 42 41;
        --color-variant-hover-background: rgb(247 245 242 / 1.0);
        --color-variant-hover-text: rgb(44 42 41 / 1.0);
        --color-variant-hover-border: rgb(44 42 41 / 1.0);
        --color-selected-variant-background: rgb(44 42 41 / 1.0);
        --color-selected-variant-border: rgb(253 251 247 / 1.0);
        --color-selected-variant-text: rgb(253 251 247 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(253 251 247 / 1.0);
        --color-selected-variant-hover-border: rgb(253 251 247 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-5 {
        --color-background: rgb(0 0 0 / 1.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(172 172 172 / 1.0);
        --color-primary-hover-rgb: 172 172 172;
        --color-border: rgb(102 102 102 / 1.0);
        --color-border-rgb: 102 102 102;
        --color-shadow: rgb(0 0 0 / 1.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
        --color-input-background: rgb(0 0 0 / 1.0);
        --color-input-text: rgb(255 255 255 / 1.0);
        --color-input-text-rgb: 255 255 255;
        --color-input-border: rgb(255 255 255 / 1.0);
        --color-input-hover-background: rgb(24 24 24 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  
    
    
    
    .color-scheme-6 {
        --color-background: rgb(0 0 0 / 0.0);
        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
        --color-background-rgb: 0 0 0;
        --opacity-5-15: 0.15;
        --opacity-10-25: 0.25;
        --opacity-35-55: 0.55;
        --opacity-40-60: 0.6;
        --opacity-30-60: 0.6;
        --color-foreground: rgb(255 255 255 / 1.0);
        --color-foreground-rgb: 255 255 255;
        --color-foreground-heading: rgb(255 255 255 / 1.0);
        --color-foreground-heading-rgb: 255 255 255;
        --color-primary: rgb(255 255 255 / 1.0);
        --color-primary-rgb: 255 255 255;
        --color-primary-hover: rgb(172 172 172 / 1.0);
        --color-primary-hover-rgb: 172 172 172;
        --color-border: rgb(0 0 0 / 0.0);
        --color-border-rgb: 0 0 0;
        --color-shadow: rgb(0 0 0 / 0.0);
        --color-shadow-rgb: 0 0 0;
        --color-primary-button-text: rgb(0 0 0 / 1.0);
        --color-primary-button-background: rgb(255 255 255 / 1.0);
        --color-primary-button-border: rgb(255 255 255 / 1.0);
        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
        --color-secondary-button-text: rgb(255 255 255 / 1.0);
        --color-secondary-button-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-border: rgb(255 255 255 / 1.0);
        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
        --color-input-background: rgb(255 255 255 / 1.0);
        --color-input-text: rgb(0 0 0 / 1.0);
        --color-input-text-rgb: 0 0 0;
        --color-input-border: rgb(0 0 0 / 1.0);
        --color-input-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-background: rgb(255 255 255 / 1.0);
        --color-variant-border: rgb(230 230 230 / 1.0);
        --color-variant-text: rgb(0 0 0 / 1.0);
        --color-variant-text-rgb: 0 0 0;
        --color-variant-hover-background: rgb(245 245 245 / 1.0);
        --color-variant-hover-text: rgb(0 0 0 / 1.0);
        --color-variant-hover-border: rgb(230 230 230 / 1.0);
        --color-selected-variant-background: rgb(0 0 0 / 1.0);
        --color-selected-variant-border: rgb(0 0 0 / 1.0);
        --color-selected-variant-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);

        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
        --font-h1--color: var(--color-foreground-heading);
        --font-h2--color: var(--color-foreground-heading);
        --font-h3--color: var(--color-foreground-heading);
        --font-h4--color: var(--color-foreground-heading);
        --font-h5--color: var(--color-foreground-heading);
        --font-h6--color: var(--color-foreground-heading);

        /* Shadows */
        
        
          --shadow-blur: 20px;
          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
        
      }
  

  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6 {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }

/* ===== inline <style> block 2: shopify-buyer-consent ===== */
#shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

/* ===== inline <style> block 3: judgeme-vars ===== */
.jdgm-xx{left:0}:root{--jdgm-primary-color: #108474;--jdgm-secondary-color: rgba(16,132,116,0.1);--jdgm-star-color: #000;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #108474;--jdgm-paginate-color: #108474;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #108474}.jdgm-histogram__bar-content{background-color:#108474}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#108474}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#000000}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #108474;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#108474}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Lynoq'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}

/* ===== inline <style> block 4: judgeme-anim ===== */
@-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}

/* ===== inline <style> block 5: mega-menu-grid ===== */
[data-menu-grid-id="MegaMenuList-2"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

  [data-menu-list-id="MegaMenuList-2"] {
    
      --menu-columns-desktop: 6;
      --menu-columns-tablet: 4;
    
  }

/* ===== inline <style> block 6: mega-menu-label ===== */
.mega-menu__menu-label {
      margin: 0 0 0.75rem;
      font-size: 0.75rem;
      letter-spacing: 0.06em;
      line-height: 1.3;
      text-transform: uppercase;
      opacity: 0.7;
    }

    .mega-menu__menu-label--accessories {
      margin-top: 0.125rem;
      margin-bottom: 0.75rem;
    }

    .mega-menu__link--with-image {
      display: grid;
      grid-template-columns: 7rem 1fr;
      gap: 1rem;
      align-items: center;
    }

    .mega-menu__link-image--main-product {
      width: 7rem;
      aspect-ratio: 1;
      object-fit: cover;
      border-radius: calc(var(--menu-image-border-radius) * 0.5);
    }

    .mega-menu .mega-menu__content-list--products .resource-card {
      max-width: 10rem;
      margin-inline: auto;
    }

    .mega-menu .mega-menu__content-list--products .resource-card__image,
    .mega-menu .mega-menu__content-list--products .resource-card__image-placeholder {
      width: 100%;
    }

    .mega-menu .mega-menu__content-list--products .resource-card__content {
      font-size: 0.95rem;
      line-height: 1.25;
    }

    .mega-menu .mega-menu__content-list--products .price {
      font-size: 1rem;
      margin-inline: auto;
    }

/* ===== inline <style> block 7: product-media ===== */
.product-media-container {
      --media-preview-ratio: 1;
    }

    

    /* Constrain all deferred-media content to parent bounds when specific aspect ratio is set */
    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media,
    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
    }

    /* Ensure video and iframe elements respect container aspect ratio */
    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media video,
    .product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media iframe {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* 3D models need special handling since they don't support object-fit */
    .product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model model-viewer {
      width: 100%;
      height: 100%;
    }

    /* Clear gallery aspect ratio for zoom dialog - let media display at natural aspect ratios */
    .dialog-zoomed-gallery .product-media {
      --gallery-aspect-ratio: var(--ratio);
    }
  

  

  
    .media-fit-cover {
      --product-media-fit: cover;
    }

    /* Media fit for all media elements - default to cover */
    .media-fit-cover :is(img, video, iframe, .deferred-media__poster-image) {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

    /* 3D Models (no object-fit support, just sizing) */
    .media-fit-cover model-viewer {
      width: 100%;
      height: 100%;
    }
  

  /* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */

/* ===== inline <style> block 8: b8-product-features ===== */
/* ===== Container ===== */
  .b8-pf {
    background: var(--b8-paper, #fdf9f3);
    padding-block: 80px;
    overflow: hidden;
  }

  .b8-pf__inner {
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 20px;
  }

  @media (min-width: 750px) {
    .b8-pf__inner {
      padding-inline: 48px;
    }
  }

  /* ===== Header ===== */
  .b8-pf__eyebrow {
    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--b8-ink-subtle, #999);
    margin: 0 0 8px;
  }

  .b8-pf__heading {
    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--b8-accent-black, #2c2a29);
    margin: 0 0 12px;
  }

  .b8-pf__desc {
    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
    font-size: clamp(15px, 1.8vw, 18px);
    line-height: 1.6;
    color: var(--b8-ink-subtle, #999);
    margin: 0 0 48px;
    max-width: 520px;
  }
  @media (max-width: 749px) {
    .b8-pf__desc {
      margin-bottom: 24px;
    }
  }

  /* ===== Detail card ===== */
  .b8-pf__detail {
    background: #fff;
    border: 1px solid rgba(44, 42, 41, 0.08);
    border-radius: 16px;
    padding: 32px;
    margin-bottom: 32px;
    box-shadow: var(--b8-shadow-soft, 0 4px 24px rgba(0, 0, 0, 0.06));
    min-height: 280px;
    position: relative;
    overflow: hidden;
  }

  @media (max-width: 749px) {
    .b8-pf__detail {
      margin-bottom: 24px;
      padding: 16px;
      min-height: 240px;
    }
  }

  .b8-pf__detail-title {
    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
    font-size: clamp(20px, 2.5vw, 26px);
    font-weight: 500;
    letter-spacing: -0.01em;
    color: var(--b8-accent-black, #2c2a29);
    margin: 0 0 12px;
    line-height: 1.2;
  }

  .b8-pf__detail-desc {
    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: var(--b8-ink-subtle, #999);
    margin: 0 0 24px;
    max-width: 600px;
  }
  @media (max-width: 749px) {
    .b8-pf__detail-desc {
      margin-bottom: 12px;
      font-size: 14px;
    }
  }

  .b8-pf__detail-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  @media (max-width: 749px) {
    .b8-pf__detail-bullets {
      font-size: 12px;
      gap: 4px;
    }
  }

  @media (min-width: 750px) {
    .b8-pf__detail-bullets {
      grid-template-columns: 1fr 1fr;
      gap: 10px 32px;
    }
  }

  .b8-pf__detail-bullets li {
    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: var(--b8-accent-black, #2c2a29);
    padding-left: 20px;
    position: relative;
  }

  .b8-pf__detail-bullets li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #977d8b;
  }

  /* Fade transition */
  .b8-pf__detail-content {
    opacity: 1;
    transition: opacity var(--b8-duration-medium, 250ms) var(--b8-ease-standard, ease);
  }

  .b8-pf__detail-content.is-fading {
    opacity: 0;
  }

  /* ===== Feature grid ===== */
  .b8-pf__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }

  @media (min-width: 750px) {
    .b8-pf__grid {
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
    }
  }

  .b8-pf__tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 8px;
    border: 1px solid rgba(44, 42, 41, 0.1);
    border-radius: 12px;
    background: transparent;
    cursor: pointer;
    transition: background var(--b8-duration-medium, 250ms) var(--b8-ease-standard, ease),
      border-color var(--b8-duration-medium, 250ms) var(--b8-ease-standard, ease),
      box-shadow var(--b8-duration-medium, 250ms) var(--b8-ease-standard, ease);
    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
    font-size: 12px;
    line-height: 1.3;
    color: var(--b8-ink-subtle, #999);
    text-align: center;
    -webkit-appearance: none;
    appearance: none;
  }

  .b8-pf__tab:hover {
    background: rgba(44, 42, 41, 0.03);
    border-color: rgba(44, 42, 41, 0.2);
  }

  .b8-pf__tab.is-active {
    background: #fff;
    border-color: var(--b8-accent-black, #2c2a29);
    box-shadow: var(--b8-shadow-soft, 0 4px 24px rgba(0, 0, 0, 0.06));
    color: var(--b8-accent-black, #2c2a29);
  }

  .b8-pf__tab-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
  }

  .b8-pf__tab-icon svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .b8-pf__tab-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  /* ===== Reduced motion ===== */
  @media (prefers-reduced-motion: reduce) {
    .b8-pf__detail-content {
      transition: none;
    }

    .b8-pf__tab {
      transition: none;
    }
  }

/* ===== inline <style> block 9: b8-specs ===== */
/* ===== Container ===== */
  .b8-specs {
    background: var(--b8-paper-soft, #FAF7F2);
    padding-block: 80px;
    overflow: hidden;
  }

  .b8-specs__inner {
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 20px;
  }

  @media (min-width: 750px) {
    .b8-specs__inner {
      padding-inline: 48px;
    }
  }

  /* ===== Header ===== */
  .b8-specs__eyebrow {
    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--b8-ink-subtle, #999);
    margin: 0 0 8px;
  }

  .b8-specs__heading {
    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--b8-accent-black, #2C2A29);
    margin: 0 0 48px;
  }

  /* ===== Grid (desktop 3-col) ===== */
  .b8-specs__grid {
    display: none;
  }

  @media (min-width: 750px) {
    .b8-specs__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }
  }

  /* ===== Card ===== */
  .b8-specs__card {
    background: #fff;
    border: 1px solid rgba(44, 42, 41, 0.08);
    border-radius: 16px;
    padding: 32px;
    box-shadow: var(--b8-shadow-soft, 0 4px 24px rgba(0, 0, 0, 0.06));
  }

  .b8-specs__card-title {
    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: var(--b8-accent-black, #2C2A29);
    margin: 0 0 24px;
    text-align: center;
    line-height: 1.2;
  }

  /* ===== Spec rows ===== */
  .b8-specs__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 12px;
    border-bottom: 1px solid rgba(44, 42, 41, 0.08);
    gap: 16px;
  }

  .b8-specs__row:last-child {
    border-bottom: none;
  }

  .b8-specs__label {
    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
    font-size: 13px;
    color: var(--b8-ink-subtle, #999);
    white-space: nowrap;
    flex-shrink: 0;
  }

  .b8-specs__value {
    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--b8-accent-black, #2C2A29);
    text-align: right;
    max-width: 60%;
  }

  /* ===== Mobile carousel ===== */
  .b8-specs__carousel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    padding-bottom: 8px;
    scrollbar-width: none;
  }

  .b8-specs__carousel::-webkit-scrollbar {
    display: none;
  }

  @media (min-width: 750px) {
    .b8-specs__carousel {
      display: none;
    }
  }

  .b8-specs__carousel .b8-specs__card {
    flex: 0 0 85%;
    scroll-snap-align: center;
    padding: 24px;
  }

  /* ===== Dot indicators ===== */
  .b8-specs__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
  }

  @media (min-width: 750px) {
    .b8-specs__dots {
      display: none;
    }
  }

  .b8-specs__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid var(--b8-ink-subtle, #999);
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: all 190ms ease;
    -webkit-appearance: none;
    appearance: none;
  }

  .b8-specs__dot.is-active {
    width: 10px;
    height: 10px;
    background: var(--b8-accent-black, #2C2A29);
    border-color: var(--b8-accent-black, #2C2A29);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }

  /* ===== Compact mode (KS10 landing): table only, tight spacing ===== */
  .b8-specs--compact {
    padding-block: 24px 28px;
  }

  .b8-specs--compact .b8-specs__card {
    padding: 18px 20px;
  }

  .b8-specs--compact .b8-specs__card-title {
    margin-bottom: 10px;
  }

  .b8-specs--compact .b8-specs__row {
    padding-block: 7px;
  }

  .b8-specs--compact .b8-specs__carousel .b8-specs__card {
    padding: 16px 18px;
  }

  .b8-specs--compact .b8-specs__dots {
    display: none;
  }