.c-toggle input,
.form-group--choice-custom input,
.sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

[hidden],
template {
    display: none;
}

.icon,
address {
    font-style: normal;
}

.icon {
    font-family: icons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fi-arrow:before {
    content: "\f101";
}

.fi-bars:before {
    content: "\f102";
}

.fi-cart:before {
    content: "\f103";
}

.fi-check:before {
    content: "\f104";
}

.fi-chevron-down:before {
    content: "\f105";
}

.fi-chevron-left:before {
    content: "\f106";
}

.fi-chevron-right:before {
    content: "\f107";
}

.fi-chevron-up:before {
    content: "\f108";
}

.fi-cow:before {
    content: "\f109";
}

.fi-download:before {
    content: "\f10a";
}

.fi-envelope:before {
    content: "\f10b";
}

.fi-eye:before {
    content: "\f10c";
}

.fi-facebook:before {
    content: "\f10d";
}

.fi-instagram:before {
    content: "\f10e";
}

.fi-minus:before,
.p-navigation__list a.menu-is-open .icon.fi-plus:before {
    content: "\f10f";
}

.fi-pen:before {
    content: "\f110";
}

.fi-pinterest:before {
    content: "\f111";
}

.fi-plus:before {
    content: "\f112";
}

.fi-printer:before {
    content: "\f113";
}

.fi-save:before {
    content: "\f114";
}

.fi-search:before {
    content: "\f115";
}

.fi-trash:before {
    content: "\f116";
}

.fi-twitter:before {
    content: "\f117";
}

.fi-user:before {
    content: "\f118";
}

.fi-vimeo:before {
    content: "\f119";
}

.fi-x:before {
    content: "\f11a";
}

.fi-youtube:before {
    content: "\f11b";
}

:root {
    --spacing-quarter: calc(var(--spacing) / 4);
    --spacing-half: calc(var(--spacing) / 2);
    --spacing: 0.938rem;
    --spacing-double: calc(var(--spacing) * 2);
    --spacing-quad: calc(var(--spacing) * 4);
}

.container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing);
    padding-right: var(--spacing);
}

.container--fluid {
    max-width: none;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--spacing-half) / -1);
    margin-right: calc(var(--spacing-half) / -1);
}

.row--align-start {
    align-items: flex-start;
}

.row--align-center {
    align-items: center;
}

.row--align-end {
    align-items: flex-end;
}

.row--justify-around {
    justify-content: space-around;
}

.row--justify-center {
    justify-content: center;
}

.row--justify-between {
    justify-content: space-between;
}

.row--justify-end {
    justify-content: flex-end;
}

.no-gutters {
    margin-left: 0;
    margin-right: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.col,
[class*="col-"] {
    position: relative;
    width: 100%;
    margin-bottom: var(--spacing);
    padding-left: var(--spacing-half);
    padding-right: var(--spacing-half);
}

.col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.offset-1 {
    margin-left: 8.3333333333%;
}

.offset-2 {
    margin-left: 16.6666666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.3333333333%;
}

.offset-5 {
    margin-left: 41.6666666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.3333333333%;
}

.offset-8 {
    margin-left: 66.6666666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.3333333333%;
}

.offset-11 {
    margin-left: 91.6666666667%;
}

body .buorg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    animation: none;
}

body .buorg-pad {
    max-width: 90%;
    padding: 0.9375rem !important;
    line-height: 1.5;
    box-shadow: 0 0 1.25rem 0 rgba(21, 24, 36, 0.4);
    background-color: hsl(225, 68%, 30%);
  }

body .buorg-fadeout {
    transition: visibility 0s 6s, opacity 0.5s ease-out 5.5s;
}

body #buorgul {
    margin-top: 0.625rem;
    background-color: #27ae60;
}

body #buorgig {
    margin-top: 0.625rem;
    border-color: hsl(225, 68%, 20%);
    background-color: hsl(225, 68%, 30%);
  }

@font-face {
    font-family: icons;
    src: url(../font/icons/icons.woff2) format("woff2"), url(../font/icons/icons.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@keyframes loading-page-running {
    to {
        transform: translateX(90%);
    }
}

@font-face {
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 400;
    src: local("Titillium Web Regular"), local("TitilliumWeb-Regular"), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
    font-display: swap;
}

@font-face {
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 600;
    src: local("Titillium Web SemiBold"), local("TitilliumWeb-SemiBold"), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzYw.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
    font-display: swap;
}

@font-face {
    font-family: Titillium Web;
    font-style: normal;
    font-weight: 700;
    src: local("Titillium Web Bold"), local("TitilliumWeb-Bold"), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzYw.woff2) format("woff2");
    unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd;
    font-display: swap;
}

:root {
    --z-topbar: 20;
    --z-header: 10;
    --z-navigation: calc(var(--z-header) - 1);
    --z-product-infos-sticky: 100;
    --z-modal: 1000;
    --z-comparator: 5;
    --z-max: 9999;
}

html {
    font-family: Titillium Web, Arial, sans-serif;
    font-size: 100%;
    box-sizing: border-box;
}

*,
:after,
:before {
    box-sizing: inherit;
}

body {
    font-size: 1rem;
    line-height: 1.5em;
    color: var(--color-black);
}

body:before {
    content: "";
    position: fixed;
    z-index: 10000;
    top: 0;
    left: -100%;
    width: 100%;
    height: 0.3125rem;
    background-color: var(--color-secondary);
    animation: loading-page-running 5s ease-out both;
    transition: opacity 0.3s;
}

.loading-page-done body:before {
    animation-duration: 0s;
    opacity: 0;
}

::selection {
    color: #fff;
    background-color: hsl(225, 68%, 20%);
  }

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
}

a:hover,
p a {
    text-decoration: underline;
}

a.focus-visible,
a:active,
a:hover {
    color: var(--color-primary-dark);
}

a.secondary {
    color: var(--color-secondary);
}

a.secondary.focus-visible,
a.secondary:active,
a.secondary:hover {
    color: var(--color-secondary-dark);
}

a.white {
    color: #fff;
}

a.white.focus-visible,
a.white:active,
a.white:hover {
    background-color: #fff;
    color: var(--color-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-black);
}

.h1-like,
h1 {
    display: block;
    margin: var(--spacing) 0;
    line-height: 1.25em;
    font-family: Titillium Web, Arial, sans-serif;
    font-weight: 700;
    word-break: break-word;
    font-size: 1.75rem;
}

.h1-like:first-child,
h1:first-child {
    margin-top: 0;
}

.h1-like:last-child,
.h1-like:only-child,
h1:last-child,
h1:only-child {
    margin-bottom: 0;
}

.h2-like,
h2 {
    display: block;
    margin: var(--spacing) 0;
    line-height: 1.25em;
    font-family: Titillium Web, Arial, sans-serif;
    font-weight: 700;
    word-break: break-word;
    font-size: 1.3125rem;
}

.h2-like:first-child,
h2:first-child {
    margin-top: 0;
}

.h2-like:last-child,
.h2-like:only-child,
h2:last-child,
h2:only-child {
    margin-bottom: 0;
}

.h3-like,
h3 {
    display: block;
    margin: var(--spacing) 0;
    line-height: 1.25em;
    font-family: Titillium Web, Arial, sans-serif;
    font-weight: 700;
    word-break: break-word;
    font-size: 1.125rem;
}

.h3-like:first-child,
h3:first-child {
    margin-top: 0;
}

.h3-like:last-child,
.h3-like:only-child,
h3:last-child,
h3:only-child {
    margin-bottom: 0;
}

.h4-like,
h4 {
    display: block;
    margin: var(--spacing) 0;
    line-height: 1.25em;
    font-family: Titillium Web, Arial, sans-serif;
    font-weight: 700;
    word-break: break-word;
    font-size: 1rem;
}

.h4-like:first-child,
h4:first-child {
    margin-top: 0;
}

.h4-like:last-child,
.h4-like:only-child,
h4:last-child,
h4:only-child {
    margin-bottom: 0;
}

.h5-like,
h5 {
    display: block;
    margin: var(--spacing) 0;
    line-height: 1.25em;
    font-family: Titillium Web, Arial, sans-serif;
    font-weight: 700;
    word-break: break-word;
    font-size: 1rem;
}

.h5-like:first-child,
h5:first-child {
    margin-top: 0;
}

.h5-like:last-child,
.h5-like:only-child,
h5:last-child,
h5:only-child {
    margin-bottom: 0;
}

.h6-like,
h6 {
    display: block;
    margin: var(--spacing) 0;
    line-height: 1.25em;
    font-family: Titillium Web, Arial, sans-serif;
    font-weight: 700;
    word-break: break-word;
    font-size: 1rem;
}

.h6-like:first-child,
h6:first-child {
    margin-top: 0;
}

.h6-like:last-child,
.h6-like:only-child,
h6:last-child,
h6:only-child {
    margin-bottom: 0;
}

.bullet:before {
    content: "";
    display: inline-block;
    vertical-align: baseline;
    width: 0.5715em;
    height: 0.5715em;
    margin-right: 0.38em;
    background-color: var(--color-secondary);
}

p {
    margin: 0 0 0.75em;
    line-height: 1.5em;
    font-size: 0.8125rem;
}

p:last-child {
    margin-bottom: 0;
}

blockquote {
    position: relative;
    margin: 0;
    padding: 1.5em;
    quotes: "\0022""\0022";
    font-style: italic;
    background: var(--color-primary-lightest);
}

blockquote:last-child {
    margin-bottom: 0;
}

blockquote:before {
    content: open-quote;
    left: 0.3125rem;
    top: 0.625rem;
}

blockquote:after,
blockquote:before {
    color: var(--color-primary);
    font-size: 2.1875rem;
    position: absolute;
    display: inline-block;
}

blockquote:after {
    content: close-quote;
    right: 0.9375rem;
    bottom: 0;
}

ol {
    counter-reset: ol;
}

ol li:before {
    counter-increment: ol;
    content: counter(ol) ".";
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

ol,
ul {
    list-style: none;
    padding-left: 0;
    margin: 0 0 0.75em;
    list-style-position: inside;
    font-size: 0.8125rem;
}

ol:last-child,
ul:last-child {
    margin-bottom: 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
    padding-left: calc(var(--spacing) / 2);
    margin-bottom: 0;
}

ol li:before,
ul li:before {
    line-height: 1;
    padding-right: 1em;
    color: var(--color-primary);
}

[class*="u-bg-primary"]>ol li:before,
[class*="u-bg-primary"]>ul li:before {
    color: #fff;
}

ul li:before {
    content: "\25CF";
    font-size: 0.85em;
}

ul li li:before {
    content: "\25CB";
}

ul li li li:before {
    content: "\25A0";
}

.list-unstyled li:before {
    display: none;
}

dl {
    margin: 0 0 0.75em;
}

dl:last-child {
    margin-bottom: 0;
}

hr {
    margin: 0.75em 0;
    border: 0;
    border-bottom: 0.0625rem dashed var(--color-primary-light);
}

.table {
    width: 100%;
    border: 0;
    border-spacing: 0 0.75rem;
    font-size: 0.75rem;
}

.table caption {
    font-size: 1.5em;
}

.table thead tr {
    color: #fff;
    background-color: var(--color-primary);
}

.table tbody tr {
    background-color: #fff;
}

.table tbody tr:hover {
    background-color: var(--color-primary-lightest);
}

.table tbody td {
    border-top: 0.0625rem solid var(--color-primary-light);
    border-bottom: 0.0625rem solid var(--color-primary-light);
}

.table tbody td:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
    border-left: 0.0625rem solid var(--color-primary-light);
}

.table tbody td:last-child {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    border-right: 0.0625rem solid var(--color-primary-light);
}

.table tfoot tr {
    color: #fff;
    background-color: var(--color-primary);
}

.table-wrapper {
    overflow-x: auto;
}

.table-wrapper::-webkit-scrollbar {
    width: 0.625rem;
    height: 0.625rem;
}

.table-wrapper::-webkit-scrollbar-thumb {
    background: hsl(225, 68%, 20%);
    transition: background-color 0.2s;
  }
  .table-wrapper::-webkit-scrollbar-thumb:hover {
    background: #0e1f4d;
  }
  .table-wrapper::-webkit-scrollbar-thumb:active {
    background: #0d1b45;
  }
  .table-wrapper::-webkit-scrollbar-track {
    background: #c3c8d5;
  }

.table tr {
    border: 0.0625rem solid var(--color-primary-light);
    text-align: left;
    transition: background-color 0.2s;
}

.table td,
.table th {
    padding: 0.55em 1em;
    min-width: 150px;
}

.table td:first-child,
.table th:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}

.table td:last-child,
.table th:last-child {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.table td>*,
.table th>* {
    display: inline-block;
    max-width: 100%;
}

.table td> :nth-last-child(n + 2),
.table td> :nth-last-child(n + 2)~*,
.table th> :nth-last-child(n + 2),
.table th> :nth-last-child(n + 2)~* {
    margin: 0.25em 0.5em 0.25em 0;
}

.table td> :last-child,
.table th> :last-child {
    margin-right: 0;
}

form {
    width: 100%;
}

.form-group .message {
    display: none;
}

.form-group .help,
.form-group .message {
    width: 100%;
    margin-top: 0.5em;
    padding-left: var(--spacing-half);
    line-height: 1.25em;
    font-size: 0.75rem;
}

.form-group .help {
    display: block;
    color: var(--color-primary-dark);
}

.form-group.error .message,
.form-group.valid .message {
    display: block;
}

.form-group.error .message {
    color: var(--color-error);
}

.form-group.valid .message {
    color: var(--color-success);
}

.form-group--choice.error label {
    color: var(--color-error);
}

.form-group--choice.valid label {
    color: var(--color-success);
}

fieldset {
    margin: 0;
    padding: calc(var(--spacing) / 1.125) var(--spacing) calc(var(--spacing) / 2) var(--spacing);
    border: 2px solid #f5f6fa;
}

fieldset legend {
    padding: 0 calc(var(--spacing) / 1.75);
    font-weight: 700;
}

fieldset .row {
    padding: 0;
}

.label,
label[for] {
    display: block;
    margin-bottom: 0.25em;
    line-height: 1.5;
}

label[for] {
    display: inline-flex;
    align-items: center;
    margin-left: var(--spacing-half);
    font-size: 0.8125rem;
    color: var(--color-primary-dark);
    cursor: pointer;
}

.form-group--choice label[for] {
    margin-top: 0.25em;
    margin-left: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--color-primary);
}

.form-group--choice label[for] input {
    margin-right: 0.75em;
}

.form-group--choice label[for]:not(:last-child) {
    margin-right: 1.5em;
}

[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
    width: 100%;
    max-width: 100%;
    height: 2.5rem;
    margin: 0;
    padding: 0.469rem 0.938rem;
    border: 0.0625rem solid var(--color-primary-light);
    border-radius: 10em;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    transition-property: border-color, color, box-shadow;
    transition-duration: 0.2s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    color: var(--color-primary-dark);
    background-color: #fff;
}

[type="color"]:hover,
[type="date"]:hover,
[type="datetime-local"]:hover,
[type="email"]:hover,
[type="month"]:hover,
[type="number"]:hover,
[type="password"]:hover,
[type="search"]:hover,
[type="tel"]:hover,
[type="text"]:hover,
[type="time"]:hover,
[type="url"]:hover,
[type="week"]:hover,
select:hover,
textarea:hover {
    border-color: var(--color-primary);
}

[type="color"].focus-visible,
[type="date"].focus-visible,
[type="datetime-local"].focus-visible,
[type="email"].focus-visible,
[type="month"].focus-visible,
[type="number"].focus-visible,
[type="password"].focus-visible,
[type="search"].focus-visible,
[type="tel"].focus-visible,
[type="text"].focus-visible,
[type="time"].focus-visible,
[type="url"].focus-visible,
[type="week"].focus-visible,
select.focus-visible,
textarea.focus-visible {
    border-color: var(--color-primary-dark);
    box-shadow: 0 0 0 0.2rem var(--color-primary-light);
}

[type="color"]:-ms-input-placeholder,
[type="date"]:-ms-input-placeholder,
[type="datetime-local"]:-ms-input-placeholder,
[type="email"]:-ms-input-placeholder,
[type="month"]:-ms-input-placeholder,
[type="number"]:-ms-input-placeholder,
[type="password"]:-ms-input-placeholder,
[type="search"]:-ms-input-placeholder,
[type="tel"]:-ms-input-placeholder,
[type="text"]:-ms-input-placeholder,
[type="time"]:-ms-input-placeholder,
[type="url"]:-ms-input-placeholder,
[type="week"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-weight: 400;
    color: #dbdbdb;
}

[type="color"]::-ms-input-placeholder,
[type="date"]::-ms-input-placeholder,
[type="datetime-local"]::-ms-input-placeholder,
[type="email"]::-ms-input-placeholder,
[type="month"]::-ms-input-placeholder,
[type="number"]::-ms-input-placeholder,
[type="password"]::-ms-input-placeholder,
[type="search"]::-ms-input-placeholder,
[type="tel"]::-ms-input-placeholder,
[type="text"]::-ms-input-placeholder,
[type="time"]::-ms-input-placeholder,
[type="url"]::-ms-input-placeholder,
[type="week"]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    font-weight: 400;
    color: #dbdbdb;
}

[type="color"]::placeholder,
[type="date"]::placeholder,
[type="datetime-local"]::placeholder,
[type="email"]::placeholder,
[type="month"]::placeholder,
[type="number"]::placeholder,
[type="password"]::placeholder,
[type="search"]::placeholder,
[type="tel"]::placeholder,
[type="text"]::placeholder,
[type="time"]::placeholder,
[type="url"]::placeholder,
[type="week"]::placeholder,
select::placeholder,
textarea::placeholder {
    font-weight: 400;
    color: #dbdbdb;
}

[type="color"].secondary,
[type="date"].secondary,
[type="datetime-local"].secondary,
[type="email"].secondary,
[type="month"].secondary,
[type="number"].secondary,
[type="password"].secondary,
[type="search"].secondary,
[type="tel"].secondary,
[type="text"].secondary,
[type="time"].secondary,
[type="url"].secondary,
[type="week"].secondary,
select.secondary,
textarea.secondary {
    border-color: var(--color-secondary-light);
}

[type="color"].secondary:hover,
[type="date"].secondary:hover,
[type="datetime-local"].secondary:hover,
[type="email"].secondary:hover,
[type="month"].secondary:hover,
[type="number"].secondary:hover,
[type="password"].secondary:hover,
[type="search"].secondary:hover,
[type="tel"].secondary:hover,
[type="text"].secondary:hover,
[type="time"].secondary:hover,
[type="url"].secondary:hover,
[type="week"].secondary:hover,
select.secondary:hover,
textarea.secondary:hover {
    border-color: var(--color-secondary-dark);
}

[type="color"].secondary.focus-visible,
[type="date"].secondary.focus-visible,
[type="datetime-local"].secondary.focus-visible,
[type="email"].secondary.focus-visible,
[type="month"].secondary.focus-visible,
[type="number"].secondary.focus-visible,
[type="password"].secondary.focus-visible,
[type="search"].secondary.focus-visible,
[type="tel"].secondary.focus-visible,
[type="text"].secondary.focus-visible,
[type="time"].secondary.focus-visible,
[type="url"].secondary.focus-visible,
[type="week"].secondary.focus-visible,
select.secondary.focus-visible,
textarea.secondary.focus-visible {
    border-color: var(--color-secondary-dark);
    box-shadow: 0 0 0 0.2rem var(--color-secondary-lightest);
}

[disabled] [type="color"],
[disabled] [type="date"],
[disabled] [type="datetime-local"],
[disabled] [type="email"],
[disabled] [type="month"],
[disabled] [type="number"],
[disabled] [type="password"],
[disabled] [type="search"],
[disabled] [type="tel"],
[disabled] [type="text"],
[disabled] [type="time"],
[disabled] [type="url"],
[disabled] [type="week"],
[disabled] select,
[disabled] textarea,
[type="color"][disabled],
[type="color"][readonly],
[type="date"][disabled],
[type="date"][readonly],
[type="datetime-local"][disabled],
[type="datetime-local"][readonly],
[type="email"][disabled],
[type="email"][readonly],
[type="month"][disabled],
[type="month"][readonly],
[type="number"][disabled],
[type="number"][readonly],
[type="password"][disabled],
[type="password"][readonly],
[type="search"][disabled],
[type="search"][readonly],
[type="tel"][disabled],
[type="tel"][readonly],
[type="text"][disabled],
[type="text"][readonly],
[type="time"][disabled],
[type="time"][readonly],
[type="url"][disabled],
[type="url"][readonly],
[type="week"][disabled],
[type="week"][readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
    color: var(--color-darkgrey);
    background-color: var(--color-lightgrey);
}

[disabled] [type="color"],
[disabled] [type="date"],
[disabled] [type="datetime-local"],
[disabled] [type="email"],
[disabled] [type="month"],
[disabled] [type="number"],
[disabled] [type="password"],
[disabled] [type="search"],
[disabled] [type="tel"],
[disabled] [type="text"],
[disabled] [type="time"],
[disabled] [type="url"],
[disabled] [type="week"],
[disabled] select,
[disabled] textarea,
[type="color"][disabled],
[type="date"][disabled],
[type="datetime-local"][disabled],
[type="email"][disabled],
[type="month"][disabled],
[type="number"][disabled],
[type="password"][disabled],
[type="search"][disabled],
[type="tel"][disabled],
[type="text"][disabled],
[type="time"][disabled],
[type="url"][disabled],
[type="week"][disabled],
select[disabled],
textarea[disabled] {
    cursor: not-allowed;
    opacity: 0.85;
}

.error [type="color"],
.error [type="date"],
.error [type="datetime-local"],
.error [type="email"],
.error [type="month"],
.error [type="number"],
.error [type="password"],
.error [type="search"],
.error [type="tel"],
.error [type="text"],
.error [type="time"],
.error [type="url"],
.error [type="week"],
.error select,
.error textarea {
    border-color: var(--color-error);
}

.error [type="color"].focus-visible,
.error [type="date"].focus-visible,
.error [type="datetime-local"].focus-visible,
.error [type="email"].focus-visible,
.error [type="month"].focus-visible,
.error [type="number"].focus-visible,
.error [type="password"].focus-visible,
.error [type="search"].focus-visible,
.error [type="tel"].focus-visible,
.error [type="text"].focus-visible,
.error [type="time"].focus-visible,
.error [type="url"].focus-visible,
.error [type="week"].focus-visible,
.error select.focus-visible,
.error textarea.focus-visible {
    box-shadow: 0 0 0 0.2rem var(--color-error-light);
}

.valid [type="color"],
.valid [type="date"],
.valid [type="datetime-local"],
.valid [type="email"],
.valid [type="month"],
.valid [type="number"],
.valid [type="password"],
.valid [type="search"],
.valid [type="tel"],
.valid [type="text"],
.valid [type="time"],
.valid [type="url"],
.valid [type="week"],
.valid select,
.valid textarea {
    border-color: var(--color-success);
}

.valid [type="color"].focus-visible,
.valid [type="date"].focus-visible,
.valid [type="datetime-local"].focus-visible,
.valid [type="email"].focus-visible,
.valid [type="month"].focus-visible,
.valid [type="number"].focus-visible,
.valid [type="password"].focus-visible,
.valid [type="search"].focus-visible,
.valid [type="tel"].focus-visible,
.valid [type="text"].focus-visible,
.valid [type="time"].focus-visible,
.valid [type="url"].focus-visible,
.valid [type="week"].focus-visible,
.valid select.focus-visible,
.valid textarea.focus-visible {
    box-shadow: 0 0 0 0.2rem var(--color-success-light);
}

textarea {
    display: block;
    height: auto;
    min-height: 7.5rem;
    padding: 0.938rem;
    line-height: 1.5;
    border-radius: 1rem;
    resize: vertical;
}

select {
    padding-right: var(--spacing);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-position: right calc(var(--spacing) / 4) center;
    background-size: 0.625rem 0.3125rem;
    background-repeat: no-repeat;
}

[type="checkbox"],
[type="radio"] {
    outline: none;
}

[type="checkbox"].focus-visible,
[type="radio"].focus-visible {
    box-shadow: 0 0 0 0.2rem var(--color-primary-light);
}

.error [type="checkbox"].focus-visible,
.error [type="radio"].focus-visible {
    box-shadow: 0 0 0 0.2rem var(--color-error-light);
}

.valid [type="checkbox"].focus-visible,
.valid [type="radio"].focus-visible {
    box-shadow: 0 0 0 0.2rem var(--color-success-light);
}

[disabled] [type="checkbox"],
[disabled] [type="radio"],
[type="checkbox"][disabled],
[type="radio"][disabled] {
    opacity: 0.75;
    cursor: not-allowed;
}

.form-group--choice-custom input+span {
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    margin-right: 0.75em;
    border: 0.0625rem solid var(--color-primary-dark);
    border-radius: 0.25rem;
    background-color: #fff;
    transition: border-color, box-shadow, background-color;
    transition-duration: 0.2s;
}

.form-group--choice-custom input[disabled]+span,
[disabled] .form-group--choice-custom input+span {
    opacity: 0.25;
    cursor: not-allowed;
}

.form-group--choice-custom input.focus-visible+span {
    border-color: var(--color-primary-dark);
    box-shadow: 0 0 0 0.2rem var(--color-primary-light);
}

.form-group--choice-custom input:checked+span {
    border-color: var(--color-primary-dark);
    box-shadow: inset 0 0 0 0.2rem #fff, inset 0 0 0 1.2rem var(--color-primary-dark);
}

.form-group--choice-custom input:checked.focus-visible+span {
    border-color: var(--color-primary-dark);
    box-shadow: 0 0 0 0.2rem var(--color-primary-light), inset 0 0 0 0.2rem #fff, inset 0 0 0 1.2rem var(--color-primary-dark);
}

.form-group--choice-custom [type="radio"]+span {
    border-radius: 50%;
}

.form-group--choice-custom label:hover span {
    border-color: var(--color-primary);
}

[type="file"] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.input-group {
    display: flex;
}

.input-group .add {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.75em;
    border-color: var(--color-primary-light);
    border: 0.0625rem solid var(--color-grey);
    font-size: 0.875rem;
    background-color: var(--color-lightgrey);
}

.input-group .add:first-child {
    border-right: 0;
    border-top-left-radius: 10em;
    border-bottom-left-radius: 10em;
}

.input-group .add:last-child {
    border-left: 0;
    border-top-right-radius: 10em;
    border-bottom-right-radius: 10em;
}

.input-group input {
    position: relative;
}

.input-group input:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group input:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group input:nth-child(2):not(:last-child) {
    border-radius: 0;
}

.input-group--action input {
    z-index: 1;
    padding-right: 2em;
    margin-right: -1.25em;
}

.input-group--action input.focus-visible {
    box-shadow: none;
}

.input-group--action .c-btn {
    position: relative;
    z-index: 2;
}

.input-group--number {
    display: inline-flex;
    border: 0.0625rem solid var(--color-primary-light);
    border-radius: 0.125rem;
    overflow: hidden;
}

.input-group--number input {
    width: 3.1875rem;
    height: 2rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    border-radius: 0;
    border-top: 0;
    border-bottom: 0;
    border-right-width: 0.0625rem;
    text-align: center;
    background-color: var(--color-primary-lightest);
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.input-group--number input::-webkit-inner-spin-button,
.input-group--number input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

.input-group--number input.focus-visible {
    box-shadow: none;
}

.input-group--number .c-btn {
    width: 2.125rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-weight: 600;
    font-size: 1.25rem;
    background-color: #fff;
    color: var(--color-primary-dark);
}

.input-group--number .c-btn:hover {
    color: #fff;
}

.input-icon {
    position: relative;
    width: 100%;
}

.input-icon .icon {
    position: absolute;
    top: calc(50% - 0.54355rem);
    font-size: 1.1496rem;
    color: var(--color-black);
    pointer-events: none;
}

.input-icon--left input {
    padding-left: 3.0256rem;
}

.input-icon--left .icon {
    left: 0.938rem;
}

.input-icon--right input {
    padding-right: 3.0256rem;
}

.input-icon--right .icon {
    right: 0.938rem;
}

.input-icon--interactive input {
    padding-right: 3.0256rem;
}

.input-icon--interactive .icon {
    top: 0;
    right: 0;
    bottom: 0;
    width: 2.5rem;
    padding: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    pointer-events: auto;
}

#modalSearchForm .input-icon--interactive .ui-autocomplete-loading+.icon[type="submit"],
.input-icon--interactive #modalSearchForm .ui-autocomplete-loading+.icon[type="submit"],
.input-icon--interactive .icon.is-loading {
    position: absolute !important;
    pointer-events: none;
}

#modalSearchForm .input-icon--interactive .ui-autocomplete-loading+.icon[type="submit"]:after,
.input-icon--interactive #modalSearchForm .ui-autocomplete-loading+.icon[type="submit"]:after,
.input-icon--interactive .icon.is-loading:after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5em);
    left: calc(50% - 0.5em);
    opacity: 1;
    width: 1em;
    height: 1em;
    border: 0.125em solid var(--color-black);
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-radius: 50%;
    animation: o-rotate 0.6s linear infinite;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.o-preserve-ratio {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.o-preserve-ratio--four-thirds {
    padding-bottom: 75%;
}

.o-preserve-ratio--square {
    padding-bottom: 100%;
}

.o-preserve-ratio--product {
    padding-bottom: 71.4%;
}

.o-preserve-ratio>iframe,
.o-preserve-ratio>img,
.o-preserve-ratio>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.o-preserve-ratio>img {
    object-fit: cover;
}

@keyframes o-rotate {
    to {
        transform: rotate(1turn);
    }
}

@keyframes o-fade-in {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes o-fade-out {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes o-translate-from-top {
    0% {
        transform: translateY(calc(var(--spacing-double) * -1));
    }
    to {
        transform: translateY(0);
    }
}

@keyframes o-translate-to-bottom {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(var(--spacing-double));
    }
}

.o-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, 0.25);
    animation: o-fade-in 0.3s both;
    -webkit-tap-highlight-color: transparent;
}

.o-overlay--menu {
    cursor: pointer;
    top: calc(var(--top-bar-height) * 1px);
    z-index: calc(var(--z-navigation) - 1);
}

@supports (-ms-ime-align: auto) {
    .o-overlay--menu {
        top: 0;
    }
}

.mobile-menu-is-open .o-overlay--menu {
    display: block;
}

.mobile-menu-is-closing .o-overlay--menu {
    display: block;
    animation-name: o-fade-out;
}

.o-overlay--desktop-menu {
    top: calc(var(--top-bar-height) * 1px);
    cursor: pointer;
    z-index: calc(var(--z-navigation) - 1);
}

.o-check {
    position: relative;
}

.o-check:after {
    content: "";
    position: absolute;
    top: 0.3125rem;
    right: 0.3125rem;
    width: 0.375rem;
    height: 0.5625rem;
    border-bottom: 0.125rem solid var(--color-success-light);
    border-right: 0.125rem solid var(--color-success-light);
    transform: rotate(45deg);
}

.c-btn {
    --font-size: 0.8125rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em 1.25em;
    border: 1px solid;
    border-radius: 10em;
    line-height: 1.5;
    font-size: var(--font-size);
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    transition: color 0.2s, border-color 0.2s, background-color 0.2s, box-shadow 0.2s;
    transition-timing-function: ease;
    -webkit-tap-highlight-color: transparent;
}

.c-btn .icon {
    line-height: inherit;
}

.c-btn .icon:first-child {
    padding-right: 1.25em;
}

.c-btn .icon:last-child {
    padding-left: 1.25em;
}

.c-btn .icon:only-child {
    padding-left: 0;
    padding-right: 0;
}

#modalSearchForm .ui-autocomplete-loading+.c-btn[type="submit"],
.c-btn.is-loading {
    position: relative !important;
    pointer-events: none;
    color: transparent;
}

#modalSearchForm .ui-autocomplete-loading+.c-btn[type="submit"]:after,
.c-btn.is-loading:after {
    content: "";
    position: absolute;
    top: calc(50% - 0.625em);
    left: calc(50% - 0.625em);
    opacity: 1;
    width: 1.25em;
    height: 1.25em;
    border: 0.2em solid #fff;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-radius: 50%;
    animation: o-rotate 0.6s linear infinite;
}

.c-btn--block {
    width: 100%;
}

.c-btn--small {
    font-size: calc(var(--font-size) * 0.8);
}

.c-btn--large {
    font-size: calc(var(--font-size) * 1.4);
}

.c-btn--icon-only {
    padding-left: 0.75075em;
    padding-right: 0.75075em;
}

.c-btn--rect {
    border-radius: 0.25em;
}

.c-btn.disabled:not(.is-loading),
.c-btn[disabled]:not(.is-loading) {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.c-btn--white {
    border-color: var(--color-primary-light);
    background-color: #fff;
    color: var(--color-primary);
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--white[type="submit"]:after,
.c-btn--white.is-loading:after {
    border-color: var(--color-primary);
}

.c-btn--white.focus-visible,
.c-btn--white:hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: #fff;
    text-decoration: none;
}

.c-btn--white.focus-visible,
.c-btn--white:active {
    box-shadow: 0 0 0 0.2rem var(--color-primary-light);
}

.c-btn--primary-dark {
    border-color: var(--color-primary-dark);
    background-color: var(--color-primary-dark);
    color: #fff;
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--primary-dark[type="submit"]:after,
.c-btn--primary-dark.is-loading:after {
    border-color: var(--color-primary);
}

.c-btn--primary-dark.focus-visible,
.c-btn--primary-dark:hover {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: #fff;
    text-decoration: none;
}

.c-btn--primary-dark.focus-visible,
.c-btn--primary-dark:active {
    box-shadow: 0 0 0 0.2rem var(--color-primary-light);
}

.c-btn--link {
    border-color: transparent;
    background-color: transparent;
    color: var(--color-primary);
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--link[type="submit"]:after,
.c-btn--link.is-loading:after {
    border-color: var(--color-primary);
}

.c-btn--link.focus-visible,
.c-btn--link:hover {
    background-color: var(--color-primary-lightest);
    text-decoration: none;
}

.c-btn--link.focus-visible,
.c-btn--link:active {
    box-shadow: 0 0 0 0.2rem var(--color-primary-light);
}

.c-btn--primary {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.c-btn--primary.focus-visible,
.c-btn--primary:hover {
    border-color: var(--color-primary-dark);
    background-color: var(--color-primary-dark);
    text-decoration: none;
}

.c-btn--primary.focus-visible:not(.is-loading),
.c-btn--primary:hover:not(.is-loading) {
    color: #fff;
}

.c-btn--primary.focus-visible,
.c-btn--primary:active {
    box-shadow: 0 0 0 0.2rem var(--color-primary-light);
}

.touch .c-btn--primary:active {
    box-shadow: 0 0 0 0.21rem var(--color-primary-light);
}

.c-btn--outline-primary {
    border-color: var(--color-primary);
    background-color: transparent;
    color: var(--color-primary);
}

.c-btn--outline-primary.focus-visible,
.c-btn--outline-primary:hover {
    background-color: var(--color-primary);
    color: #fff;
}

.c-btn--outline-primary.focus-visible,
.c-btn--outline-primary:active {
    box-shadow: 0 0 0 0.2rem var(--color-primary-light);
}

.touch .c-btn--outline-primary:active {
    box-shadow: 0 0 0 0.21rem var(--color-primary-light);
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--outline-primary[type="submit"],
.c-btn--outline-primary.is-loading {
    background-color: #fff;
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--outline-primary[type="submit"]:after,
.c-btn--outline-primary.is-loading:after {
    border-color: var(--color-primary);
}

.c-btn--secondary {
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
    color: var(--color-primary-dark);
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--secondary[type="submit"]:after,
.c-btn--secondary.is-loading:after {
    border-color: var(--color-primary-dark);
}

.c-btn--secondary.focus-visible,
.c-btn--secondary:hover {
    border-color: var(--color-secondary-dark);
    background-color: var(--color-secondary-dark);
    text-decoration: none;
}

.c-btn--secondary.focus-visible:not(.is-loading),
.c-btn--secondary:hover:not(.is-loading) {
    color: #fff;
}

.c-btn--secondary.focus-visible,
.c-btn--secondary:active {
    box-shadow: 0 0 0 0.2rem var(--color-secondary-light);
}

.touch .c-btn--secondary:active {
    box-shadow: 0 0 0 0.21rem var(--color-secondary-light);
}

.c-btn--outline-secondary {
    border-color: var(--color-secondary);
    background-color: transparent;
    color: var(--color-secondary);
}

.c-btn--outline-secondary.focus-visible,
.c-btn--outline-secondary:hover {
    background-color: var(--color-secondary);
    color: #fff;
}

.c-btn--outline-secondary.focus-visible,
.c-btn--outline-secondary:active {
    box-shadow: 0 0 0 0.2rem var(--color-secondary-light);
}

.touch .c-btn--outline-secondary:active {
    box-shadow: 0 0 0 0.21rem var(--color-secondary-light);
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--outline-secondary[type="submit"],
.c-btn--outline-secondary.is-loading {
    background-color: #fff;
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--outline-secondary[type="submit"]:after,
.c-btn--outline-secondary.is-loading:after {
    border-color: var(--color-secondary);
}

.c-btn--error {
    border-color: var(--color-error);
    background-color: var(--color-error);
}

.c-btn--error.focus-visible,
.c-btn--error:hover {
    border-color: var(--color-error-dark);
    background-color: var(--color-error-dark);
    text-decoration: none;
}

.c-btn--error.focus-visible:not(.is-loading),
.c-btn--error:hover:not(.is-loading) {
    color: #fff;
}

.c-btn--error.focus-visible,
.c-btn--error:active {
    box-shadow: 0 0 0 0.2rem var(--color-error-light);
}

.touch .c-btn--error:active {
    box-shadow: 0 0 0 0.21rem var(--color-error-light);
}

.c-btn--outline-error {
    border-color: var(--color-error);
    background-color: transparent;
    color: var(--color-error);
}

.c-btn--outline-error.focus-visible,
.c-btn--outline-error:hover {
    background-color: var(--color-error);
    color: #fff;
}

.c-btn--outline-error.focus-visible,
.c-btn--outline-error:active {
    box-shadow: 0 0 0 0.2rem var(--color-error-light);
}

.touch .c-btn--outline-error:active {
    box-shadow: 0 0 0 0.21rem var(--color-error-light);
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--outline-error[type="submit"],
.c-btn--outline-error.is-loading {
    background-color: #fff;
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--outline-error[type="submit"]:after,
.c-btn--outline-error.is-loading:after {
    border-color: var(--color-error);
}

.c-btn--success {
    border-color: var(--color-success);
    background-color: var(--color-success);
}

.c-btn--success.focus-visible,
.c-btn--success:hover {
    border-color: var(--color-success-dark);
    background-color: var(--color-success-dark);
    text-decoration: none;
}

.c-btn--success.focus-visible:not(.is-loading),
.c-btn--success:hover:not(.is-loading) {
    color: #fff;
}

.c-btn--success.focus-visible,
.c-btn--success:active {
    box-shadow: 0 0 0 0.2rem var(--color-success-light);
}

.touch .c-btn--success:active {
    box-shadow: 0 0 0 0.21rem var(--color-success-light);
}

.c-btn--outline-success {
    border-color: var(--color-success);
    background-color: transparent;
    color: var(--color-success);
}

.c-btn--outline-success.focus-visible,
.c-btn--outline-success:hover {
    background-color: var(--color-success);
    color: #fff;
}

.c-btn--outline-success.focus-visible,
.c-btn--outline-success:active {
    box-shadow: 0 0 0 0.2rem var(--color-success-light);
}

.touch .c-btn--outline-success:active {
    box-shadow: 0 0 0 0.21rem var(--color-success-light);
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--outline-success[type="submit"],
.c-btn--outline-success.is-loading {
    background-color: #fff;
}

#modalSearchForm .ui-autocomplete-loading+.c-btn--outline-success[type="submit"]:after,
.c-btn--outline-success.is-loading:after {
    border-color: var(--color-success);
}

a.c-btn.disabled {
    pointer-events: none;
}

.modal-is-open {
    overflow: hidden;
}

.not-touch .modal-is-open {
    padding-right: var(--scrollbar-width);
}

.c-modal {
    --spacing: 0.57723rem;
    --spacing-modal-close: calc(var(--spacing) * -1);
    position: fixed;
    z-index: var(--z-modal);
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow-x: hidden;
    overflow-y: auto;
    animation: o-fade-in 0.3s both;
}

.c-modal[aria-hidden="true"] {
    animation-name: o-fade-out;
}

.c-modal__dialog {
    position: relative;
    width: 100%;
    max-width: calc(100% - var(--spacing) * 2);
    margin: var(--spacing);
    animation: o-translate-from-top 0.3s both;
}

[aria-hidden="true"]>.c-modal__dialog {
    animation-name: o-translate-to-bottom;
}

.c-modal__dialog--small {
    max-width: calc(20em - var(--spacing) * 2);
}

.c-modal__dialog--medium {
    max-width: calc(48em - var(--spacing) * 2);
}

.c-modal__dialog--large {
    max-width: calc(80em - var(--spacing) * 2);
}

.c-modal__dialog--zoom-product {
    max-width: calc(58em - var(--spacing) * 2);
}

.c-modal__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    background-color: #fff;
    overflow: hidden;
}

.c-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: var(--spacing);
    padding-bottom: var(--spacing);
    border-bottom: 0.0625rem dashed var(--color-grey);
}

.c-modal__header--untitled {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.c-modal__body {
    flex: 1 1 auto;
    padding: var(--spacing);
}

.c-modal__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: var(--spacing) var(--spacing) 0;
    background-color: var(--color-lightgrey);
}

.c-modal__footer>* {
    margin-left: calc(var(--spacing) / 2);
    margin-bottom: var(--spacing);
}

.c-modal__title {
    display: block;
    margin: var(--spacing) 0;
    line-height: 1.25em;
    font-family: Titillium Web, Arial, sans-serif;
    font-weight: 700;
    word-break: break-word;
    font-size: 1.3125rem;
    margin-bottom: 0;
    color: var(--color-primary);
}

.c-modal__title:first-child {
    margin-top: 0;
}

.c-modal__title:last-child,
.c-modal__title:only-child {
    margin-bottom: 0;
}

.c-modal__close {
    padding: calc(var(--spacing) / 1.5);
    margin: var(--spacing-modal-close) var(--spacing-modal-close) var(--spacing-modal-close) auto;
    border: 0;
    font-size: 0.75em;
    background-color: transparent;
    transition: box-shadow 0.2s, color 0.2s;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.c-modal__close:hover {
    color: var(--color-primary);
}

.c-modal__close:focus {
    box-shadow: inset 0 0 0 0.15rem var(--color-secondary-lightest);
}

.sr-only+.c-modal__close {
    margin: 0 0 0 auto;
    border-radius: 50%;
    background-color: #fff;
}

.c-loader {
    --c: var(--color-primary);
    --w: calc(var(--spacing) * 3);
}

.c-loader--small {
    --w: calc(var(--spacing) * 1.125);
}

.c-loader--large {
    --bg: #fff;
    --w: calc(var(--spacing) * 6);
}

.c-loader--overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-max);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: hsla(0, 0%, 100%, 0.5);
}

.c-loader--white {
    --c: #fff;
    background-color: rgba(0, 0, 0, 0.5);
}

.c-loader svg {
    width: 100%;
    max-width: var(--w);
    animation: o-rotate 2s linear infinite;
}

.filters-column .c-loader svg {
    position: -webkit-sticky;
    position: sticky;
    top: 12.5rem;
    bottom: 50vh;
}

.c-loader circle {
    display: block;
    animation: loader-circle-animation 1.4s ease-in-out infinite both;
    fill: transparent;
    stroke: var(--c);
    stroke-linecap: round;
    stroke-dasharray: 283;
    stroke-dashoffset: 280;
    stroke-width: 10px;
    transform-origin: 50% 50%;
}

@keyframes loader-circle-animation {
    0%,
    25% {
        stroke-dashoffset: 280;
        transform: rotate(0);
    }
    50%,
    75% {
        stroke-dashoffset: 75;
        transform: rotate(45deg);
    }
    to {
        stroke-dashoffset: 280;
        transform: rotate(1turn);
    }
}

.c-toggle label {
    --w-path: 3rem;
    --h-path: 1.625rem;
    --size-circle: 0.875rem;
    --bg: #fff;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 0;
    font-weight: 400;
    font-size: 0.875rem;
    word-break: break-word;
}

.c-toggle label:after {
    content: "";
    flex: 1 0 auto;
    width: var(--w-path);
    height: var(--h-path);
    border: 0.125rem solid var(--color-primary-dark);
    border-radius: var(--w-path);
    background-color: var(--bg);
    transition: box-shadow 0.2s, background-color 0.2s;
}

.c-toggle label:before {
    content: "";
    position: absolute;
    top: calc(50% - var(--size-circle) / 2);
    right: 1.6875rem;
    width: var(--size-circle);
    height: var(--size-circle);
    border-radius: 50%;
    background-color: var(--color-primary-dark);
    transition: background-color 0.2s, transform 0.2s, border-color 0.2s;
}

.c-toggle label:not(:empty):after {
    margin-left: 0.9375rem;
}

.c-toggle label:hover:before {
    background-color: var(--color-primary);
}

.c-toggle input:checked+label {
    --bg: var(--color-primary-light);
}

.c-toggle input:checked+label:before {
    transform: translate(calc(var(--w-path) - var(--size-circle) - 0.875rem));
}

@supports (-ms-ime-align: auto) {
    .c-toggle input:checked+label:before {
        transform: translate(1.25rem);
    }
}

.c-toggle input.focus-visible+label:after {
    box-shadow: 0 0 0 0.2rem var(--color-primary-light);
}

.c-toggle input[disabled]+label {
    opacity: 0.6;
    cursor: not-allowed;
}

.c-link-with-icon {
    display: inline-flex;
    align-items: center;
}

.c-link-with-icon:hover {
    text-decoration: none;
}

.c-link-with-icon:hover span {
    text-decoration: underline;
}

.c-link-with-icon__icon {
    margin-right: 0.4375rem;
}

.c-link-with-icon__text {
    line-height: 1;
    font-size: 0.75rem;
}

.c-product-miniature {
    --spacing-quad: calc(var(--spacing) * 4);
    --spacing-triple: calc(var(--spacing) * 3);
    --spacing-double: calc(var(--spacing) * 2);
    --spacing: 0.625rem;
    --spacing-half: calc(var(--spacing) * 0.5);
    --spacing-quarter: calc(var(--spacing) * 0.25);
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    border-radius: 0.25rem;
    box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.16);
    overflow: hidden;
    box-sizing: border-box;
}

@supports (-ms-ime-align: auto) {
    .c-product-miniature {
        display: block;
    }
}

.c-product-miniature__link-image {
    display: block;
}

.c-product-miniature__image {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.c-product-miniature__content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: calc(var(--spacing) * 1.5) var(--spacing) 0;
}

.c-product-miniature__title {
    margin-bottom: calc(var(--spacing) * 0.75);
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--color-primary-dark);
}

.c-product-miniature__description p:not(:last-child) {
    margin-bottom: var(--spacing-half);
}

.c-product-miniature__icons {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto);
    direction: rtl;
}

.c-product-miniature__see-link {
    width: 5.3125rem;
}

.c-flag {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none;
}

.c-flag span {
    --a: 0.625rem;
    --tl: var(--a);
    padding: 0.3125rem calc(var(--a) * 2);
    -webkit-clip-path: polygon(100% 0, calc(100% - var(--a)) 50%, 100% 100%, var(--tl) 100%, 0 50%, var(--tl) 0);
    clip-path: polygon(100% 0, calc(100% - var(--a)) 50%, 100% 100%, var(--tl) 100%, 0 50%, var(--tl) 0);
    font-weight: 700;
    font-size: 0.875rem;
}

.c-flag span~span {
    margin-left: calc(var(--a) * -1 - 0.0625rem);
}

.c-flag span:first-child {
    --tl: 0%;
    padding-left: var(--a);
}

.c-flag--product {
    position: absolute;
    z-index: 5;
    top: 0.625rem;
    left: 0;
    max-width: 100%;
    overflow: hidden;
}

.c-flag--small span {
    --a: 0.375rem;
    font-size: 0.75rem;
    line-height: normal;
}

.c-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 700;
    font-size: 1.3125rem;
}

.c-price--small {
    font-size: 1rem;
}

.c-price__new,
.c-price__old {
    white-space: nowrap;
}

.c-price__old {
    margin-left: 0.625rem;
    font-size: 0.75em;
    text-decoration: line-through;
    color: var(--color-primary-dark);
}

.c-product-miniature .c-price__old {
    order: -1;
    width: 100%;
    margin: 0;
    line-height: 1;
}

.product-infos-box .c-price__old {
    width: 100%;
    margin: 0;
    text-align: center;
}

.c-product-line {
    --s: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--s);
    height: var(--s);
}

.c-product-line[data-tooltip] {
    position: relative;
}

.c-product-line[data-tooltip]:before {
    content: attr(data-tooltip);
    position: absolute;
    z-index: 1;
    left: calc(100% + 0.3125rem);
    top: 50%;
    width: 100vw;
    max-width: 10.9375rem;
    padding: 0.4375rem;
    border-radius: 0.25rem;
    line-height: 1.25;
    font-size: 0.75rem;
    color: #fff;
    background-color: var(--color-primary-dark);
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
}

.c-product-line.focus-visible:before,
.c-product-line:hover:before {
    opacity: 1;
}

.c-product-line img {
    max-height: 100%;
}

.c-product-line--small {
    --s: 1.3125rem;
}

.c-product-line--disabled img {
    opacity: 0.5;
}

.c-pagination {
    margin: 0 0 var(--spacing);
}

.c-pagination .page-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: var(--spacing-half) 0 0;
}

.c-pagination .page-list li.current a {
    opacity: 1;
    font-size: inherit;
    font-weight: 700;
    color: var(--color-black);
}

.c-pagination .page-list li.previous~li:nth-of-type(n+3):not(.next) a,
.c-pagination .page-list li.previous~li:nth-of-type(n+3):not(.next) span,
.c-pagination .page-list li:not(.previous):first-of-type~li:not(.next) a,
.c-pagination .page-list li:not(.previous):first-of-type~li:not(.next) span {
    position: relative;
}

.c-pagination .page-list li.previous~li:nth-of-type(n+3):not(.next) a:before,
.c-pagination .page-list li.previous~li:nth-of-type(n+3):not(.next) span:before,
.c-pagination .page-list li:not(.previous):first-of-type~li:not(.next) a:before,
.c-pagination .page-list li:not(.previous):first-of-type~li:not(.next) span:before {
    content: "-";
    position: absolute;
    top: 50%;
    left: 0;
    font-weight: 400;
    transform: translate3d(-50%, -50%, 0);
    color: var(--color-primary);
}

.c-pagination .page-list li.spacer span {
    padding-left: 0;
    padding-right: 0;
    color: var(--color-primary);
}

.c-pagination .page-list li.spacer+li a:before,
.c-pagination .page-list li.spacer+li span:before,
.c-pagination .page-list li.spacer span:before {
    display: none;
}

.c-pagination .page-list a,
.c-pagination .page-list span {
    display: block;
    padding: var(--spacing-half);
    line-height: 1;
    font-weight: 400;
    text-decoration: none;
    color: var(--color-primary);
}

.c-pagination .page-list a.disabled,
.c-pagination .page-list span.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.c-pagination .page-list a:hover,
.c-pagination .page-list span:hover {
    color: var(--color-primary);
}

.c-pagination .page-list .chevron {
    padding-left: var(--spacing);
    padding-right: var(--spacing);
}

.c-placeholder-background {
    background: url(../img/svg/no-picture.svg) no-repeat 50% var(--color-primary-light);
    background-size: 50% 75%;
}

.c-placeholder-background--pack {
    background-image: url(../img/svg/pack.svg);
    background-color: transparent;
}

.c-placeholder-background--cow {
    background-image: url(../img/svg/cow.svg);
}

.c-placeholder-background--cow-black {
    background-image: url(../img/svg/cow--black.svg);
    background-color: #fff;
}

.c-placeholder-background--bull {
    background-image: url(../img/svg/bull.svg);
    background-size: 100% 100%;
}

.c-comparator-item__infos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    word-break: break-word;
    text-align: center;
}

.c-comparator-item__img {
    width: 100%;
    margin-bottom: 0.3125rem;
    border-radius: 0.3125rem;
}

.c-comparator-item__title {
    width: 100%;
    margin-bottom: 0.625rem;
    line-height: 1.2;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-primary-dark);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.c-comparator-item__remove {
    font-size: 0.5rem;
}

.p-topbar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: var(--z-topbar);
    border-bottom: 0.125rem solid var(--color-primary-lightest);
}

.p-header,
.p-topbar {
    background-color: #fff;
}

.p-header {
    position: relative;
    z-index: var(--z-header);
}

body.modal-is-open .p-header {
    z-index: 0;
}

.p-header__content {
    padding: var(--spacing-half) 0;
}

.p-header__link-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 auto;
}

.p-header__title {
    height: 100%;
}

.p-header .c-btn--icon-only {
    font-size: calc(var(--font-size) * 1.6);
}

.p-header .c-btn--icon-only .icon {
    pointer-events: none;
}

.p-header .cart-total {
    position: absolute;
    left: 75%;
    bottom: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    font-size: 0.625rem;
    font-weight: 700;
    background-color: var(--color-secondary);
}

.p-social-follow {
    padding-top: var(--spacing);
    background-color: #fff;
}

.p-social-follow__toggle {
    display: block;
    flex-wrap: wrap;
    padding: 0;
    border: 0;
    background-color: transparent;
    color: var(--color-primary);
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
}

.p-social-follow__toggle-text {
    display: block;
    margin-bottom: var(--spacing);
    font-weight: 700;
    font-size: 80%;
    text-transform: uppercase;
    text-align: left;
}

.p-social-follow__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    border-radius: 50%;
    font-size: 0.625rem;
    background-color: var(--color-primary);
    color: #fff;
}

.p-social-follow__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: var(--spacing);
}


/* line 67, sources/scss/06-patterns/_social-follow.scss */

.p-social-follow__toggle-text {
    display: block;
    margin-bottom: var(--spacing);
    font-weight: bold;
    font-size: 80%;
    text-transform: uppercase;
    text-align: left;
}

@media only screen and (min-width: 80em) {
    /* line 67, sources/scss/06-patterns/_social-follow.scss */
    .p-social-follow__toggle-text {
        margin: 0 1.5625rem 0 0;
        font-size: 0.6875rem;
    }
}


/* line 81, sources/scss/06-patterns/_social-follow.scss */

.p-social-follow__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    border-radius: 50%;
    font-size: 0.625rem;
    background-color: var(--color-primary);
    color: #fff;
}


/* @media only screen and (min-width: 80em) { */


/* line 81, sources/scss/06-patterns/_social-follow.scss */


/* .p-social-follow__icon { */


/* margin-right: 1.5625rem; */


/* }
} */

@media only screen and (min-width: 80em) {
    /* line 98, sources/scss/06-patterns/_social-follow.scss */
    .p-social-follow__push-col-header {
        padding-top: 1.875rem;
    }
}


/* line 104, sources/scss/06-patterns/_social-follow.scss */

.p-social-follow__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: var(--spacing);
}


/* line 110, sources/scss/06-patterns/_social-follow.scss */

.p-social-follow__item:hover,
.p-social-follow__item.focus-visible {
    text-decoration: none;
    outline: 0.0625rem solid var(--color-primary);
    outline-offset: 0.3125rem;
}


/* line 118, sources/scss/06-patterns/_social-follow.scss */

.p-social-follow__img {
    width: 100%;
    margin-bottom: var(--spacing);
}

.p-navigation {
    position: fixed;
    z-index: var(--z-navigation);
    top: calc(var(--top-bar-height) * 1px);
    left: 0;
    bottom: 0;
    width: calc(100% - 3.375rem);
    max-width: 20rem;
    transform: translateX(-100%);
    animation: open-menu 0.5s both;
    box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.25);
}

@supports (-ms-ime-align: auto) {
    .p-navigation {
        top: 71px;
    }
}

.menu-is-closing .p-navigation {
    animation-name: close-menu;
}

.p-navigation__content {
    height: 100%;
    background-color: #fff;
    overflow-y: auto;
    background-color: var(--color-primary-lightest);
}

.p-navigation__content::-webkit-scrollbar {
    width: 0.3125rem;
    height: 0.3125rem;
}

.p-navigation__content::-webkit-scrollbar-thumb {
    background: hsl(225, 68%, 20%);
    transition: background-color 0.2s;
  }

.p-navigation__content::-webkit-scrollbar-thumb:hover {
    background: #016b99;
}

.p-navigation__content::-webkit-scrollbar-thumb:active {
    background: #015f88;
}

.p-navigation__content::-webkit-scrollbar-track {
    background: #c0ddea;
}

.p-navigation__list {
    --icon-size: 2.5rem;
    --icon-mr: var(--spacing);
    padding: 0 var(--spacing);
}

.p-navigation__list ul {
    width: 100%;
    padding-left: 0;
}

.p-navigation__list ul[data-depth="1"] {
    display: none;
}

.p-navigation__list ul[data-depth="2"] {
    display: none;
    padding-left: calc(var(--icon-size) + var(--icon-mr));
}

.p-navigation__list ul.menu-is-open {
    display: block;
}

.p-navigation__list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.p-navigation__list li[data-depth="0"] {
    border-bottom: 0.0625rem dashed var(--color-primary-light);
}

.p-navigation__list li[data-depth="1"] {
    margin: var(--spacing) 0;
}

.p-navigation__list a {
    flex: 1 1 0%;
    display: block;
    line-height: 1.25;
    font-weight: 700;
    font-size: 0.8125rem;
    color: var(--color-primary-dark);
    text-decoration: none;
    transition: color 0.2s;
}

.p-navigation__list a span {
    padding-right: var(--spacing);
}

.p-navigation__list a .icon {
    margin-left: auto;
    transition: transform 0.2s;
}

.p-navigation__list a.menu-is-open .icon {
    transform: rotate(180deg);
}

.p-navigation__list a[data-depth="0"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing) 0;
    text-transform: uppercase;
}

.p-navigation__list a[data-depth="1"] {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: var(--color-primary);
}

.p-navigation__list a[data-depth="1"]:first-child:before {
    content: "";
    flex: 0 0 auto;
    display: block;
    width: var(--icon-size);
    height: var(--icon-size);
    margin-right: var(--icon-mr);
    border-radius: 50%;
    background-color: #fff;
}

.p-navigation__list a[data-depth="2"] {
    padding: var(--spacing-half) 0;
}

.p-navigation__list a[data-depth="3"] {
    padding: var(--spacing-quarter) 0;
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--color-black);
}

.p-navigation__list a[data-depth="3"]:before {
    content: "> ";
}

.p-navigation__overflow {
    width: 100%;
}

.p-navigation__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--icon-size);
    height: var(--icon-size);
    margin-right: var(--icon-mr);
    border-radius: 50%;
    background-color: #fff;
}

.p-navigation__icon img {
    max-width: 75%;
    object-fit: contain;
}

.p-navigation__img {
    display: none;
}

.p-navigation__block {
    padding: 0 var(--spacing-half);
    margin: var(--spacing-half) 0;
    box-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2);
    border-radius: 0.3125rem;
    background-color: #fff;
}

.p-navigation__block p {
    margin-top: 0.4375rem;
    font-weight: 400;
    color: var(--color-black);
}

body.mobile-menu-is-open {
    overflow: hidden;
}

.not-touch body.mobile-menu-is-open {
    padding-right: var(--scrollbar-width);
}

@keyframes open-menu {
    to {
        transform: none;
    }
}

@keyframes close-menu {
    0% {
        transform: none;
    }
    to {
        transform: translateX(-100%);
    }
}

.p-search-ac {
    position: static !important;
    display: block !important;
    width: calc(100% - 1.875rem) !important;
    max-height: 12.5rem;
    margin: 0 auto;
    padding: 0.3125rem 0;
    border: 0.0625rem solid var(--color-primary-light);
    border-top: 0;
    border-bottom-left-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
    font-size: 0.8125rem;
    background-color: #fff;
    overflow-y: auto;
}

.p-search-ac::-webkit-scrollbar {
    width: 0.3125rem;
    height: 0.3125rem;
}

.p-search-ac::-webkit-scrollbar-thumb {
    background: hsl(225, 68%, 20%);
    transition: background-color 0.2s;
  }
.p-search-ac::-webkit-scrollbar-thumb:hover {
    background: #0e1f4d;
  }
.p-search-ac::-webkit-scrollbar-thumb:active {
    background: #0d1b45;
  }
.p-search-ac::-webkit-scrollbar-track {
    background: #c3c8d5;
  }

.p-search-ac:empty {
    display: none !important;
}

.p-search-ac a {
    padding: 0.3125rem 0.9375rem !important;
    color: var(--color-darkgrey);
    transition: background-color 0.2s;
    cursor: pointer;
}

.p-search-ac a.ui-state-focus,
.p-search-ac a:hover {
    margin: 0 !important;
    border: 0;
    text-decoration: none;
    color: var(--color-darkgrey);
    background: var(--color-primary-lightest);
}

.p-search-ac b {
    color: var(--color-primary-dark);
}

.p-breadcrumb {
    display: flex;
    flex-wrap: wrap;
}

.p-breadcrumb__item {
    position: relative;
}

.p-breadcrumb__item:not(:first-child) {
    padding-left: 1.25rem;
    font-weight: 400;
}

.p-breadcrumb__item:not(:first-child):before {
    content: ">";
    position: absolute;
    top: 50%;
    display: block;
    left: 0.375rem;
    line-height: inherit;
    font-weight: inherit;
    color: var(--black);
    transform: translateY(-50%);
}

.p-breadcrumb__item:last-child {
    font-weight: 700;
}

.p-breadcrumb__link {
    color: var(--black);
}

.p-divider-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--spacing) * 3.25);
    height: calc(var(--spacing) * 3.25);
    margin: 0 auto calc(var(--spacing) * -1.625);
    border-radius: 50%;
    border: 0.0625rem solid var(--color-primary-light);
    background-color: #fff;
}

.p-divider-icon__icon {
    max-width: 60%;
    max-height: 60%;
}

.p-divider-icon--col {
    margin: calc(var(--spacing) * -1.625) auto 0;
}

.p-comparator {
    position: -webkit-sticky;
    position: sticky;
    z-index: var(--z-comparator);
    bottom: 0;
}

.p-comparator__expand .icon {
    transition: transform 0.2s;
}

.p-comparator__expand.is-open i {
    transform: scaleY(-1);
}

.p-comparator__products {
    display: none;
}

.p-comparator__products.is-open {
    display: flex;
}

.p-comparator__error {
    position: relative;
    overflow: hidden;
}

.p-comparator__error:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1875rem;
    background-color: var(--color-error-light);
    transform: translateX(-100%);
    animation: errorComparator calc(var(--delay) * 1ms) both linear;
}

.p-comparator__sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1;
    top: 4.375rem;
    border-bottom: 0.0625rem solid var(--color-primary-lightest);
    background-color: #fff;
}

@keyframes errorComparator {
    to {
        transform: none;
    }
}

.u-text-left {
    text-align: left !important;
}

.u-text-center {
    text-align: center !important;
}

.u-text-right {
    text-align: right !important;
}

.u-text-justify {
    text-align: justify !important;
}

.u-text-smaller {
    font-size: 80% !important;
}

.u-text-base-size {
    font-size: 0.8125rem !important;
}

.u-text-bigger {
    font-size: 125% !important;
    line-height: 1.5em !important;
}

.u-uppercase {
    text-transform: uppercase !important;
}

.u-nonecase {
    text-transform: none !important;
}

.u-text-break {
    word-break: break-word !important;
}

.u-text-nowrap {
    white-space: nowrap !important;
}

.u-semibold {
    font-weight: 600 !important;
}

.u-bold {
    font-weight: 700 !important;
}

.u-lh-1 {
    line-height: 1em !important;
}

.u-lh-1-25 {
    line-height: 1.25em !important;
}

.u-mt-0 {
    margin-top: 0 !important;
}

.u-mt-quarter {
    margin-top: var(--spacing-quarter) !important;
}

.u-mt-half {
    margin-top: var(--spacing-half) !important;
}

.u-mt {
    margin-top: var(--spacing) !important;
}

.u-mt-double {
    margin-top: var(--spacing-double) !important;
}

.u-mt-quad {
    margin-top: var(--spacing-quad) !important;
}

.u-mr-0 {
    margin-right: 0 !important;
}

.u-mr-quarter {
    margin-right: var(--spacing-quarter) !important;
}

.u-mr-half {
    margin-right: var(--spacing-half) !important;
}

.u-mr {
    margin-right: var(--spacing) !important;
}

.u-mr-double {
    margin-right: var(--spacing-double) !important;
}

.u-mr-quad {
    margin-right: var(--spacing-quad) !important;
}

.u-mb-0 {
    margin-bottom: 0 !important;
}

.u-mb-quarter {
    margin-bottom: var(--spacing-quarter) !important;
}

.u-mb-half {
    margin-bottom: var(--spacing-half) !important;
}

.u-mb {
    margin-bottom: var(--spacing) !important;
}

.u-mb-double {
    margin-bottom: var(--spacing-double) !important;
}

.u-mb-quad {
    margin-bottom: var(--spacing-quad) !important;
}

.u-ml-0 {
    margin-left: 0 !important;
}

.u-ml-quarter {
    margin-left: var(--spacing-quarter) !important;
}

.u-ml-half {
    margin-left: var(--spacing-half) !important;
}

.u-ml {
    margin-left: var(--spacing) !important;
}

.u-ml-double {
    margin-left: var(--spacing-double) !important;
}

.u-ml-quad {
    margin-left: var(--spacing-quad) !important;
}

.u-pt-0 {
    padding-top: 0 !important;
}

.u-pt-quarter {
    padding-top: var(--spacing-quarter) !important;
}

.u-pt-half {
    padding-top: var(--spacing-half) !important;
}

.u-pt {
    padding-top: var(--spacing) !important;
}

.u-pt-double {
    padding-top: var(--spacing-double) !important;
}

.u-pt-quad {
    padding-top: var(--spacing-quad) !important;
}

.u-pr-0 {
    padding-right: 0 !important;
}

.u-pr-quarter {
    padding-right: var(--spacing-quarter) !important;
}

.u-pr-half {
    padding-right: var(--spacing-half) !important;
}

.u-pr {
    padding-right: var(--spacing) !important;
}

.u-pr-double {
    padding-right: var(--spacing-double) !important;
}

.u-pr-quad {
    padding-right: var(--spacing-quad) !important;
}

.u-pb-0 {
    padding-bottom: 0 !important;
}

.u-pb-quarter {
    padding-bottom: var(--spacing-quarter) !important;
}

.u-pb-half {
    padding-bottom: var(--spacing-half) !important;
}

.u-pb {
    padding-bottom: var(--spacing) !important;
}

.u-pb-double {
    padding-bottom: var(--spacing-double) !important;
}

.u-pb-quad {
    padding-bottom: var(--spacing-quad) !important;
}

.u-pl-0 {
    padding-left: 0 !important;
}

.u-pl-quarter {
    padding-left: var(--spacing-quarter) !important;
}

.u-pl-half {
    padding-left: var(--spacing-half) !important;
}

.u-pl {
    padding-left: var(--spacing) !important;
}

.u-pl-double {
    padding-left: var(--spacing-double) !important;
}

.u-pl-quad {
    padding-left: var(--spacing-quad) !important;
}

.u-nmt-quarter {
    margin-top: calc(var(--spacing-quarter) * -1) !important;
}

.u-nmt-half {
    margin-top: calc(var(--spacing-half) * -1) !important;
}

.u-nmt {
    margin-top: calc(var(--spacing) * -1) !important;
}

.u-nmt-double {
    margin-top: calc(var(--spacing-double) * -1) !important;
}

.u-nmt-quad {
    margin-top: calc(var(--spacing-quad) * -1) !important;
}

.u-nmr-quarter {
    margin-right: calc(var(--spacing-quarter) * -1) !important;
}

.u-nmr-half {
    margin-right: calc(var(--spacing-half) * -1) !important;
}

.u-nmr {
    margin-right: calc(var(--spacing) * -1) !important;
}

.u-nmr-double {
    margin-right: calc(var(--spacing-double) * -1) !important;
}

.u-nmr-quad {
    margin-right: calc(var(--spacing-quad) * -1) !important;
}

.u-nmb-quarter {
    margin-bottom: calc(var(--spacing-quarter) * -1) !important;
}

.u-nmb-half {
    margin-bottom: calc(var(--spacing-half) * -1) !important;
}

.u-nmb {
    margin-bottom: calc(var(--spacing) * -1) !important;
}

.u-nmb-double {
    margin-bottom: calc(var(--spacing-double) * -1) !important;
}

.u-nmb-quad {
    margin-bottom: calc(var(--spacing-quad) * -1) !important;
}

.u-nml-quarter {
    margin-left: calc(var(--spacing-quarter) * -1) !important;
}

.u-nml-half {
    margin-left: calc(var(--spacing-half) * -1) !important;
}

.u-nml {
    margin-left: calc(var(--spacing) * -1) !important;
}

.u-nml-double {
    margin-left: calc(var(--spacing-double) * -1) !important;
}

.u-nml-quad {
    margin-left: calc(var(--spacing-quad) * -1) !important;
}

.u-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.u-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.u-m-0 {
    margin: 0 !important;
}

.u-mx-quarter {
    margin-left: var(--spacing-quarter) !important;
    margin-right: var(--spacing-quarter) !important;
}

.u-my-quarter {
    margin-top: var(--spacing-quarter) !important;
    margin-bottom: var(--spacing-quarter) !important;
}

.u-m-quarter {
    margin: var(--spacing-quarter) !important;
}

.u-mx-half {
    margin-left: var(--spacing-half) !important;
    margin-right: var(--spacing-half) !important;
}

.u-my-half {
    margin-top: var(--spacing-half) !important;
    margin-bottom: var(--spacing-half) !important;
}

.u-m-half {
    margin: var(--spacing-half) !important;
}

.u-mx {
    margin-left: var(--spacing) !important;
    margin-right: var(--spacing) !important;
}

.u-my {
    margin-top: var(--spacing) !important;
    margin-bottom: var(--spacing) !important;
}

.u-m {
    margin: var(--spacing) !important;
}

.u-mx-double {
    margin-left: var(--spacing-double) !important;
    margin-right: var(--spacing-double) !important;
}

.u-my-double {
    margin-top: var(--spacing-double) !important;
    margin-bottom: var(--spacing-double) !important;
}

.u-m-double {
    margin: var(--spacing-double) !important;
}

.u-mx-quad {
    margin-left: var(--spacing-quad) !important;
    margin-right: var(--spacing-quad) !important;
}

.u-my-quad {
    margin-top: var(--spacing-quad) !important;
    margin-bottom: var(--spacing-quad) !important;
}

.u-m-quad {
    margin: var(--spacing-quad) !important;
}

.u-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.u-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.u-p-0 {
    padding: 0 !important;
}

.u-px-quarter {
    padding-left: var(--spacing-quarter) !important;
    padding-right: var(--spacing-quarter) !important;
}

.u-py-quarter {
    padding-top: var(--spacing-quarter) !important;
    padding-bottom: var(--spacing-quarter) !important;
}

.u-p-quarter {
    padding: var(--spacing-quarter) !important;
}

.u-px-half {
    padding-left: var(--spacing-half) !important;
    padding-right: var(--spacing-half) !important;
}

.u-py-half {
    padding-top: var(--spacing-half) !important;
    padding-bottom: var(--spacing-half) !important;
}

.u-p-half {
    padding: var(--spacing-half) !important;
}

.u-px {
    padding-left: var(--spacing) !important;
    padding-right: var(--spacing) !important;
}

.u-py {
    padding-top: var(--spacing) !important;
    padding-bottom: var(--spacing) !important;
}

.u-p {
    padding: var(--spacing) !important;
}

.u-px-double {
    padding-left: var(--spacing-double) !important;
    padding-right: var(--spacing-double) !important;
}

.u-py-double {
    padding-top: var(--spacing-double) !important;
    padding-bottom: var(--spacing-double) !important;
}

.u-p-double {
    padding: var(--spacing-double) !important;
}

.u-px-quad {
    padding-left: var(--spacing-quad) !important;
    padding-right: var(--spacing-quad) !important;
}

.u-py-quad {
    padding-top: var(--spacing-quad) !important;
    padding-bottom: var(--spacing-quad) !important;
}

.u-p-quad {
    padding: var(--spacing-quad) !important;
}

.u-mt-a {
    margin-top: auto !important;
}

.u-mr-a {
    margin-right: auto !important;
}

.u-mb-a {
    margin-bottom: auto !important;
}

.u-ml-a,
.u-mx-a {
    margin-left: auto !important;
}

.u-mx-a {
    margin-right: auto !important;
}

.u-my-a {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.u-m-a {
    margin: auto !important;
}

:root {
    --color-primary: hsl(225, 68%, 30%);
    --color-primary-lightest: hsl(225, 68%, 96%);
    --color-primary-light: hsl(225, 68%, 80%);
    --color-primary-dark: hsl(225, 68%, 20%);
    --color-secondary: hsl(38, 58%, 60%);
    --color-secondary-lightest: hsl(38, 58%, 85%);
    --color-secondary-light: hsl(38, 58%, 70%);
    --color-secondary-dark: hsl(38, 58%, 40%);
    --color-success: #27ae60;
    --color-success-lightest: #c9ebd7;
    --color-success-light: #6bc792;
    --color-success-dark: #1d8348;
    --color-error: #db4b38;
    --color-error-lightest: #f6d2cd;
    --color-error-light: #e68376;
    --color-error-dark: #a4382a;
    --color-black: #262626;
    --color-darkgrey: #939393;
    --color-grey: #dbdbdb;
    --color-lightgrey: #f5f6fa;
}

.u-text-primary {
    color: var(--color-primary) !important;
}

.u-bg-primary {
    background-color: var(--color-primary) !important;
}

.u-border-primary {
    border-color: var(--color-primary) !important;
}

.u-text-primary-lightest {
    color: var(--color-primary-lightest) !important;
}

.u-bg-primary-lightest {
    background-color: var(--color-primary-lightest) !important;
}

.u-border-primary-lightest {
    border-color: var(--color-primary-lightest) !important;
}

.u-text-primary-light {
    color: var(--color-primary-light) !important;
}

.u-bg-primary-light {
    background-color: var(--color-primary-light) !important;
}

.u-border-primary-light {
    border-color: var(--color-primary-light) !important;
}

.u-text-primary-dark {
    color: var(--color-primary-dark) !important;
}

.u-bg-primary-dark {
    background-color: var(--color-primary-dark) !important;
}

.u-border-primary-dark {
    border-color: var(--color-primary-dark) !important;
}

.u-text-secondary {
    color: var(--color-secondary) !important;
}

.u-bg-secondary {
    background-color: var(--color-secondary) !important;
}

.u-border-secondary {
    border-color: var(--color-secondary) !important;
}

.u-text-secondary-lightest {
    color: var(--color-secondary-lightest) !important;
}

.u-bg-secondary-lightest {
    background-color: var(--color-secondary-lightest) !important;
}

.u-border-secondary-lightest {
    border-color: var(--color-secondary-lightest) !important;
}

.u-text-secondary-light {
    color: var(--color-secondary-light) !important;
}

.u-bg-secondary-light {
    background-color: var(--color-secondary-light) !important;
}

.u-border-secondary-light {
    border-color: var(--color-secondary-light) !important;
}

.u-text-secondary-dark {
    color: var(--color-secondary-dark) !important;
}

.u-bg-secondary-dark {
    background-color: var(--color-secondary-dark) !important;
}

.u-border-secondary-dark {
    border-color: var(--color-secondary-dark) !important;
}

.u-text-success {
    color: var(--color-success) !important;
}

.u-bg-success {
    background-color: var(--color-success) !important;
}

.u-border-success {
    border-color: var(--color-success) !important;
}

.u-text-success-lightest {
    color: var(--color-success-lightest) !important;
}

.u-bg-success-lightest {
    background-color: var(--color-success-lightest) !important;
}

.u-border-success-lightest {
    border-color: var(--color-success-lightest) !important;
}

.u-text-success-light {
    color: var(--color-success-light) !important;
}

.u-bg-success-light {
    background-color: var(--color-success-light) !important;
}

.u-border-success-light {
    border-color: var(--color-success-light) !important;
}

.u-text-success-dark {
    color: var(--color-success-dark) !important;
}

.u-bg-success-dark {
    background-color: var(--color-success-dark) !important;
}

.u-border-success-dark {
    border-color: var(--color-success-dark) !important;
}

.u-text-error {
    color: var(--color-error) !important;
}

.u-bg-error {
    background-color: var(--color-error) !important;
}

.u-border-error {
    border-color: var(--color-error) !important;
}

.u-text-error-lightest {
    color: var(--color-error-lightest) !important;
}

.u-bg-error-lightest {
    background-color: var(--color-error-lightest) !important;
}

.u-border-error-lightest {
    border-color: var(--color-error-lightest) !important;
}

.u-text-error-light {
    color: var(--color-error-light) !important;
}

.u-bg-error-light {
    background-color: var(--color-error-light) !important;
}

.u-border-error-light {
    border-color: var(--color-error-light) !important;
}

.u-text-error-dark {
    color: var(--color-error-dark) !important;
}

.u-bg-error-dark {
    background-color: var(--color-error-dark) !important;
}

.u-border-error-dark {
    border-color: var(--color-error-dark) !important;
}

.u-text-darkgrey {
    color: var(--color-darkgrey) !important;
}

.u-bg-darkgrey {
    background-color: var(--color-darkgrey) !important;
}

.u-border-darkgrey {
    border-color: var(--color-darkgrey) !important;
}

.u-text-grey {
    color: var(--color-grey) !important;
}

.u-bg-grey {
    background-color: var(--color-grey) !important;
}

.u-border-grey {
    border-color: var(--color-black) !important;
}

.u-text-lightgrey {
    color: var(--color-lightgrey) !important;
}

.u-bg-lightgrey {
    background-color: var(--color-lightgrey) !important;
}

.u-border-lightgrey {
    border-color: var(--color-lightgrey) !important;
}

.u-text-black {
    color: var(--color-black) !important;
}

.u-bg-black {
    background-color: var(--color-black) !important;
}

.u-border-black {
    border-color: var(--color-black) !important;
}

.u-text-white {
    color: #fff !important;
}

.u-bg-white {
    background-color: #fff !important;
}

.u-border {
    border-width: 0.0625rem;
    border-style: solid;
}

.u-border-white {
    border-color: #fff !important;
}

.u-bg-transparent {
    background-color: transparent !important;
}

.u-border-transparent {
    border-color: transparent !important;
}

.u-border-less {
    border: 0 !important;
}

.u-d-none {
    display: none !important;
}

.u-d-inline {
    display: inline !important;
}

.u-d-block {
    display: block !important;
}

.u-d-inline-block {
    display: inline-block !important;
}

.u-d-flex {
    display: flex !important;
}

.u-d-inline-flex {
    display: inline-flex !important;
}

.u-h-100 {
    height: 100%;
}

.u-pos-static {
    position: static !important;
}

.u-pos-relative {
    position: relative !important;
}

.u-radius {
    border-radius: var(--radius, 0.3125rem) !important;
}

.u-rounded {
    border-radius: var(--rounded, 5000px) !important;
}

.u-shadow {
    box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.16);
}

.lazyload {
    opacity: 0;
}

.lazyloaded,
.lazyloading {
    opacity: 1;
    transition: opacity 0.3s;
}

img.lazyloading {
    background: #f7f7f7 url(../img/svg/spinner.svg) no-repeat 50%;
    background-size: 50%;
}

.gd-scan-logo {
    width: 8rem;
    border-top-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

@media only screen and (min-width: 36em) {
    .c-comparator-item__infos {
        flex-wrap: nowrap;
        text-align: left;
    }
    .c-comparator-item__title {
        margin-right: 0.3125rem;
        margin-bottom: 0;
        font-size: 0.8125rem;
        white-space: normal;
    }
}

@media only screen and (min-width: 48em) {
     :root {
        --spacing: 1.407rem;
    }
    .col-md {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-md-first {
        order: -1;
    }
    .order-md-last {
        order: 13;
    }
    .order-md-0 {
        order: 0;
    }
    .order-md-1 {
        order: 1;
    }
    .order-md-2 {
        order: 2;
    }
    .order-md-3 {
        order: 3;
    }
    .order-md-4 {
        order: 4;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.3333333333%;
    }
    .offset-md-2 {
        margin-left: 16.6666666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.3333333333%;
    }
    .offset-md-5 {
        margin-left: 41.6666666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.3333333333%;
    }
    .offset-md-8 {
        margin-left: 66.6666666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.3333333333%;
    }
    .offset-md-11 {
        margin-left: 91.6666666667%;
    }
    .table {
        font-size: 0.875rem;
        table-layout: fixed;
    }
    .table td,
    .table th {
        min-width: 0;
    }
    .c-modal {
        --spacing: 0.7504rem;
    }
    .c-product-line {
        --s: 2.5rem;
    }
    .c-product-line--small {
        --s: 1.3125rem;
    }
    .c-pagination {
        margin-bottom: var(--spacing);
    }
    .c-comparator-item__img {
        margin-bottom: 0.625rem;
    }
    .c-comparator-item__title {
        font-size: 1rem;
    }
    .c-comparator-item__remove {
        font-size: 0.625rem;
    }
    .p-header__link-logo {
        width: 10rem;
    }
    @supports (-ms-ime-align: auto) {
        .p-navigation {
            top: 78px;
        }
    }
    .u-text-md-left {
        text-align: left !important;
    }
    .u-text-md-center {
        text-align: center !important;
    }
    .u-text-md-right {
        text-align: right !important;
    }
    .u-text-md-justify {
        text-align: justify !important;
    }
    .u-d-md-none {
        display: none !important;
    }
    .u-d-md-inline {
        display: inline !important;
    }
    .u-d-md-block {
        display: block !important;
    }
    .u-d-md-inline-block {
        display: inline-block !important;
    }
    .u-d-md-flex {
        display: flex !important;
    }
    .u-d-md-inline-flex {
        display: inline-flex !important;
    }
    .u-pos-md-static {
        position: static !important;
    }
    .u-pos-md-relative {
        position: relative !important;
    }
}

@media only screen and (min-width: 72em) {
    .p-navigation {
        max-width: 24.0625rem;
    }
}

@media only screen and (min-width: 80em) {
     :root {
        --spacing: 1.876rem;
    }
    .container {
        max-width: 64rem;
    }
    .col-lg {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-lg-first {
        order: -1;
    }
    .order-lg-last {
        order: 13;
    }
    .order-lg-0 {
        order: 0;
    }
    .order-lg-1 {
        order: 1;
    }
    .order-lg-2 {
        order: 2;
    }
    .order-lg-3 {
        order: 3;
    }
    .order-lg-4 {
        order: 4;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%;
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%;
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%;
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%;
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%;
    }
    .o-overlay--menu {
        display: none !important;
    }
    .menu-is-open .o-overlay--desktop-menu {
        display: block;
    }
    .c-modal {
        --spacing: 0.938rem;
    }
    .c-product-line[data-tooltip]:before {
        left: 0;
        top: calc(100% + 0.3125rem);
        transform: none;
    }
    .p-topbar {
        box-shadow: 0 0.0625rem 1rem 0 rgba(0, 0, 0, 0.08);
    }
    body.menu-is-open .p-topbar {
        box-shadow: none;
    }
    .p-header__content {
        align-items: center;
        padding: var(--spacing-quarter) 0;
    }
    .p-header__link-logo {
        width: 13.75rem;
    }
    .p-header .cart-total {
        width: 1.625rem;
        height: 1.625rem;
        font-size: 0.75rem;
    }
    #modalSearchForm {
        display: block !important;
        position: relative;
        animation: none;
        overflow: visible;
    }
    #modalSearchForm .c-modal__dialog {
        max-width: 100%;
        margin: 0;
        animation: none;
    }
    #modalSearchForm .c-modal__content {
        display: block;
        border: 0;
        border-radius: 0;
        overflow: visible;
    }
    #modalSearchForm .c-modal__header {
        display: none;
    }
    #modalSearchForm .c-modal__body {
        padding: 0;
    }
    .p-social-follow {
        position: fixed;
        z-index: var(--z-header);
        top: 0;
        left: calc(50% - var(--social-follow-width) * 1px / 2);
        width: auto;
        padding: 0;
        border: 0.0625rem solid var(--color-primary-light);
        border-top: 0;
        border-bottom-left-radius: 1.875rem;
        border-bottom-right-radius: 1.875rem;
        background-color: var(--color-primary-lightest);
        transition: background-color 0.2s, border-color 0.2s;
    }
    @supports (-ms-ime-align: auto) {
        .p-social-follow {
            left: calc(50% - 153px);
        }
    }
    .p-social-follow[style*='--offsetWidth: "offsetWidth"'] {
        opacity: 0;
    }
    @supports (-ms-ime-align: auto) {
        .p-social-follow[style*='--offsetWidth: "offsetWidth"'] {
            opacity: 1;
        }
    }
    .modal-is-open .p-social-follow {
        left: calc(50% - var(--social-follow-width) * 1px / 2 - var(--scrollbar-width) / 2);
    }
    .p-social-follow:focus-within,
    .p-social-follow:hover {
        border-color: var(--color-primary);
        background-color: var(--color-primary-light);
    }
    .p-social-follow__content {
        margin-bottom: 0;
    }
    .p-social-follow__toggle {
        display: flex;
        align-items: center;
        padding: 0.3125rem 1.875rem;
    }
    .p-social-follow__toggle-text {
        margin: 0 1.5625rem 0 0;
        font-size: 0.6875rem;
    }
    .p-social-follow__icon {
        margin-right: 1.5625rem;
    }
    .p-social-follow__push-col-header {
        padding-top: 1.875rem;
    }
    .p-navigation {
        position: static;
        display: block !important;
        display: none;
        width: 100%;
        max-width: 64rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: var(--spacing-half);
        padding-right: var(--spacing-half);
        box-shadow: none;
        transform: none;
        animation: none;
    }
    .p-navigation__content {
        overflow: visible;
        background-color: #fff;
    }
    .p-navigation__list {
        --icon-size: 3.5rem;
        --icon-mr: 0.9375rem;
        padding: 0;
    }
    .p-navigation__list ul[data-depth="0"] {
        display: flex;
        justify-content: center;
    }
    .p-navigation__list ul[data-depth="1"] {
        columns: 20.625rem 3;
        max-width: 64rem;
        padding-top: var(--spacing);
        margin: 0 auto;
    }
    .p-navigation__list ul[data-depth="1"].is-equin>li:nth-child(4):last-child,
    .p-navigation__list ul[data-depth="1"].is-equin>li:nth-child(7):last-child {
        column-span: all;
    }
    .p-navigation__list ul[data-depth="2"] {
        display: block !important;
    }
    .p-navigation__list ul[data-depth="3"] {
        padding: 0 0 var(--spacing-quarter) var(--spacing-half);
        margin-top: -0.375rem;
    }
    .p-navigation__list ul#panel00 {
        display: flex;
        align-items: flex-start;
    }
    .p-navigation__list li {
        align-items: stretch;
    }
    .p-navigation__list li[data-depth="0"] {
        border-bottom: 0;
    }
    .p-navigation__list li[data-depth="1"] {
        break-inside: avoid;
        width: 100%;
        padding: 0 var(--spacing-half) var(--spacing);
        margin: 0;
    }
    .p-navigation__list a:not([href="#"]):not([data-depth="0"]):hover span {
        text-decoration: underline;
    }
    .p-navigation__list a span {
        padding-right: 0;
    }
    .p-navigation__list a .icon {
        display: none;
    }
    .p-navigation__list a[data-depth="0"] {
        padding: var(--spacing-half);
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        text-align: center;
        transition: background-color 0.2s, color 0.2s;
    }
    .p-navigation__list a[data-depth="0"].menu-is-open,
    .p-navigation__list a[data-depth="0"]:hover {
        background-color: var(--color-primary-lightest);
    }
    .p-navigation__list a[data-depth="0"].shop {
        position: relative;
        padding-left: var(--spacing);
        padding-right: var(--spacing);
        background-color: transparent;
    }
    .p-navigation__list a[data-depth="0"].shop:before {
        content: "";
        position: absolute;
        top: 0.4375rem;
        left: var(--spacing-half);
        bottom: 0.4375rem;
        right: var(--spacing-half);
        border-radius: 6.25rem;
        background-color: var(--color-secondary);
        transition: background-color 0.2s;
    }
    .p-navigation__list a[data-depth="0"].shop:hover {
        color: #fff;
    }
    .p-navigation__list a[data-depth="0"].shop:hover:before {
        background-color: var(--color-secondary-dark);
    }
    .p-navigation__list a[data-depth="0"].shop span {
        position: relative;
    }
    .p-navigation__list a[data-depth="1"]:first-child:before {
        width: 3.5rem;
        height: 3.5rem;
    }
    .p-navigation__list a[data-depth="1"] {
        font-size: 1.3125rem;
    }
    .p-navigation__list a[data-depth="2"] {
        font-size: 1rem;
    }
    .p-navigation__list a[data-depth="3"] {
        font-size: 0.8125rem;
    }
    .p-navigation__overflow {
        position: absolute;
        z-index: var(--z-navigation);
        top: 100%;
        left: 0;
        display: none;
        width: calc(100% + var(--scrollbar-width));
        max-height: calc(100vh - var(--top-bar-height) * 1px);
        padding-right: var(--scrollbar-width);
        background-color: var(--color-primary-lightest);
        overflow-y: auto;
    }
    .p-navigation__overflow::-webkit-scrollbar {
        width: 0.3125rem;
        height: 0.3125rem;
    }
    .p-navigation__overflow::-webkit-scrollbar-thumb {
        background: hsl(225, 68%, 20%);
        transition: background-color 0.2s;
      }
      .p-navigation__overflow::-webkit-scrollbar-thumb:hover {
        background: #0e1f4d;
      }
      .p-navigation__overflow::-webkit-scrollbar-thumb:active {
        background: #0d1b45;
      }
      .p-navigation__overflow::-webkit-scrollbar-track {
        background: #c3c8d5;
      }
    @supports (-ms-ime-align: auto) {
        .p-navigation__overflow {
            height: calc(100vh - 147px);
        }
    }
    .menu-is-open+.p-navigation__overflow {
        display: block;
    }
    .p-navigation__img {
        display: block;
        width: 100%;
        height: 8.125rem;
        margin: var(--spacing-half) 0 var(--spacing-quarter);
        border-radius: 0.25rem;
        box-shadow: 0 0 0 0.1875rem #fff;
        object-fit: cover;
        object-position: top center;
    }
    .p-navigation__img+ul[data-depth="2"] {
        padding-left: 0;
    }
    .p-navigation__block:last-child {
        margin-bottom: 0;
    }
    body.mobile-menu-is-open {
        overflow: auto;
    }
    .not-touch body.mobile-menu-is-open {
        padding-right: 0;
    }
    body.menu-is-open {
        overflow: hidden;
    }
    .not-touch body.menu-is-open {
        padding-right: var(--scrollbar-width);
    }
    .p-search-ac {
        position: absolute !important;
        z-index: auto;
        top: 100% !important;
        left: 0.9375rem !important;
        right: 0.9375rem !important;
        width: auto !important;
    }
    .p-comparator__sticky {
        top: 9.0625rem;
    }
    .u-text-lg-left {
        text-align: left !important;
    }
    .u-text-lg-center {
        text-align: center !important;
    }
    .u-text-lg-right {
        text-align: right !important;
    }
    .u-text-lg-justify {
        text-align: justify !important;
    }
    .u-d-lg-none {
        display: none !important;
    }
    .u-d-lg-inline {
        display: inline !important;
    }
    .u-d-lg-block {
        display: block !important;
    }
    .u-d-lg-inline-block {
        display: inline-block !important;
    }
    .u-d-lg-flex {
        display: flex !important;
    }
    .u-d-lg-inline-flex {
        display: inline-flex !important;
    }
    .u-pos-lg-static {
        position: static !important;
    }
    .u-pos-lg-relative {
        position: relative !important;
    }
}

@media only screen and (min-width: 90em) {
    .container {
        max-width: 80rem;
    }
    .container--fluid {
        max-width: none;
    }
    .p-navigation {
        max-width: 80rem;
    }
    .p-navigation__list ul[data-depth="1"] {
        columns: 25.9375rem 3;
        max-width: 80rem;
    }
}


/*# sourceMappingURL=sourcemaps/styles.min.css.map */

@media only screen and (max-width: 1023px) {
    /* line 117, sources/scss/pages/product.scss */
    .breadcrumb {
        display: none;
    }
}