:root { --base--background: var(--_default---colors--brand-white); --_typography---font-styles--body: "Merriweather Sans", Arial, sans-serif; --base--text: var(--_default---colors--brand-black); --_typography---font-styles--heading: "Century Gothic", Arial, sans-serif; --_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((5 - 3) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 5 * 1rem); --_default---colors--white: #fff; --_default---colors--neutral-darkest: black; --text-color--text-alternate\: var(--base-color-neutral--white\); --_default---opacity--transparent: transparent; --_default---opacity--neutral-darkest-60: #0009; --_default---opacity--white-60: #fff9; --_ui-styles---stroke--border-width: 1px; --base--border: var(--_default---colors--brand-black); --_ui-styles---radius--medium: 0px; --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --_ui-styles---radius--small: 0px; --_default---colors--neutral-lightest: #eee; --_ui-styles---radius--large: 0px; --base--accent: var(--_default---colors--brand-white); --_spacing---section-space--main: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((7 - 4) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 7 * 1rem); --_spacing---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 10 * 1rem); --_default---site--margin: clamp(1 * 1rem, ((1 - ((3 - 1) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min)) * var(--_default---site--viewport-min))) * 1rem + ((3 - 1) / (var(--_default---site--viewport-max) - var(--_default---site--viewport-min))) * 100vw), 3 * 1rem); --_spacing---section-space--none: 0px; --_default---colors--brand-grey-50: #f6f6f6; --_ui-styles---stroke--divider-width: 1px; --_button-style---border: var(--button-primary--border); --_button-style---background: var(--button-primary--background); --_button-style---text: var(--button-primary--text); --_button-style---border-hover: var(--button-primary--border-hover); --_button-style---background-hover: var(--button-primary--background-hover); --_button-style---text-hover: var(--button-primary--text-hover); --_custom---home-banner-lllu: clamp(0 * 1rem, ((40 - ((0 - 40) / (var(--_default---site--viewport-2560) - var(--_default---site--viewport-1200)) * var(--_default---site--viewport-1200))) * 1rem + ((0 - 40) / (var(--_default---site--viewport-2560) - var(--_default---site--viewport-1200))) * 100vw), 40 * 1rem); --_default---colors--brand-black: black; --cards--product-card-bg-color: var(--_default---colors--brand-black); --_default---colors--brand-white: white; --_default---site--viewport-max: 90; --_default---site--viewport-min: 20; --_default---site--viewport-2560: 160; --_default---site--viewport-1200: 75; --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --_default---colors--neutral-lighter: #ccc; --button-primary--text: var(--_default---colors--brand-white); --_default---colors--neutral-light: #aaa; --button-primary--background-hover: var(--_default---colors--brand-white); --_default---colors--neutral: #666; --button-primary--border-hover: var(--_default---colors--brand-black); --_default---colors--neutral-dark: #444; --button-primary--text-hover: var(--_default---colors--brand-black); --_default---colors--neutral-darker: #222; --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --_default---opacity--white-5: #ffffff0d; --button-secondary--text-hover: var(--_default---colors--brand-white); --_default---opacity--white-10: #ffffff1a; --_default---opacity--white-15: #ffffff26; --_default---opacity--white-20: #fff3; --_default---opacity--white-30: #ffffff4d; --_default---opacity--white-40: #fff6; --_default---opacity--white-50: #ffffff80; --_default---opacity--neutral-darkest-5: #0000000d; --_default---opacity--neutral-darkest-10: #0000001a; --_default---opacity--neutral-darkest-15: #00000026; --_default---opacity--neutral-darkest-20: #0003; --_default---opacity--neutral-darkest-30: #0000004d; --_default---opacity--neutral-darkest-40: #0006; --_default---opacity--neutral-darkest-50: #00000080; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } body { background-color: var(--base--background); font-family: var(--_typography---font-styles--body); color: var(--base--text); font-size: 1rem; line-height: 1.5; } h1 { font-family: var(--_typography---font-styles--heading); margin-top: 0; margin-bottom: 0; font-size: 4.5rem; font-weight: 400; line-height: 1.2; } h2 { font-family: var(--_typography---font-styles--heading); margin-top: 0; margin-bottom: 0; font-size: 3.25rem; font-weight: 400; line-height: 1.2; } h3 { font-family: var(--_typography---font-styles--heading); margin-top: 0; margin-bottom: 0; font-size: 2.75rem; font-weight: 400; line-height: 1.2; } h4 { font-family: var(--_typography---font-styles--heading); margin-top: 0; margin-bottom: 0; font-size: 2.25rem; font-weight: 400; line-height: 1.3; } h5, h6 { font-family: var(--_typography---font-styles--heading); margin-top: 0; margin-bottom: 0; font-size: 1.375rem; font-weight: 700; line-height: 1.4; } p { margin-bottom: 0; } a { color: var(--base--text); text-decoration: underline; } ul { margin-top: 1rem; margin-bottom: 1rem; padding-left: 1.25rem; } ol { margin-top: 1rem; margin-bottom: 1rem; padding-left: 1.5rem; } li { margin-top: .25rem; margin-bottom: .25rem; padding-left: .5rem; } img { max-width: 100%; display: inline-block; } label { margin-bottom: .25rem; font-weight: 500; } blockquote { border-left: .1875rem solid var(--base--text); margin-bottom: 0; padding: .75rem 1.25rem; font-size: 1.25rem; line-height: 1.5; } figure { margin-top: 3rem; margin-bottom: 3rem; } figcaption { text-align: center; margin-top: .25rem; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .global-styles { display: block; position: absolute; inset: 0% auto auto 0%; } .container-large { width: 100%; max-width: 90rem; margin-left: auto; margin-right: auto; position: relative; } .main-wrapper { background-color: var(--base--background); color: var(--base--text); --base--background: var(--_default---colors--brand-white); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .margin-xxsmall { margin: .5rem; } .margin-xsmall { margin: 1rem; } .margin-small { margin: 1.5rem; } .margin-medium { margin: 2rem; } .margin-large { margin: 3rem; } .padding-medium { padding: 2rem; } .padding-xlarge { padding: 4rem; } .padding-xxlarge { padding: 5rem; } .margin-top, .margin-top.margin-custom1, .margin-top.margin-huge, .margin-top.margin-small, .margin-top.margin-tiny, .margin-top.margin-custom3, .margin-top.margin-medium, .margin-top.margin-xxsmall, .margin-top.margin-xxhuge, .margin-top.margin-custom2, .margin-top.margin-xsmall, .margin-top.margin-large, .margin-top.margin-xxlarge, .margin-top.margin-xlarge, .margin-top.margin-0, .margin-top.margin-xhuge, .margin-top.margin-xsmall { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-bottom, .margin-bottom.margin-xxlarge, .margin-bottom.margin-medium, .margin-bottom.margin-custom3, .margin-bottom.margin-custom1, .margin-bottom.margin-tiny, .margin-bottom.margin-small, .margin-bottom.margin-large, .margin-bottom.margin-0, .margin-bottom.margin-xlarge, .margin-bottom.margin-xhuge, .margin-bottom.margin-xxhuge, .margin-bottom.margin-huge, .margin-bottom.margin-xxsmall, .margin-bottom.margin-custom2, .margin-bottom.margin-xsmall, .margin-bottom.margin-medium, .margin-bottom.margin-small, .margin-bottom.margin-large, .margin-bottom.margin-xxsmall { margin-top: 0; margin-left: 0; margin-right: 0; } .padding-top, .padding-top.padding-xhuge, .padding-top.padding-xxhuge, .padding-top.padding-0, .padding-top.padding-large, .padding-top.padding-custom2, .padding-top.padding-xlarge, .padding-top.padding-huge, .padding-top.padding-xxsmall, .padding-top.padding-custom3, .padding-top.padding-tiny, .padding-top.padding-medium, .padding-top.padding-xxlarge, .padding-top.padding-small, .padding-top.padding-xsmall, .padding-top.padding-custom1, .padding-top.padding-medium { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-bottom.padding-small, .padding-bottom.padding-xxhuge, .padding-bottom.padding-large, .padding-bottom.padding-xhuge, .padding-bottom.padding-custom2, .padding-bottom.padding-xxsmall, .padding-bottom.padding-xxlarge, .padding-bottom.padding-custom3, .padding-bottom.padding-custom1, .padding-bottom.padding-xsmall, .padding-bottom.padding-huge, .padding-bottom.padding-tiny, .padding-bottom.padding-medium, .padding-bottom.padding-0 { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-bottom.padding-xlarge { padding: 0rem 0rem var(--_spacing---section-space--small); } .padding-vertical, .padding-vertical.padding-0, .padding-vertical.padding-xxhuge, .padding-vertical.padding-large, .padding-vertical.padding-custom3, .padding-vertical.padding-medium, .padding-vertical.padding-tiny, .padding-vertical.padding-xxlarge, .padding-vertical.padding-custom1, .padding-vertical.padding-xsmall, .padding-vertical.padding-xhuge, .padding-vertical.padding-xlarge, .padding-vertical.padding-custom2, .padding-vertical.padding-xxsmall, .padding-vertical.padding-huge, .padding-vertical.padding-small, .padding-vertical.padding-xxlarge { padding-left: 0; padding-right: 0; } .heading-style-h5 { font-size: 1.75rem; font-weight: 700; line-height: 1.4; } .text-size-tiny { font-size: .75rem; } .heading-style-h3 { font-size: 2.75rem; font-weight: 400; line-height: 1.2; } .text-weight-semibold { font-weight: 600; } .icon-embed-xsmall { flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .text-size-small { font-size: .875rem; } .text-size-small.link-footer:hover { text-decoration: underline; } .text-rich-text { font-weight: 300; } .text-rich-text h1 { margin-top: 2rem; margin-bottom: 1rem; } .text-rich-text blockquote { margin-top: 1.5rem; margin-bottom: 1.5rem; font-style: italic; } .text-rich-text h2, .text-rich-text h3, .text-rich-text h4 { margin-top: 1.5rem; margin-bottom: 1rem; } .text-rich-text h5, .text-rich-text h6 { margin-top: 1.25rem; margin-bottom: 1rem; } .text-rich-text p { margin-bottom: 1rem; } .text-rich-text figcaption { border-left: 2px solid var(--base--text); text-align: left; margin-top: .5rem; padding-left: .5rem; font-size: .875rem; } .padding-global { padding-left: 5%; padding-right: 5%; } .u-section { background-color: var(--base--background); color: var(--base--text); --base--background: var(--_default---colors--brand-white); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-b43d166b-aa14-c731-b17e-c36de6fe61dd) { --base--background: var(--_default---colors--brand-black); --base--text: var(--_default---colors--brand-white); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-white); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-black); --cards--product-card-bg-color: var(--_default---colors--brand-white); --button-primary--background: var(--_default---colors--brand-white); --button-primary--border: var(--_default---colors--brand-white); --button-primary--text: var(--_default---colors--brand-black); --button-primary--background-hover: var(--_default---colors--brand-black); --button-primary--border-hover: var(--_default---colors--brand-white); --button-primary--text-hover: var(--_default---colors--brand-white); --button-secondary--background: var(--_default---colors--brand-black); --button-secondary--border: var(--_default---colors--brand-white); --button-secondary--text: var(--_default---colors--brand-white); --button-secondary--background-hover: var(--_default---colors--brand-white); --button-secondary--border-hover: var(--_default---colors--brand-white); --button-secondary--text-hover: var(--_default---colors--brand-black); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-785ee19b-752c-dd31-6e0d-85446b1f8e6b) { --base--background: var(--_default---colors--brand-grey-50); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--white); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-b277b3a7-7d61-f182-09bf-34caf7b9d18f) { --base--background: var(--_default---colors--brand-black); --base--text: var(--_default---colors--brand-white); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-white); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-black); --cards--product-card-bg-color: var(--_default---colors--brand-white); --button-primary--background: var(--_default---colors--brand-white); --button-primary--border: var(--_default---colors--brand-white); --button-primary--text: var(--_default---colors--brand-black); --button-primary--background-hover: var(--_default---colors--brand-black); --button-primary--border-hover: var(--_default---colors--brand-white); --button-primary--text-hover: var(--_default---colors--brand-white); --button-secondary--background: var(--_default---colors--brand-black); --button-secondary--border: var(--_default---colors--brand-white); --button-secondary--text: var(--_default---colors--brand-white); --button-secondary--background-hover: var(--_default---colors--brand-white); --button-secondary--border-hover: var(--_default---colors--brand-white); --button-secondary--text-hover: var(--_default---colors--brand-black); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-b277b3a7-7d61-f182-09bf-34caf7b9d190) { --base--background: var(--_default---colors--brand-grey-50); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--white); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-3a2a9196-a1d0-4abd-9d49-4ecfe19d6876) { --base--background: var(--_default---colors--brand-black); --base--text: var(--_default---colors--brand-white); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-white); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-black); --cards--product-card-bg-color: var(--_default---colors--brand-white); --button-primary--background: var(--_default---colors--brand-white); --button-primary--border: var(--_default---colors--brand-white); --button-primary--text: var(--_default---colors--brand-black); --button-primary--background-hover: var(--_default---colors--brand-black); --button-primary--border-hover: var(--_default---colors--brand-white); --button-primary--text-hover: var(--_default---colors--brand-white); --button-secondary--background: var(--_default---colors--brand-black); --button-secondary--border: var(--_default---colors--brand-white); --button-secondary--text: var(--_default---colors--brand-white); --button-secondary--background-hover: var(--_default---colors--brand-white); --button-secondary--border-hover: var(--_default---colors--brand-white); --button-secondary--text-hover: var(--_default---colors--brand-black); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-3a2a9196-a1d0-4abd-9d49-4ecfe19d6877) { --base--background: var(--_default---colors--brand-grey-50); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--white); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-70f87e60-cd1d-984a-3ecd-9cf599924fba) { --base--background: var(--_default---colors--brand-black); --base--text: var(--_default---colors--brand-white); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-white); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-black); --cards--product-card-bg-color: var(--_default---colors--brand-white); --button-primary--background: var(--_default---colors--brand-white); --button-primary--border: var(--_default---colors--brand-white); --button-primary--text: var(--_default---colors--brand-black); --button-primary--background-hover: var(--_default---colors--brand-black); --button-primary--border-hover: var(--_default---colors--brand-white); --button-primary--text-hover: var(--_default---colors--brand-white); --button-secondary--background: var(--_default---colors--brand-black); --button-secondary--border: var(--_default---colors--brand-white); --button-secondary--text: var(--_default---colors--brand-white); --button-secondary--background-hover: var(--_default---colors--brand-white); --button-secondary--border-hover: var(--_default---colors--brand-white); --button-secondary--text-hover: var(--_default---colors--brand-black); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-70f87e60-cd1d-984a-3ecd-9cf599924fbb) { --base--background: var(--_default---colors--brand-grey-50); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--white); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-cb3b4c65-c253-9a50-769d-48931dc0d3a3) { --base--background: var(--_default---colors--brand-black); --base--text: var(--_default---colors--brand-white); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-white); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-black); --cards--product-card-bg-color: var(--_default---colors--brand-white); --button-primary--background: var(--_default---colors--brand-white); --button-primary--border: var(--_default---colors--brand-white); --button-primary--text: var(--_default---colors--brand-black); --button-primary--background-hover: var(--_default---colors--brand-black); --button-primary--border-hover: var(--_default---colors--brand-white); --button-primary--text-hover: var(--_default---colors--brand-white); --button-secondary--background: var(--_default---colors--brand-black); --button-secondary--border: var(--_default---colors--brand-white); --button-secondary--text: var(--_default---colors--brand-white); --button-secondary--background-hover: var(--_default---colors--brand-white); --button-secondary--border-hover: var(--_default---colors--brand-white); --button-secondary--text-hover: var(--_default---colors--brand-black); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-cb3b4c65-c253-9a50-769d-48931dc0d3a4) { --base--background: var(--_default---colors--brand-grey-50); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--white); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-33e9b791-c711-6a42-a6d4-d28a0c6ed453) { --base--background: var(--_default---colors--brand-black); --base--text: var(--_default---colors--brand-white); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-white); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-black); --cards--product-card-bg-color: var(--_default---colors--brand-white); --button-primary--background: var(--_default---colors--brand-white); --button-primary--border: var(--_default---colors--brand-white); --button-primary--text: var(--_default---colors--brand-black); --button-primary--background-hover: var(--_default---colors--brand-black); --button-primary--border-hover: var(--_default---colors--brand-white); --button-primary--text-hover: var(--_default---colors--brand-white); --button-secondary--background: var(--_default---colors--brand-black); --button-secondary--border: var(--_default---colors--brand-white); --button-secondary--text: var(--_default---colors--brand-white); --button-secondary--background-hover: var(--_default---colors--brand-white); --button-secondary--border-hover: var(--_default---colors--brand-white); --button-secondary--text-hover: var(--_default---colors--brand-black); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-33e9b791-c711-6a42-a6d4-d28a0c6ed454) { --base--background: var(--_default---colors--brand-grey-50); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--white); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-c51fead5-e03d-ae43-898e-82bf81f282d7) { --base--background: var(--_default---colors--brand-black); --base--text: var(--_default---colors--brand-white); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-white); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-black); --cards--product-card-bg-color: var(--_default---colors--brand-white); --button-primary--background: var(--_default---colors--brand-white); --button-primary--border: var(--_default---colors--brand-white); --button-primary--text: var(--_default---colors--brand-black); --button-primary--background-hover: var(--_default---colors--brand-black); --button-primary--border-hover: var(--_default---colors--brand-white); --button-primary--text-hover: var(--_default---colors--brand-white); --button-secondary--background: var(--_default---colors--brand-black); --button-secondary--border: var(--_default---colors--brand-white); --button-secondary--text: var(--_default---colors--brand-white); --button-secondary--background-hover: var(--_default---colors--brand-white); --button-secondary--border-hover: var(--_default---colors--brand-white); --button-secondary--text-hover: var(--_default---colors--brand-black); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-c51fead5-e03d-ae43-898e-82bf81f282d8) { --base--background: var(--_default---colors--brand-grey-50); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--white); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-a8974bb3-aee3-4cc9-6f03-7fb32bfb4fbe) { --base--background: var(--_default---colors--brand-black); --base--text: var(--_default---colors--brand-white); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-white); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-black); --cards--product-card-bg-color: var(--_default---colors--brand-white); --button-primary--background: var(--_default---colors--brand-white); --button-primary--border: var(--_default---colors--brand-white); --button-primary--text: var(--_default---colors--brand-black); --button-primary--background-hover: var(--_default---colors--brand-black); --button-primary--border-hover: var(--_default---colors--brand-white); --button-primary--text-hover: var(--_default---colors--brand-white); --button-secondary--background: var(--_default---colors--brand-black); --button-secondary--border: var(--_default---colors--brand-white); --button-secondary--text: var(--_default---colors--brand-white); --button-secondary--background-hover: var(--_default---colors--brand-white); --button-secondary--border-hover: var(--_default---colors--brand-white); --button-secondary--text-hover: var(--_default---colors--brand-black); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-a8974bb3-aee3-4cc9-6f03-7fb32bfb4fbf) { --base--background: var(--_default---colors--brand-grey-50); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--white); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-63b4efdf-2ba5-3c13-2e28-84780f976886) { --base--background: var(--_default---colors--brand-black); --base--text: var(--_default---colors--brand-white); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-white); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-black); --cards--product-card-bg-color: var(--_default---colors--brand-white); --button-primary--background: var(--_default---colors--brand-white); --button-primary--border: var(--_default---colors--brand-white); --button-primary--text: var(--_default---colors--brand-black); --button-primary--background-hover: var(--_default---colors--brand-black); --button-primary--border-hover: var(--_default---colors--brand-white); --button-primary--text-hover: var(--_default---colors--brand-white); --button-secondary--background: var(--_default---colors--brand-black); --button-secondary--border: var(--_default---colors--brand-white); --button-secondary--text: var(--_default---colors--brand-white); --button-secondary--background-hover: var(--_default---colors--brand-white); --button-secondary--border-hover: var(--_default---colors--brand-white); --button-secondary--text-hover: var(--_default---colors--brand-black); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-63b4efdf-2ba5-3c13-2e28-84780f976887) { --base--background: var(--_default---colors--brand-grey-50); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--white); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-c67d53ab-f075-01d8-0925-d360493982d2) { --base--background: var(--_default---colors--brand-black); --base--text: var(--_default---colors--brand-white); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-white); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-black); --cards--product-card-bg-color: var(--_default---colors--brand-white); --button-primary--background: var(--_default---colors--brand-white); --button-primary--border: var(--_default---colors--brand-white); --button-primary--text: var(--_default---colors--brand-black); --button-primary--background-hover: var(--_default---colors--brand-black); --button-primary--border-hover: var(--_default---colors--brand-white); --button-primary--text-hover: var(--_default---colors--brand-white); --button-secondary--background: var(--_default---colors--brand-black); --button-secondary--border: var(--_default---colors--brand-white); --button-secondary--text: var(--_default---colors--brand-white); --button-secondary--background-hover: var(--_default---colors--brand-white); --button-secondary--border-hover: var(--_default---colors--brand-white); --button-secondary--text-hover: var(--_default---colors--brand-black); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section:where(.w-variant-c67d53ab-f075-01d8-0925-d360493982d3) { --base--background: var(--_default---colors--brand-grey-50); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--white); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .u-section.products-new_wrap { position: relative; overflow: hidden; } .u-section.product-header_wrap { --base--background: var(--_default---colors--brand-black); --base--text: var(--_default---colors--brand-white); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-white); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-black); --cards--product-card-bg-color: var(--_default---colors--brand-white); --button-primary--background: var(--_default---colors--brand-white); --button-primary--border: var(--_default---colors--brand-white); --button-primary--text: var(--_default---colors--brand-black); --button-primary--background-hover: var(--_default---colors--brand-black); --button-primary--border-hover: var(--_default---colors--brand-white); --button-primary--text-hover: var(--_default---colors--brand-white); --button-secondary--background: var(--_default---colors--brand-black); --button-secondary--border: var(--_default---colors--brand-white); --button-secondary--text: var(--_default---colors--brand-white); --button-secondary--background-hover: var(--_default---colors--brand-white); --button-secondary--border-hover: var(--_default---colors--brand-white); --button-secondary--text-hover: var(--_default---colors--brand-black); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .padding-global-lumos { padding-right: var(--_default---site--margin); padding-left: var(--_default---site--margin); } .u-section-spacer { height: var(--_spacing---section-space--none); position: relative; } .u-section-spacer:where(.w-variant-0e35d1a6-0854-fdb3-ffb5-7f0cbba510e5) { height: var(--_spacing---section-space--small); } .u-section-spacer:where(.w-variant-8ca915b4-dcc0-089e-6a1f-2270dde2a9f5) { height: var(--_spacing---section-space--main); } .u-section-spacer:where(.w-variant-c2cdbf66-dacc-e2a8-ca67-a22d9217f6c7) { height: var(--_spacing---section-space--large); } .navbar8_component { background-color: var(--base--background); --base--background: var(--_default---colors--brand-white); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; border-bottom-style: solid; border-bottom-width: 0; align-items: center; width: 100%; min-height: 6.25rem; padding-left: 5%; padding-right: 5%; display: flex; } .navbar8_container { justify-content: space-between; align-items: center; width: 100%; max-width: 100%; height: 100%; margin-left: auto; margin-right: auto; display: flex; } .navbar8_logo-link { justify-content: center; align-items: center; padding-left: 0; display: flex; transform: translate(0, -2px); } .navbar8_logo { width: 8rem; } .navbar8_menu { flex: 1; justify-content: space-between; align-items: center; margin-left: 2rem; display: flex; position: static; } .navbar8_link { padding: 1.5rem 1rem; font-weight: 400; } .navbar8_link:hover { -webkit-text-decoration-skip-ink: auto; text-decoration-skip-ink: auto; text-underline-position: under; text-decoration: underline; text-decoration-thickness: 2px; } .navbar8_link.w--current { color: var(--_default---colors--neutral-darkest); text-underline-position: under; text-decoration: underline; text-decoration-thickness: 2px; } .navbar8_menu-right { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: stretch; display: flex; } .navbar8_menu-button { padding: 0; } .button_main_wrap { border: .094rem solid var(--_button-style---border); background-color: var(--_button-style---background); color: var(--_button-style---text); text-align: center; vertical-align: middle; --_button-style---border: var(--button-primary--border); --_button-style---background: var(--button-primary--background); --_button-style---text: var(--button-primary--text); --_button-style---border-hover: var(--button-primary--border-hover); --_button-style---background-hover: var(--button-primary--background-hover); --_button-style---text-hover: var(--button-primary--text-hover); justify-content: center; align-items: center; padding: 1rem 1.5rem; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .button_main_wrap:where(.w-variant-b8d85b47-21d2-86ae-e147-5b520d10d718) { --_button-style---border: var(--button-secondary--border); --_button-style---background: var(--button-secondary--background); --_button-style---text: var(--button-secondary--text); --_button-style---border-hover: var(--button-secondary--border-hover); --_button-style---background-hover: var(--button-secondary--background-hover); --_button-style---text-hover: var(--button-secondary--text-hover); } .button_main_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .clickable_wrap { z-index: 3; border-radius: inherit; } .clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .clickable_btn { border-radius: inherit; background-color: #0000; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .button_main_text { z-index: 1; font-weight: 400; line-height: inherit; position: relative; } .button_main_text.u-text-style-main { color: inherit; line-height: inherit; line-height: inherit; } .u-sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .footer15_component { background-color: var(--base--background); --base--background: var(--_default---colors--brand-grey-50); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--white); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; } .footer15_top-wrapper { grid-column-gap: 4vw; grid-template-rows: auto; grid-template-columns: 1fr .5fr; align-items: start; } .footer15_logo-link { float: none; padding-left: 0; } .footer15_logo { width: 12em; } .footer15_details-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: grid; } .footer15_social-list { grid-column-gap: .75rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; place-items: start; display: flex; } .footer15_social-link { align-items: center; font-size: 14px; text-decoration: none; display: flex; } .footer15_menu-wrapper { grid-column-gap: 2rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; align-items: start; } .footer15_link-list { flex-direction: column; grid-template-rows: auto; grid-template-columns: 100%; grid-auto-columns: 100%; place-items: flex-start start; display: flex; } .footer15_link { padding-top: .5rem; padding-bottom: .5rem; font-size: .875rem; font-weight: 400; text-decoration: none; } .divider-horizontal { height: var(--_ui-styles---stroke--divider-width); background-color: var(--base--border); width: 100%; } .footer15_bottom-wrapper { justify-content: space-between; align-items: center; display: flex; } .footer15_credit-text { font-size: .875rem; } .footer15_legal-list { grid-column-gap: 1.5rem; grid-row-gap: 0rem; white-space: normal; grid-template-rows: auto; grid-template-columns: max-content; grid-auto-columns: max-content; grid-auto-flow: column; justify-content: center; display: flex; } .footer15_legal-link { font-size: .875rem; text-decoration: underline; } .footer15_legal-link:hover { text-decoration: none; } .header { border-bottom: 1px solid var(--_default---colors--brand-black); } .code-embed { opacity: 0; position: absolute; top: 0; left: 0; } .swiper-button { border: 1px solid var(--base--border); background-color: var(--base--border); color: var(--base--background); cursor: pointer; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; transition: color .3s cubic-bezier(.785, .135, .15, .86), background-color .3s cubic-bezier(.785, .135, .15, .86); display: flex; } .swiper-button:hover { background-color: var(--base--background); color: var(--base--text); } .product-header7_product-details { width: 50%; } .breadcrumb_component { grid-column-gap: .25rem; grid-row-gap: .25rem; align-items: center; width: 100%; display: flex; } .breadcrumb-link { font-weight: 300; text-decoration: none; } .breadcrumb-link.w--current { font-weight: 600; } .breadcrumb-link.text-size-tiny.w--current { pointer-events: none; pointer-events: none; font-weight: 300; } .breadcrumb-divider { justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .car-illu_wrap { width: 14.0625rem; position: absolute; right: 6rem; transform: translate(0, -83%); } .product-header7_info-title.heading-style-h5 { font-family: var(--_typography---font-styles--heading); font-weight: 400; font-family: var(--_typography---font-styles--heading); font-weight: 400; } .product-header7_info-list_wrap { flex-flow: column; display: flex; } .product-header7_info-list_item { background-color: var(--_default---colors--brand-grey-50); --base--background: var(--_default---colors--brand-white); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; justify-content: space-between; padding: .5rem .75rem; display: flex; } .product-header7_info-list_item:where(.w-variant-cc292d3a-0b46-4fdc-9684-a327494cd936), .product-header7_info-list_item.white, .product-header7_info-list_item.white { background-color: var(--_default---colors--brand-white); } .product-header7_info-list_label { color: var(--base--text); font-weight: 300; } .product-header7_info-list_flex { grid-column-gap: .5rem; grid-row-gap: .5rem; display: flex; } .product-header7_swiper { position: relative; } .product-header7_swiper.swiper-container { width: 100%; } .product-header7_wrapper.swiper-wrapper { max-width: 100%; } .product-header7_swiper-slide.swiper-slide { justify-content: center; align-items: center; width: 100%; } .product-header7_image_wrap { aspect-ratio: 610 / 515; background-color: var(--base--text); justify-content: center; align-items: center; padding: 2rem; display: flex; } .image { object-fit: contain; width: 100%; height: 100%; } .car-images-swiper { opacity: 0; position: absolute; inset: 0% 0% auto auto; } .product-header7_swiper-nav { position: static; } .product-header7_swiper-prev { z-index: 20; --base--background: var(--_default---colors--brand-white); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; position: absolute; top: 50%; left: 1rem; transform: translate(0, -50%); } .product-header7_swiper-next { z-index: 20; --base--background: var(--_default---colors--brand-white); --base--text: var(--_default---colors--brand-black); --text-color--text-alternate\: var(--base-color-neutral--white\); --base--border: var(--_default---colors--brand-black); --base--foreground: var(--_default---colors--neutral-lightest); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --base--accent: var(--_default---colors--brand-white); --cards--product-card-bg-color: var(--_default---colors--brand-black); --button-primary--background: var(--_default---colors--brand-black); --button-primary--border: var(--_default---colors--brand-black); --button-primary--text: var(--_default---colors--brand-white); --button-primary--background-hover: var(--_default---colors--brand-white); --button-primary--border-hover: var(--_default---colors--brand-black); --button-primary--text-hover: var(--_default---colors--brand-black); --button-secondary--background: var(--_default---colors--brand-white); --button-secondary--border: var(--_default---colors--brand-black); --button-secondary--text: var(--_default---colors--brand-black); --button-secondary--background-hover: var(--_default---colors--brand-black); --button-secondary--border-hover: var(--_default---colors--brand-black); --button-secondary--text-hover: var(--_default---colors--brand-white); --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; position: absolute; top: 50%; right: 1rem; transform: translate(0, -50%); } .product-header7_swiper_wrapper { align-self: flex-start; width: 50%; height: auto; position: relative; overflow: hidden; } .product-header-7_flex { grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .product-header7_data { visibility: hidden; position: absolute; inset: 0% auto auto 0%; } .cookie-consent { opacity: 0; position: absolute; inset: 0% auto auto 0%; } @media screen and (max-width: 991px) { h1 { font-size: 2.75rem; } h2 { font-size: 2.5rem; } h3 { font-size: 2rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1.125rem; } .hide-tablet { display: none; } .max-width-full-tablet { width: 100%; max-width: none; } .margin-large { margin: 2.5rem; } .margin-xlarge { margin: 3.5rem; } .margin-xxlarge { margin: 4.5rem; } .margin-huge { margin: 5rem; } .margin-xhuge { margin: 6rem; } .margin-xxhuge { margin: 7.5rem; } .padding-large { padding: 2.5rem; } .padding-xlarge { padding: 3.5rem; } .padding-xxlarge { padding: 4.5rem; } .padding-huge { padding: 5rem; } .padding-xhuge { padding: 6rem; } .padding-xxhuge { padding: 7.5rem; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-bottom.margin-small { overflow: visible; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .heading-style-h2 { font-size: 2.5rem; } .heading-style-h6 { font-size: 1.125rem; } .rl-styleguide_item-row { grid-template-columns: auto 1fr; } .rl-styleguide_icons-list { grid-auto-flow: row; } .heading-style-h5 { font-size: 1.25rem; } .heading-style-h1 { font-size: 2.75rem; } .heading-style-h4 { font-size: 1.5rem; } .heading-style-h3 { font-size: 2rem; } .button-group.is-right.hide-mobile-landscape { display: none; } .button-group.is-right.is-bottom { display: flex; } .padding-section-medium { padding-top: 4rem; padding-bottom: 4rem; } .padding-section-large { padding-top: 6rem; padding-bottom: 6rem; } .spacer-large { padding-top: 2.5rem; } .spacer-xlarge { padding-top: 3.5rem; } .spacer-xxlarge { padding-top: 4.5rem; } .spacer-huge { padding-top: 5rem; } .spacer-xhuge { padding-top: 6rem; } .spacer-xxhuge { padding-top: 7.5rem; } .rl-styleguide_scheme-list { grid-template-columns: 1fr; } .header77_component { padding-top: var(--_spacing---section-space--main); grid-row-gap: 0rem; grid-template-columns: 1fr; grid-auto-flow: row; min-height: auto; } .header77_content-left { margin-left: 5%; margin-right: 5%; } .header77_content-right { padding-bottom: var(--_spacing---section-space--large); height: auto; } .layout237_list { grid-column-gap: 2rem; } .filters6_layout { grid-template-columns: 1fr; } .filters6_form-block { z-index: 999; max-width: 100%; } .filters6_form { border-style: none; } .filters6_filters-header { flex-wrap: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .filters6_keyword-search { max-width: none; } .filters6_filters-button { justify-content: center; display: flex; } .filters6_filters-modal { right: 0%; } .filters6_list-wrapper { margin-bottom: 1.75rem; } .filters6_rangeslider1-handle { width: 1.75rem; height: 1.75rem; } .filters6_rangeslider1-text { top: 2rem; } .filters6_rangeslider2-handle-left, .filters6_rangeslider2-handle-right { width: 1.75rem; height: 1.75rem; } .dropdown1_toggle { align-items: center; display: flex; } .dropdown-chevron { inset: auto 0% auto auto; } .dropdown1_dropdown-list { overflow: hidden; } .filters6_tags-wrapper { margin-left: 0; margin-right: 0; } .filters6_tag { margin-right: 0; } .filters6_empty { padding: 2rem; } .navbar8_component { min-height: 4rem; } .navbar8_logo-link { transform: translate(0); } .navbar8_menu { border-bottom: 1px solid var(--base--border); background-color: var(--base--background); -webkit-text-fill-color: inherit; background-clip: border-box; align-items: flex-start; height: 100dvh; margin-left: 0; padding: 1rem 5% 6.5rem; transition: height .5s; position: absolute; overflow: auto; } .navbar8_link { width: auto; padding: .75rem 0; font-size: 1.125rem; } .navbar8_menu-right { flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr; align-items: stretch; margin-top: 1.5rem; } .navbar8_menu-button.w--open { background-color: var(--_default---opacity--transparent); } .menu-icon5 { flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon1_line-top { background-color: var(--base--text); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .menu-icon1_line-middle { background-color: var(--base--text); justify-content: center; align-items: center; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; } .menu-icon1_line-middle-inner { width: 4px; height: 0; padding-bottom: 0; padding-right: 0; } .menu-icon1_line-bottom { background-color: var(--base--text); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; } .layout479_content { grid-column-gap: 3rem; grid-row-gap: 2rem; } .header77_illu__wrap { bottom: var(--_spacing---section-space--none); } .layout143_lightbox { width: 100%; } .layout143_lightbox-image { object-fit: cover; width: 100%; height: 100%; } .footer15_top-wrapper { grid-row-gap: 2rem; grid-template-columns: 1fr; } .footer15_legal-list { flex-flow: wrap; justify-content: flex-start; align-items: flex-end; } .contact5_content { grid-column-gap: 3rem; grid-auto-flow: row; min-height: auto; } .heading-style-h2-2 { font-size: 2.75rem; } .faq3_content { grid-column-gap: 3rem; grid-template-columns: 1fr 1fr; grid-auto-flow: row; min-height: auto; } .product5_heading-wrapper { grid-column-gap: 3rem; grid-row-gap: 0rem; flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; } .product5_heading { margin-right: 3rem; } .product5_lower-buttons { justify-content: space-between; align-items: flex-start; } .product-header7_component { grid-row-gap: 2.5rem; grid-template-columns: 1fr; grid-auto-flow: row; min-height: auto; padding-bottom: 2.5rem; } .product-header7_gallery-slider { position: static; } .product-header7_slider { height: auto; } .product-header7_image-wrapper { padding-top: 120%; } .product-header7_product-details { width: 100%; max-height: none; padding-right: 0; position: static; overflow: visible; } .car-illu_wrap { justify-content: flex-end; align-items: center; position: relative; transform: translate(0, 18%); } .car-illu_container { justify-content: flex-end; align-items: center; margin-top: -3rem; display: flex; } .product-header7_swiper_wrapper { width: 100%; } .product-header-7_flex { flex-flow: column; } .product-header7_breadcrumbs_wrap { display: none; } .filters6_products_wrap { grid-template-columns: 1fr 1fr 1fr; } .content1_content { grid-column-gap: 3rem; grid-row-gap: 3rem; } .layout21_content { grid-column-gap: 3rem; grid-template-columns: 1fr 1fr; grid-auto-flow: row; min-height: auto; } } @media screen and (max-width: 767px) { h1 { font-size: 2.5rem; } h2 { font-size: 2.25rem; } h3 { font-size: 2rem; } h4 { font-size: 1.5rem; line-height: 1.4; } h5 { font-size: 1.25rem; } h6 { font-size: 1.125rem; } .hide-mobile-landscape { display: none; } .max-width-full-mobile-landscape { width: 100%; max-width: none; } .margin-xsmall { margin: .75rem; } .margin-small { margin: 1.25rem; } .margin-medium { margin: 1.5rem; } .margin-large { margin: 2rem; } .margin-xlarge { margin: 2.5rem; } .margin-xxlarge { margin: 3rem; } .margin-huge { margin: 3.5rem; } .margin-xhuge { margin: 4rem; } .margin-xxhuge { margin: 5rem; } .padding-xsmall { padding: .75rem; } .padding-small { padding: 1.25rem; } .padding-medium { padding: 1.5rem; } .padding-large { padding: 2rem; } .padding-xlarge { padding: 2.5rem; } .padding-xxlarge { padding: 3rem; } .padding-huge { padding: 3.5rem; } .padding-xhuge { padding: 4rem; } .padding-xxhuge { padding: 5rem; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .text-size-medium { font-size: 1rem; } .text-style-quote { font-size: 1.125rem; } .heading-style-h2 { font-size: 2.25rem; } .heading-style-h6 { font-size: 1.125rem; } .heading-style-h5 { font-size: 1.25rem; } .heading-style-h1 { font-size: 2.5rem; } .heading-style-h4 { font-size: 1.5rem; line-height: 1.4; } .heading-style-h3 { font-size: 2rem; } .text-style-nowrap { white-space: normal; } .text-size-large { font-size: 1.125rem; } .padding-section-small { padding-top: 2rem; padding-bottom: 2rem; } .padding-section-medium { padding-top: 3rem; padding-bottom: 3rem; } .padding-section-large { padding-top: 4rem; padding-bottom: 4rem; } .spacer-xsmall { padding-top: .75rem; } .spacer-small { padding-top: 1.25rem; } .spacer-medium { padding-top: 1.5rem; } .spacer-large { padding-top: 2rem; } .spacer-xlarge { padding-top: 2.5rem; } .spacer-xxlarge { padding-top: 3rem; } .spacer-huge { padding-top: 3.5rem; } .spacer-xhuge { padding-top: 4rem; } .spacer-xxhuge { padding-top: 5rem; } .category-filter-menu { width: 100vw; margin-left: -5vw; padding-left: 5vw; overflow: scroll; } .header77_component { padding-top: 4rem; } .header77_image-wrapper { width: 18rem; } .layout237_list { grid-row-gap: 3rem; grid-template-columns: 1fr; } .text-size-medium-2 { font-size: 1rem; } .filters6_filters-header { flex-direction: column; align-items: flex-end; } .filters6_filters-header-left { width: 100%; } .filters6_keyword-search { width: auto; } .filters6_filters-modal { border-style: none; width: 100vw; max-height: none; margin-top: 0; padding-top: 6rem; position: fixed; inset: 0%; overflow: scroll; } .filters6_filters-modal.w--open { z-index: 999; width: 100%; height: 100vh; padding-top: 2.5rem; padding-left: 5%; padding-right: 5%; position: fixed; inset: 0%; } .filters6_form-header { margin-left: 5%; margin-right: 5%; padding-top: .5rem; padding-bottom: .5rem; } .filters6_modal-close-button { display: block; position: absolute; top: 5rem; right: 1.5rem; } .filters6_filter-group-list { padding-left: 5%; padding-right: 5%; } .filters6_filter-group-heading { padding-top: 1rem; padding-bottom: 1rem; } .filters6_modal-menu { width: 100%; margin-top: 2rem; margin-left: -5vw; padding-left: 5%; padding-right: 5%; } .navbar8_component { min-height: 4rem; } .navbar8_menu { padding-bottom: 6rem; } .layout479_content { grid-column-gap: 1.25rem; grid-row-gap: 1.25rem; grid-template-columns: 1fr; } .layout479_image-group { grid-column-gap: 2rem; grid-row-gap: 2rem; } .footer15_top-wrapper { grid-row-gap: 1rem; } .footer15_details-wrapper { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; display: flex; } .footer15_menu-wrapper { grid-column-gap: 1.5rem; grid-row-gap: 0rem; } .footer15_bottom-wrapper { flex-direction: column-reverse; align-items: flex-start; padding-bottom: 1rem; } .footer15_credit-text { margin-top: 2rem; } .footer15_legal-list { grid-row-gap: 1rem; flex-flow: column; grid-auto-flow: row; justify-content: flex-start; align-items: flex-start; } .contact5_content { grid-row-gap: 3rem; grid-template-columns: 1fr; } .heading-style-h2-2 { font-size: 2.25rem; } .faq3_content { grid-row-gap: 3rem; grid-template-columns: 1fr; } .product5_heading-wrapper { grid-row-gap: 2rem; flex-direction: column; grid-template-columns: 1fr; justify-content: flex-start; align-items: flex-start; } .product5_heading { margin-right: 0; } .product5_slide { padding-right: 1.5rem; } .product5_slide.swiper-slide { padding-right: 0; } .product5_image-wrapper { height: 100%; } .product5_swiper.swiper-container { overflow: visible; } .product-header7_component { grid-column-gap: 5rem; grid-row-gap: 2rem; padding-bottom: 1.5rem; } .product-header7_gallery-slider { grid-template-columns: 1fr; } .divider-vertical { display: none; } .car-illu_wrap { right: 1rem; } .filters6_products_wrap { grid-template-columns: 1fr 1fr; } .content1_content, .layout21_content { grid-row-gap: 3rem; grid-template-columns: 1fr; } .text-size-medium-3 { font-size: 1rem; } .contact5_image.margin-top.margin-large { width: 70%; } } @media screen and (max-width: 479px) { h1 { font-size: 2.5rem; } .hide-mobile-portrait { display: none; } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0; } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0; } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0; } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0; } .margin-vertical { margin-left: 0; margin-right: 0; } .margin-horizontal { margin-top: 0; margin-bottom: 0; } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0; } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0; } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0; } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0; } .padding-vertical { padding-left: 0; padding-right: 0; } .padding-horizontal { padding-top: 0; padding-bottom: 0; } .max-width-full-mobile-portrait { width: 100%; max-width: none; } .header77_component { grid-template-columns: 1fr; } .header77_content-right { padding-bottom: var(--_spacing---section-space--large); } .header77_image-wrapper { width: 60vw; } .layout237_list { grid-template-columns: 1fr; } .filters6_filters-header-left { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; } .layout479_content { grid-template-columns: 1fr; } .layout479_image-group { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .footer15_menu-wrapper { grid-column-gap: 1rem; grid-row-gap: 0rem; grid-template-columns: 1fr; } .contact5_content, .faq3_content { grid-template-columns: 1fr; } .product5_slide.swiper-slide { padding-right: 0; } .product-header7_component { grid-template-columns: 1fr; } .product-header7_price-wrapper { flex-direction: column; } .car-illu_wrap:where(.w-variant-c51fead5-e03d-ae43-898e-82bf81f282d7) { right: 1rem; } .filters6_products_wrap, .layout21_content { grid-template-columns: 1fr; } }