@font-face {   font-family: Montserrat;   font-weight: 400;   font-style: normal;   font-display: swap;   src: url("//tartufoneropregiato.it/cdn/fonts/montserrat/montserrat_n4.81949fa0ac9fd2021e16436151e8eaa539321637.woff2") format("woff2"),        url("//tartufoneropregiato.it/cdn/fonts/montserrat/montserrat_n4.a6c632ca7b62da89c3594789ba828388aac693fe.woff") format("woff"); } @font-face {   font-family: Montserrat;   font-weight: 700;   font-style: normal;   font-display: swap;   src: url("//tartufoneropregiato.it/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),        url("//tartufoneropregiato.it/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff"); } @font-face {   font-family: Montserrat;   font-weight: 400;   font-style: italic;   font-display: swap;   src: url("//tartufoneropregiato.it/cdn/fonts/montserrat/montserrat_i4.5a4ea298b4789e064f62a29aafc18d41f09ae59b.woff2") format("woff2"),        url("//tartufoneropregiato.it/cdn/fonts/montserrat/montserrat_i4.072b5869c5e0ed5b9d2021e4c2af132e16681ad2.woff") format("woff"); } @font-face {   font-family: Montserrat;   font-weight: 700;   font-style: italic;   font-display: swap;   src: url("//tartufoneropregiato.it/cdn/fonts/montserrat/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),        url("//tartufoneropregiato.it/cdn/fonts/montserrat/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff"); }     :root {     /* Safe area insets  non-zero on notched devices because meta-tags.liquid sets viewport-fit=cover */     --safe-area-inset-top: env(safe-area-inset-top, 0px);     --safe-area-inset-right: env(safe-area-inset-right, 0px);     --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);     --safe-area-inset-left: env(safe-area-inset-left, 0px);      /* Page Layout */     --sidebar-width: 25rem;     --theme-drawer-width: 30rem;     --narrow-content-width: 36rem;     --normal-content-width: 42rem;     --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;      /* Font families */     --font-body--family: Montserrat, sans-serif;     --font-body--style: normal;     --font-body--weight: 400;     --font-subheading--family: Montserrat, sans-serif;     --font-subheading--style: normal;     --font-subheading--weight: 400;     --font-heading--family: Montserrat, sans-serif;     --font-heading--style: normal;     --font-heading--weight: 400;     --font-accent--family: Montserrat, sans-serif;     --font-accent--style: normal;     --font-accent--weight: 400;      /* Margin sizes */     --font-heading--spacing: 0.25em;     --font-h1--spacing: var(--font-heading--spacing);     --font-h2--spacing: var(--font-heading--spacing);     --font-h3--spacing: var(--font-heading--spacing);     --font-h4--spacing: var(--font-heading--spacing);     --font-h5--spacing: var(--font-heading--spacing);     --font-h6--spacing: var(--font-heading--spacing);     --font-paragraph--spacing: 0.5em;      /** 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(3.0rem, 7.2vw, 4.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.125rem;--font-size--h6: 1.0rem;--font-paragraph--weight: 400;--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-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: uppercase;--font-h2--line-height: var(--line-height--display-tight);--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: uppercase;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-normal);      /* Hardcoded font sizes */     --font-size--3xs: 0.625rem;     --font-size--2xs: 0.75rem;     --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-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-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: 0.8;     --opacity-muted-text: 0.6;      --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-4xl: 2rem;     --margin-6xl: 5rem;       --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-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: 0px;     --style-border-radius-buttons-primary: 0px;     --style-border-radius-buttons-secondary: 0px;     --style-border-width-primary: 0px;     --style-border-width-secondary: 0px;     --style-border-width-inputs: 1px;     --style-border-radius-popover: 0px;     --style-border-popover: 0px solid #000000;     --style-border-drawer: 1px solid #000000;     --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;     --drawer-animation-speed: 0.2s;     --animation-values: var(--animation-speed) var(--animation-easing);     --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);     /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/     --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);     --spring-d300-b0-duration: 0.4980s;     --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);     --spring-d280-b0-duration: 0.4648s;     --spring-d220-b0-easing: linear(       0,       0.0093 1.37%,       0.0696 4.12%,       0.4667 15.09%,       0.6322 20.58%,       0.6986 23.32%,       0.7793 27.44%,       0.8219 30.18%,       0.8721,       0.9089 38.42%,       0.9427,       0.9644,       0.978 54.88%,       0.9881 61.74%,       0.9944 69.97%,       0.998 80.95%,       0.9996 98.78%     );     --spring-d220-b0-duration: 0.3818s;     --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);     --spring-d180-b0-duration: 0.2988s;      /* 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-rectangle-padding-block: 1px;     --badge-rectangle-padding-inline: 6px;     @media screen and (min-width: 750px) {       --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: 1.5px;      /* Input */     --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;      /* Checkbox */     --checkbox-size: 22px;     --checkbox-border-radius: 7px;     --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));     --checkbox-label-padding: 8px;      @media screen and (min-width: 750px) {       --checkbox-size: 16px;       --checkbox-border-radius: 5px;       --checkbox-label-padding: 6px;     }      /* Button size */     --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-accent--family);     --button-font-family-secondary: var(--font-body--family);      /* Button text case */     --button-text-case-primary: uppercase;     --button-text-case-secondary: default;      /* Borders */     --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));     --border-width-sm: 1px;     --border-radius-sm: 0.25rem;      /* Drawers */     --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: 0px;     --variant-picker-border-width: 1px;     --variant-picker-border-style: solid;     --variant-picker-border-opacity: 10%;      /* Variant Picker Buttons */     --variant-picker-button-radius: 0px;     --variant-picker-button-border-width: 1px;     --variant-option-label-color: var(--color, var(--color-foreground));      /* Slideshow */     --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 */      /* 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;      @media screen and (min-width: 750px) {       --height-small: 17.5rem;     }      /* Modal */     --modal-max-height: 65dvh;     --quick-add-modal-height: min(38.5rem, 96vh);     /* Centered dialog: reserve the larger side inset on both edges so a landscape        notch cannot cover the close button. 2vw keeps the original 96vw gutter. */     --quick-add-modal-width: min(       54rem,       calc(100vw - 2 * max(2vw, var(--safe-area-inset-left), var(--safe-area-inset-right)))     );     --quick-add-modal-gallery-width: 24rem;      /* 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-subheading--family);     --cart-secondary-font-style: var(--font-subheading--style);     --cart-secondary-font-weight: var(--font-subheading--weight);   }    .custom-color-quick-add {     --quick-add-background: #ffffff;     --quick-add-foreground: #000000;   }