/** Shopify CDN: Minification failed

Line 367:0 Unexpected "@font-face"

**/
:root {
    --color-background: var(--color-base-background);
    --color-background-2: var(--color-base-background);
    --color-foreground: var(--color-base-text);
    --color-border: var(--color-foreground)/ 0.1;
    --color-border-dark: var(--color-foreground)/ 0.4;
    --color-border-light: var(--color-foreground)/ 0.06;
    --color-highlight: var(--color-base-highlight);
    --color-button-background: var(--color-base-button);
    --color-button-gradient: var(--color-base-button-gradient);
    --color-button-border: var(--color-base-button);
    --color-button-text: var(--color-base-button-text);
    --font-normal: 400;
    --font-medium: 500;
    --font-bold: 700;

    --animation-nav: 0.5s cubic-bezier(0.6, 0, 0.4, 1);
    --animation-primary: 0.5s cubic-bezier(0.3, 1, 0.3, 1);
    --animation-smooth: 0.7s cubic-bezier(0.7, 0, 0.3, 1);
    --animation-fast: 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    --animation-short: 0.2s cubic-bezier(0.7, 0, 0.3, 1);

    --fluid-2xl-to-4xl: clamp(var(--text-2xl), 0.6307rem + 1.3636vw, var(--text-4xl));
    --fluid-xl-to-3xl: clamp(var(--text-xl), 0.4966rem + 1.1818vw, var(--text-3xl));
    --fluid-lg-to-2xl: clamp(var(--text-lg), 0.9722rem + 0.4444vw, var(--text-2xl));
    --fluid-base-to-xl: clamp(var(--text-base), 0.873rem + 0.3175vw, var(--text-xl));
    --fluid-base-to-2xl: clamp(var(--text-base), 0.746rem + 0.6349vw, var(--text-2xl));
    --fluid-sm-to-lg: clamp(var(--text-sm), 0.748rem + 0.3174vw, var(--text-lg));
    --fluid-sm-to-base: clamp(var(--text-sm), 0.8115rem + 0.1587vw, var(--text-base));
    --fluid-xs-to-sm: clamp(var(--text-xs), 0.7297rem + 0.1013vw, var(--text-sm));

    --border-radius: clamp(var(--sp-4), 1.578vw, var(--sp-7d5));
    --border-radius-medium: calc(clamp(1em, 1.7vw, 1.7em) * 1.2);
    --border-radius-small: calc(clamp(1em, 1.7vw, 1.7em) * 0.5);
    --rounded-full: calc(infinity * 1px);
    --input-height: var(--sp-13);
    --input-padding-inline: var(--sp-6d5);
    --transform-logical: 1;
    --transform-origin-start: left;
    --transform-origin-end: right;

    --text-h0: var(--sp-16);
    --text-h1: var(--sp-9);
    --text-h2: var(--sp-6);
    --text-h3: var(--sp-5);
    --text-h4: var(--sp-4d5);
    --text-h5: var(--sp-4);
    --text-h6: var(--sp-4d5);
    --title-sm: clamp(var(--text-2xl), 2.526vw, var(--text-5xl));
    --title-md: clamp(var(--sp-8), 3.368vw, var(--sp-16));
    --title-lg: clamp(var(--sp-10), 3.368vw, var(--sp-16));
    --title-xl: clamp(var(--sp-12), 7.813vw, var(--sp-20));

    --color-red-200: 254 202 202;
    --color-red-300: 252 165 165;
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-ring-inset: inset;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --screen-height: 100vh;
    --topbar-height: 0px;
    --header-height: 0px;
    --sticky-header-height: 0px;
    --mobile-dock-height: 0px;
    --scrollbar-width: 0px;
    --ratio-percent: 56.25%;



    /*! General */
    --color-base-text: 23 23 23;
    --color-base-highlight: 0 175 255;
    --color-base-background: 255 255 255;
    --color-base-button: 23 23 23;
    --color-base-button-gradient: #171717;
    --color-base-button-text: 255 255 255;
    --color-keyboard-focus: 11 97 205;
    --color-shadow: 230 247 255;
    --color-price: 23 23 23;
    --color-sale-price: 190 18 60;
    --color-sale-tag: 190 18 60;
    --color-sale-tag-text: 255 255 255;
    --color-rating: 255 217 0;
    --color-placeholder: 255 255 255;
    --color-success-text: 77 124 15;
    --color-success-background: 247 254 231;
    --color-error-text: 190 18 60;
    --color-error-background: 255 241 242;
    --color-info-text: 180 83 9;
    --color-info-background: 255 251 235;
    /*! Menu and drawers */
    --color-drawer-text: 23 23 23;
    --color-drawer-background: 255 255 255;
    --color-drawer-button-background: 23 23 23;
    --color-drawer-button-gradient: #171717;
    --color-drawer-button-text: 255 255 255;
    --color-drawer-overlay: 23 23 23;

    /*! Product card */
    --card-radius: var(--rounded-card);
    --card-border-width: 0.0rem;
    --card-border-opacity: 0.0;
    --card-shadow-opacity: 0.1;
    --card-shadow-horizontal-offset: 0.0rem;
    --card-shadow-vertical-offset: 0.0rem;
    /*! Buttons */
    --buttons-radius: var(--rounded-button);
    --buttons-border-width: 2px;
    --buttons-border-opacity: 1.0;
    --buttons-shadow-opacity: 0.0;
    --buttons-shadow-horizontal-offset: 0px;
    --buttons-shadow-vertical-offset: 0px;
    /*! Inputs */
    --inputs-radius: var(--rounded-input);
    --inputs-border-width: 0px;
    --inputs-border-opacity: 0.65;
    /*! Spacing */
    --sp-0d5: 0.125rem;
    --sp-1: 0.25rem;
    --sp-1d5: 0.375rem;
    --sp-2: 0.5rem;
    --sp-2d5: 0.625rem;
    --sp-3: 0.75rem;
    --sp-3d5: 0.875rem;
    --sp-4: 1rem;
    --sp-4d5: 1.125rem;
    --sp-5: 1.25rem;
    --sp-5d5: 1.375rem;
    --sp-6: 1.5rem;
    --sp-6d5: 1.625rem;
    --sp-7: 1.75rem;
    --sp-7d5: 1.875rem;
    --sp-8: 2rem;
    --sp-8d5: 2.125rem;
    --sp-9: 2.25rem;
    --sp-9d5: 2.375rem;
    --sp-10: 2.5rem;
    --sp-10d5: 2.625rem;
    --sp-11: 2.75rem;
    --sp-12: 3rem;
    --sp-13: 3.25rem;
    --sp-14: 3.5rem;
    --sp-15: 3.875rem;
    --sp-16: 4rem;
    --sp-18: 4.5rem;
    --sp-20: 5rem;
    --sp-23: 5.625rem;
    --sp-24: 6rem;
    --sp-28: 7rem;
    --sp-32: 8rem;
    --sp-36: 9rem;
    --sp-40: 10rem;
    --sp-44: 11rem;
    --sp-48: 12rem;
    --sp-52: 13rem;
    --sp-56: 14rem;
    --sp-60: 15rem;
    --sp-64: 16rem;
    --sp-68: 17rem;
    --sp-72: 18rem;
    --sp-80: 20rem;
    --sp-96: 24rem;
    --sp-100: 32rem;
    /*! Font family */
    --font-heading-family: Inter, sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 700;
    --font-heading-line-height: 1;
    --font-heading-letter-spacing: -0.015em;
    --font-body-family: Inter, sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-line-height: 1;
    --font-body-letter-spacing: -0.03em;
    --font-navigation-family: var(--font-body-family);
    --font-navigation-size: clamp(0.75rem, 0.748rem + 0.3174vw, 0.875rem);
    --font-navigation-weight: 400;
    --font-button-family: var(--font-body-family);
    --font-button-size: clamp(0.75rem, 0.8115rem + 0.1587vw, 0.875rem);
    --font-button-weight: 700;
    --font-product-family: var(--font-body-family);
    --font-product-size: clamp(0.875rem, 0.873rem + 0.3175vw, 1.125rem);
    --font-product-weight: 400;
    /*! Font size */
    --text-3xs: 0.5625rem;
    --text-2xs: 0.625rem;
    --text-xs: 0.6875rem;
    --text-2sm: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 0.9375rem;
    --text-lg: 1.0625rem;
    --text-xl: 1.1875rem;
    --text-2xl: 1.4375rem;
    --text-3xl: 1.8125rem;
    --text-4xl: 2.1875rem;
    --text-5xl: 2.9375rem;
    --text-6xl: 3.6875rem;
    --text-7xl: 4.4375rem;
    --text-8xl: 5.9375rem;
    /*! Layout */
    --page-width: 1920px;
    --gap-padding: clamp(var(--sp-5), 2.526vw, var(--sp-12));
    --grid-gap: clamp(40px, 20vw, 60px);
    --page-padding: var(--sp-5);
    --page-container: min(calc(100vw - var(--scrollbar-width, 0px) - var(--page-padding) * 2), var(--page-width));
    --rounded-button: 3.75rem;
    --rounded-input: 0.375rem;
    --rounded-card: clamp(var(--sp-2d5), 1.053vw, var(--sp-5));
    --rounded-block: clamp(var(--sp-2d5), 1.053vw, var(--sp-5));
    /*! Other */
    --icon-weight: 1.5px;

    @media screen and (min-width: 768px) {
        --text-h1: var(--sp-12);
        --text-h2: var(--sp-7d5);
        --text-h3: var(--sp-6);
        --text-h4: var(--sp-5d5);
        --text-h5: var(--sp-4d5);
        --text-h6: var(--sp-4);
    }

    @media screen and (min-width: 1024px) {
        --title-lg: clamp(var(--sp-12), 4.73vw, var(--sp-23));
        --title-xl: clamp(var(--sp-20), 6.737vw, var(--sp-32));
        --text-h1: var(--sp-14);
        --text-h2: var(--sp-9);
        --text-h3: var(--sp-7d5);
        --text-h4: var(--sp-6);
        --text-h5: var(--sp-5);
    }
}





blockquote, .heading, h1, h2, h3, h4, h5, h6, .h0, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); letter-spacing: var(--font-heading-letter-spacing); line-height: var(--font-heading-line-height); text-transform: var(--font-heading-text-transform); color: rgb(var(--color-foreground)); word-break: break-word; }
.h0 { font-size: var(--text-h0); line-height: 1 }
.h1, .rte h1:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: var(--text-h1); line-height: 1.1 }
.h2, .rte h2:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: var(--text-h2); line-height: 1.3 }
.h3, .rte h3:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: var(--text-h3); line-height: 1.4 }
.h4, .rte h4:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: var(--text-h4); line-height: 1.4 }
.h5, .rte h5:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: var(--text-h5); line-height: 1.5 }
.h6, .rte h6:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: var(--text-h6); line-height: 1.5 }
.rte blockquote, .rte blockquote p { font-size: var(--text-h2); line-height: 1.3; }
.rte blockquote { position: relative; --quote-icon-width: 48px; --quote-icon-height: 48px; }
a { color: inherit; text-decoration: inherit }
b, strong { font-weight: bolder }
code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { inset-block-end: -.25em }
sup { inset-block-start: -.5em }
table { border-collapse: collapse; border-color: inherit; text-indent: 0 }
button, input, optgroup, select, textarea { color: inherit; font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; border: none; margin: 0; padding: 0 }
button, select { text-transform: none }
[type=button], [type=reset], [type=submit], button { appearance: button; background-color: transparent; background-image: none }
:-moz-focusring { outline: auto }
:-moz-ui-invalid { box-shadow: none }
progress { vertical-align: baseline }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto }
[type=search] { appearance: textfield; outline-offset: -2px }
::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }
summary { display: list-item }
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0 }
fieldset { margin: 0 }
fieldset, legend { padding: 0 }
menu, ol, ul { list-style: none; margin: 0; padding: 0 }
textarea { resize: vertical }
[role=button], button { cursor: pointer }
:disabled { cursor: default }
audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; max-width: 100%;  }
img, video { height: auto; max-width: 100% }
.image-banner :is(.image-block, .image-block img) { width: 100%; }
:focus:not(:focus-visible) { outline: none; }
.text-8xl { font-size: var(--text-8xl); line-height: 1.6 }
.text-6xl { font-size: var(--text-6xl); line-height: 1.6 }
.text-5xl { font-size: var(--text-5xl); line-height: 1.6 }
.text-4xl { font-size: var(--text-4xl); line-height: 1.6 }
.text-3xl { font-size: var(--text-3xl); line-height: 1.6 }
.text-2xl { font-size: var(--text-2xl); line-height: 1.6 }
.text-xl { font-size: var(--text-xl); line-height: 1.6 }
.text-lg { font-size: var(--text-lg); line-height: 1.6 }
.text-base { font-size: var(--text-base); line-height: 1.6 }
.text-2sm { font-size: var(--text-2sm); line-height: 1.6 }
.text-sm { font-size: var(--text-sm); line-height: 1.6 }
.text-xs { font-size: var(--text-xs); line-height: 1.6 }
.text-3xs { font-size: var(--text-3xs); }
.text-sm-base { font-size: var(--fluid-sm-to-base); }
.text-sm-lg { font-size: var(--fluid-sm-to-lg); }
.text-base-xl { font-size: var(--fluid-base-to-xl); }
.text-base-2xl { font-size: var(--fluid-base-to-2xl); }
.text-lg-2xl { font-size: var(--fluid-lg-to-2xl); }
.text-xl-3xl { font-size: var(--fluid-xl-to-3xl); }

/*! rte */
.rte p { margin-block: var(--sp-4) }
.rte>:first-child { margin-block-start: 0 }
.rte>:last-child { margin-block-end: 0 }
.rte :is(.h0, .h1, h1) { margin-block-end: var(--sp-8d5); margin-block-start: 0 }
.rte :is(h2+*, h3+*, h4+*, hr+*) { margin-block-start: 0 }
.rte :is(img, video) { margin-block: var(--sp-12) }
.rte figure { margin-block: var(--sp-8) }
.rte figure>* { margin-block: 0 }
.rte figcaption { color: rgb(var(--color-foreground), 0.7); font-size: var(--text-sm); font-style: italic; line-height: 1.375; margin-block-start: var(--sp-4d5) }
.rte figcaption a { color: rgb(var(--color-foreground)) }
.rte ul { list-style-type: disc;  }
.rte ul ::marker { color: rgb(var(--color-foreground)/ 0.25) }
.rte ul::marker { color: rgb(var(--color-foreground), 0.25) }
.rte :is(ul, ol) { margin-block: var(--sp-5); padding-inline-start: var(--sp-7) }
.rte :is(.rte>ul>li>:first-child, .rte>ol>li>:first-child) { margin-block-start: var(--sp-5d5) }
.rte :is(.rte>ul>li>:last-child, .rte>ol>li>:last-child) { margin-block-end: var(--sp-5d5) } 
.rte :is(ul ul, ul ol, ol ul, ol ol) { margin-block: var(--sp-5) }
.image-banner  :is(b,strong) { font-weight: var(--font-medium); }
.image-with-grid .rte ul ::marker{
    color: rgb(var(--color-background-2) / 0.25); 
}


.rte blockquote::before {
    content: '';
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 54 54'%3E%3Cpath d='M41.625 47.25a12.375 12.375 0 1 0 0-24.75c-.357 0-.706.024-1.055.054a35.775 35.775 0 0 1 5.384-15.208A1.126 1.126 0 0 0 45 5.625h-2.25a1.125 1.125 0 0 0-.816.35c-5.785 6.086-12.684 16.04-12.684 28.9A12.39 12.39 0 0 0 41.625 47.25Zm-29.25 0a12.375 12.375 0 1 0 0-24.75c-.357 0-.707.024-1.055.054a35.775 35.775 0 0 1 5.384-15.208 1.126 1.126 0 0 0-.954-1.721H13.5a1.125 1.125 0 0 0-.816.35C6.9 12.06 0 22.015 0 34.875A12.39 12.39 0 0 0 12.375 47.25Z' fill='currentColor'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 54 54'%3E%3Cpath d='M41.625 47.25a12.375 12.375 0 1 0 0-24.75c-.357 0-.706.024-1.055.054a35.775 35.775 0 0 1 5.384-15.208A1.126 1.126 0 0 0 45 5.625h-2.25a1.125 1.125 0 0 0-.816.35c-5.785 6.086-12.684 16.04-12.684 28.9A12.39 12.39 0 0 0 41.625 47.25Zm-29.25 0a12.375 12.375 0 1 0 0-24.75c-.357 0-.707.024-1.055.054a35.775 35.775 0 0 1 5.384-15.208 1.126 1.126 0 0 0-.954-1.721H13.5a1.125 1.125 0 0 0-.816.35C6.9 12.06 0 22.015 0 34.875A12.39 12.39 0 0 0 12.375 47.25Z' fill='currentColor'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--quote-icon-width) var(--quote-icon-height);
    mask-size: var(--quote-icon-width) var(--quote-icon-height);
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 50%;
    transform: translateX(calc(-50% * var(--transform-logical)));
    width: var(--quote-icon-width);
    height: var(--quote-icon-height);
    background-color: currentColor;
}

.rte blockquote>* { margin-block: 0; }
.rte blockquote cite { display: block; text-transform: none; font-size: var(--text-base); font-weight: var(--font-medium); letter-spacing: 0; line-height: 1.6; margin-block-start: var(--sp-8d5) }


inter_bold
inter_bold_italic
inter_medium
inter_regular
inter_regular_italic


@font-face {
    font-family: Inter;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("//navee.com.au/cdn/shop/t/3/assets/inter_regular.woff2?v=86560110980689511001776924956") format("woff2"), url("//navee.com.au/cdn/shop/t/3/assets/inter_regular.woff?v=169489102135510047051776924956") format("woff");
}

@font-face {
    font-family: Inter;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    src: url("//navee.com.au/cdn/shop/t/3/assets/inter_medium.woff2?v=96609129897802222461776924956") format("woff2"), url("//navee.com.au/cdn/shop/t/3/assets/inter_medium.woff?v=99672576506404194411776924956") format("woff");
}

@font-face {
    font-family: Inter;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("//navee.com.au/cdn/shop/t/3/assets/inter_bold.woff2?v=166179665259747124441776924957") format("woff2"), url("//navee.com.au/cdn/shop/t/3/assets/inter_bold.woff?v=84160012413639486121776924957") format("woff");
}

@font-face {
    font-family: Inter;
    font-weight: 400;
    font-style: italic;
    font-display: swap;
    src: url("//navee.com.au/cdn/shop/t/3/assets/inter_regular_italic.woff2?v=146094087993054974941776924957") format("woff2"), url("//navee.com.au/cdn/shop/t/3/assets/inter_regular_italic.woff?v=145175879304439201021776924957") format("woff");
}

@font-face {
    font-family: Inter;
    font-weight: 700;
    font-style: italic;
    font-display: swap;
    src: url("//navee.com.au/cdn/shop/t/3/assets/inter_bold_italic.woff2?v=134035453052031163571776924957") format("woff2"), url("//navee.com.au/cdn/shop/t/3/assets/inter_bold_italic.woff?v=92585484364732728301776924957") format("woff");
}



.rte :is(iframe[src*="youtube"], iframe[src*="youtu.be"], iframe[src*="vimeo"]) { aspect-ratio: 16 / 9; width: 100%; height: auto; }
.page-width { margin: 0 auto; padding-inline: var(--page-padding); width: 100%; max-width: var(--page-width); }
.rte :is(ul>li, ol>li) { padding-inline-start: var(--sp-1d5) }
.rte :is(.h2, h2) { margin-block-end: var(--sp-6); margin-block-start: var(--sp-12) }
.rte :is(.h3, h3) { margin-block-end: var(--sp-3); margin-block-start: var(--sp-8) }
.rte :is(.h4, h4) { margin-block-end: var(--sp-3); margin-block-start: var(--sp-10) }
.rte hr { margin-block: var(--sp-10) }
.summary-wrapper .rte:not(:first-child){margin-block-start: var(--sp-5);}

/* Icon Css */
.icon-lg { width: var(--sp-6); height: var(--sp-6); }
.icon { stroke-width: var(--icon-weight); width: var(--sp-5d5); height: var(--sp-5d5); }
.section { position: relative; color: rgb(var(--color-foreground)); background: var(--gradient-background); background-color: rgb(var(--color-background)); }
.section--rounded { border-start-end-radius: var(--border-radius); border-start-start-radius: var(--border-radius); }
.section:before { content: ""; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgb(var(--color-background)); z-index: -1;  }
.js .section--rounded:before { height: calc(100% + var(--border-radius)); border-start-end-radius: var(--border-radius); border-start-start-radius: var(--border-radius); }
.js  .section--rounded:before { inset-block-start: auto; inset-block-end: 0; border-start-end-radius: 0; border-start-start-radius: 0; }



tbody tr, tfoot tr:first-child {
    border-block-start: 1px solid rgb(var(--color-border-light));
}
.rte table { table-layout: fixed; }
table { overflow: hidden; box-shadow: 0 0 0 1px rgb(var(--color-border-light)); border-radius: var(--rounded-block); }
table th, table td { width: auto; text-align: start; line-height: 1.6; font-size: var(--text-lg); padding: var(--sp-6) var(--sp-7d5); }
table { border-collapse: collapse; border-color: inherit; text-indent: 0; }

.rte a:not(.button,.reversed-link),
.predictive-search__item p {
    background: linear-gradient(currentColor,currentColor) 0 min(100%,1.35em)/100% 1px no-repeat;
    background-position-x: var(--transform-origin-start);
    position: relative;
    text-decoration-line: none;
    transition: background-size var(--animation-primary),color .3s var(--animation-primary);
}


.link.icon-with-text .link-text, .reversed-link, .rte a, a.footer_menu_item, .multicolumn-item a .image-banner h2.title, .full-unstyled-link , .open-help-modal span.button_text, 
.accordion-header .rte a , .mega_menu_tab_btn span, .mega_menu_collection_link a span, .predictive-search__item p, .mega_menu_collink span, .cart-item__name span,
a.product_rec_title span{
    --reversed-link-gap: min(100%, 1.35em);
    background: linear-gradient(to var(--transform-origin-end),currentColor,currentColor) 0 var(--reversed-link-gap)/0 1px no-repeat;
    background-position-x: var(--transform-origin-end);
    transition: background-size var(--animation-primary);
}

@media screen and (pointer: fine) {
    .link.icon-with-text:not([aria-disabled]):hover .link-text,
    .reversed-link:not([aria-disabled]):hover, 
    .rte a:hover,
    a.footer_menu_item:hover,
    .multicolumn-item a:hover .image-banner h2.title,
    .full-unstyled-link:hover,
    .predictive-search__item:hover p, 
    .accordion-header .rte a, .mega_menu_tab_btn:hover span, .mega_menu_collection_link a:hover span, .mega_menu_collink:hover span, .cart-item__name:hover span, a.product_rec_title:hover span
    {
        background-position-x: var(--transform-origin-start);
        background-size: 100% 1px
    }
    :is(.link,.rte a:not(.button,.reversed-link)):hover, .reversed-link.icon-with-text:hover .link-text, .footer-block_contact_details ul a:hover, .open-help-modal:hover span.button_text {
        background-position-x: var(--transform-origin-end);
        background-size: 0 1px;
    }
}



@media screen and (max-width: 1023px) {
.h2, .rte h2:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) { line-height: 1.1 }
.h3, .rte h3:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) { line-height: 1.3 }
}

@media screen and (min-width: 768px) {
.h1, .rte h1:not(.h0, .h1, .h2, .h3, .h4, .h5, .h6) { line-height: 1 }
}


@media screen and (min-width: 1024px) {
.rte figure { margin-block: var(--sp-12) }
.rte :is(.h0, .h1, h1) { margin-block-end: var(--sp-10) }
.rte :is(ul>li, ol>li) { padding-inline-start: var(--sp-2) }
.rte li { margin-block-start: var(--sp-2d5) }
.rte :is(ul, ol) { margin-block: var(--sp-6); padding-inline-start: var(--sp-8) }
.rte blockquote { margin-block: var(--sp-12); }
.rte p { margin-block: var(--sp-5) }
.rte p { margin-block: var(--sp-4d5) }
.rte :is(ul ul, ul ol, ol ul, ol ol) { margin-block: var(--sp-4) }
.rte :is(.h4, h4) { margin-block-end: var(--sp-2d5); margin-block-start: var(--sp-10) }
.rte :is(.h3, h3) { margin-block-end: var(--sp-4); margin-block-start: var(--sp-10) }
.page-width--narrow {--page-padding: var(--sp-12);max-width: 70rem; margin-inline: auto; padding-inline: var(--page-padding); }
:root {
    --title-lg: clamp(var(--sp-12), 4.73vw, var(--sp-23));
    --title-xl: clamp(var(--sp-20), 6.737vw, var(--sp-32));
    --text-h1: var(--sp-14);
    --text-h2: var(--sp-9);
    --text-h3: var(--sp-7d5);
    --text-h4: var(--sp-6);
    --text-h5: var(--sp-5);
}

}

@media screen and (min-width: 1280px) {
:root {
    --gap-padding: var(--sp-12);
    --page-padding: var(--sp-12);
    --page-container: min(calc(100vw - var(--scrollbar-width, 0px) - var(--page-padding) * 2), max(var(--page-width), 1280px));
}
.rte p { margin-block: var(--sp-4d5) }
.rte blockquote cite { font-size: var(--text-lg); line-height: 1.6 }
.rte :is(.h0, .h1, h1) { margin-block-end: var(--sp-12) }
.rte :is(.h2, h2) { margin-block-end: var(--sp-8d5); margin-block-start: var(--sp-14) }
.rte :is(.h4, h4) { margin-block-end: var(--sp-3d5); margin-block-start: var(--sp-10d5) }
.rte :is(.h3, h3) { margin-block-end: var(--sp-5); margin-block-start: var(--sp-12) }
}
.rte blockquote { display: block; margin-block: var(--sp-8); padding-block-start: var(--sp-20); text-align: center }
.rte li { margin-block-start: var(--sp-2) }

@media screen and (min-width: 1536px) {
.rte li { margin-block-start: var(--sp-3) }
.page-width--full { --page-padding: var(--sp-12); --page-container: calc(100vw - var(--scrollbar-width) - var(--page-padding) * 2); }
.page-width--full { --page-padding: var(--sp-12); --page-container: calc(100vw - var(--scrollbar-width) - var(--page-padding) * 2); }
.rte hr { margin-block: var(--sp-14) }

}