.cover {
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

progress {
  vertical-align: baseline
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0
}

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

b,
strong {
  font-weight: inherit;
  font-weight: bolder
}

dfn {
  font-style: italic
}

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

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

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

figure {
  margin: 1em 40px
}

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

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0
}

optgroup {
  font-weight: 700
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-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
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

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

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

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

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

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

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

html {
  font: 100%/1.625 Open Sans;
  box-sizing: border-box;
  overflow-y: scroll
}

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

body {
  color: #6a5d6a;
  font-family: Open Sans;
  font-weight: 300;
  word-wrap: break-word;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  -ms-font-feature-settings: "kern", "liga", "clig", "calt";
  -webkit-font-feature-settings: "kern", "liga", "clig", "calt";
  font-feature-settings: "kern", "liga", "clig", "calt"
}

img {
  margin: 0 0 1.625rem;
  padding: 0
}

h1 {
  font-size: 1.5rem
}

h1,
h2 {
  margin: 0 0 1.625rem;
  padding: 0;
  color: #2d2d53;
  font-family: Ubuntu;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  line-height: 1.1
}

h2 {
  font-size: 1.27542rem
}

h3 {
  font-size: 1.17608rem
}

h3,
h4 {
  margin: 0 0 1.625rem;
  padding: 0;
  color: #2d2d53;
  font-family: Ubuntu;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  line-height: 1.1
}

h4 {
  font-size: 1rem
}

h5 {
  font-size: .92211rem
}

h5,
h6 {
  margin: 0 0 1.625rem;
  padding: 0;
  color: #2d2d53;
  font-family: Ubuntu;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  line-height: 1.1
}

h6 {
  font-size: .88547rem
}

hgroup {
  margin: 0 0 1.625rem;
  padding: 0
}

ol,
ul {
  margin: 0 0 1.625rem 1.625rem;
  padding: 0;
  list-style-position: outside;
  list-style-image: none
}

dd,
dl,
figure,
p {
  margin: 0 0 1.625rem;
  padding: 0
}

pre {
  font-size: .85rem
}

pre,
table {
  margin: 0 0 1.625rem;
  padding: 0;
  line-height: 1.625rem
}

table {
  font-size: 1rem;
  border-collapse: collapse;
  width: 100%
}

fieldset {
  margin: 0 0 1.625rem;
  padding: 0
}

blockquote {
  margin: 0 1.625rem 1.625rem;
  padding: 0
}

form,
iframe,
noscript {
  margin: 0 0 1.625rem;
  padding: 0
}

hr {
  margin: 0 0 calc(1.625rem - 1px);
  padding: 0;
  background: rgba(0, 0, 0, .2);
  border: none;
  height: 1px
}

address {
  margin: 0 0 1.625rem;
  padding: 0
}

b,
dt,
strong,
th {
  font-weight: 700
}

li {
  margin-bottom: 0.8125rem
}

ol li,
ul li {
  padding-left: 0
}

li > ol,
li > ul {
  margin-left: 1.625rem;
  margin-bottom: 0.8125rem;
  margin-top: 0.8125rem
}

blockquote:last-child,
li:last-child,
p:last-child {
  margin-bottom: 0
}

li > p {
  margin-bottom: 0.8125rem
}

code,
kbd,
samp {
  font-size: .85rem;
  line-height: 1.625rem
}

abbr,
abbr[title],
acronym {
  border-bottom: 1px dotted rgba(0, 0, 0, .5);
  cursor: help
}

abbr[title] {
  text-decoration: none
}

td,
th,
thead {
  text-align: left
}

td,
th {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  font-feature-settings: "tnum";
  -moz-font-feature-settings: "tnum";
  -ms-font-feature-settings: "tnum";
  -webkit-font-feature-settings: "tnum";
  padding: .8125rem 1.08333rem calc(.8125rem - 1px)
}

td:first-child,
th:first-child {
  padding-left: 0
}

td:last-child,
th:last-child {
  padding-right: 0
}

a,
a:visited {
  color: #0970e6
}

* {
  box-sizing: border-box
}

body,
html {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  max-width: 100vw
}

@media (min-width: 320px) {
  body,
  html {
    font-size: calc(.44643vw + 12.57143px)
  }
}

@media (min-width: 768px) {
  body,
  html {
    font-size: 16px
  }
}

@media (min-width: 1024px) {
  body,
  html {
    font-size: 16px
  }
}

@media (min-width: 1440px) {
  body,
  html {
    font-size: 16px
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Ubuntu, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0;
  color: #777
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin-top: .75em
}

p {
  margin: 0;
  line-height: 1.6em;
  font-weight: 300
}

p + p {
  margin-top: 1.5em
}

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

::-moz-selection {
  background: #c4efff;
  color: #0e3368
}

::selection {
  background: #c4efff;
  color: #0e3368
}

a {
  text-decoration: none
}

.heading--smallcaps {
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: 1px
}

.heading--handwritten {
  font-family: Caveat, cursive;
  font-size: 2rem;
  display: block;
  line-height: 1
}

.a-button,
.a-button:visited,
.search-navigation__submit > button,
.search-navigation__submit > button:visited,
.search-navigation__submit > label,
.search-navigation__submit > label:visited,
a.button,
a.button:visited {
  color: #fff;
  background-color: #333;
  padding: 0 1.5rem;
  border: 0;
  border-radius: 20px;
  position: relative;
  transition: .3s;
  outline: 0;
  cursor: pointer;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  letter-spacing: .5px;
  display: inline-block;
  text-decoration: none
}

p + .a-button,
p + a.button {
  margin-top: 1.5rem
}

.a-button::-moz-selection,
a.button::-moz-selection {
  background: #0e3368
}

.a-button::selection,
a.button::selection {
  background: #0e3368
}

.a-button:focus,
.a-button:hover,
a.button:focus,
a.button:hover {
  background-color: #0758b5
}

.a-button.is-alt,
a.button.is-alt {
  background-color: #db3832
}

.a-button.is-alt:focus,
.a-button.is-alt:hover,
a.button.is-alt:focus,
a.button.is-alt:hover {
  background-color: #b92621
}

.a-button.is-a-circle,
a.button.is-a-circle {
  padding: 1em;
  width: 40px;
  height: 40px
}

.a-button.is-a-circle svg,
a.button.is-a-circle svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%)
}

.a-button.is-stretched,
a.button.is-stretched {
  width: 100%;
  height: 100%;
  max-width: inherit;
  text-align: center
}

.a-button.is-sharpened,
a.button.is-sharpened {
  border-radius: 0
}

.a-button--cart,
a.button--cart {
  padding: 0 3.75rem 0 1.5rem;
  background-color: #0970e6;
  background-image: url("data:image/svg+xml,%3Csvg height='22' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M22.9 5.6c-.2-.2-.5-.4-.8-.4H7l-.6-2c-.1-.2-.3-.5-.6-.6L1.7 1.1C1.2.9.6 1.1.4 1.7c-.2.5.1 1.1.6 1.2l3.6 1.4 3.3 11.3c.1.4.5.7 1 .7H20c.5 0 .9-.3 1-.8l2.1-9.1c0-.2-.1-.5-.2-.8zm-6.4 1.6l-1.3 7.1h-1.5l-1.2-7.1h4zm-9 0H11l1.2 7.1H9.6L7.5 7.2zm11.7 7.1h-2.4L18 7.2h2.8l-1.6 7.1z'/%3E%3Ccircle fill='%23fff' cx='10.9' cy='20.4' r='2'/%3E%3Ccircle fill='%23fff' cx='18.1' cy='20.4' r='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 24px 24px
}

.a-button--external-link,
a.button--external-link {
  font-size: 12px;
  background-color: #0091cc;
  background-image: none;
  padding: 0 1rem
}

.a-button--external-link:focus,
.a-button--external-link:hover,
a.button--external-link:focus,
a.button--external-link:hover {
  background-color: #095ba5
}

.a-button--inverted,
.a-button--inverted:focus,
a.button--inverted,
a.button--inverted:focus {
  border: 2px solid #0970e6;
  background-color: transparent;
  color: #0970e6
}

.a-button--inverted:hover,
a.button--inverted:hover {
  border: 2px solid #0e3368;
  background-color: transparent;
  color: #0e3368
}

.a-button--secondary,
a.button--secondary {
  background-color: #fff;
  color: #0970e6;
  border: 2px solid #0970e6;
  height: 36px;
  line-height: 36px;
  padding-top: 0;
  padding-bottom: 0
}

.a-button--secondary:focus,
.a-button--secondary:hover,
a.button--secondary:focus,
a.button--secondary:hover {
  background-color: #fff;
  color: #333;
  border: 2px solid #0758b5
}

.a-button--alt,
a.button--alt {
  background-color: #fff;
  color: #0970e6;
  border: 0;
  height: 36px;
  line-height: 36px;
  padding-top: 0;
  padding-bottom: 0
}

.a-button--alt:focus,
.a-button--alt:hover,
a.button--alt:focus,
a.button--alt:hover {
  background-color: #fff;
  color: #0758b5
}

.a-button--cta-promo,
a.button--cta-promo {
  background-color: #fff;
  color: #0970e6;
  border: 2px solid #fff;
  line-height: 36px
}

.a-button--cta-promo:focus,
.a-button--cta-promo:hover,
a.button--cta-promo:focus,
a.button--cta-promo:hover {
  background-color: #fff;
  color: #0e3368;
  border: 2px solid #fff
}

.a-button .icon,
a.button .icon {
  display: none;
  fill: #fff
}

@media (min-width: 37.5em) {
  .a-button--external-link,
  a.button--external-link {
    padding: 0 3rem 0 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M10.603.295a1.008 1.008 0 0 0-.331-.218.979.979 0 0 0-.468-.074h-6.77a1 1 0 0 0-1 1 .997.997 0 0 0 1 1h4.41c.084-.008.154-.007.23-.009L5.143 4.525.283 9.323c-.06.058-.091.131-.132.198a.985.985 0 0 0 .839 1.51c.178 0 .35-.066.509-.162.067-.04.139-.074.198-.132l4.86-4.797 2.338-2.338-.002 4.26a.997.997 0 0 0 1.707.707.998.998 0 0 0 .294-.707l.003-6.859a1 1 0 0 0-.294-.708'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 12px 12px
  }
}

@media (max-width: 37.5em) {
  .a-button .icon,
  a.button .icon {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 20px;
    display: block;
    width: 20px;
    height: 20px
  }
}

.button-back {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: transparent;
  height: 24px;
  width: 24px;
  border: 0;
  cursor: pointer;
  padding: 13px;
  text-indent: -9999px;
  overflow: hidden
}

@media (min-width: 64em) {
  .button-back {
    padding: 15px
  }
}

.button-back:focus,
.button-back:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E")
}

.button-back:focus {
  outline: none
}

.button-clean {
  display: none;
  background: url("data:image/svg+xml,%3Csvg width='19' height='14' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M16.453 12.728h-3.606V9.182a.764.764 0 0 0-.77-.758c-.424 0-.77.34-.77.758v3.546H7.702a.764.764 0 0 0-.77.757c0 .418.345.757.77.757h3.607v3.548c0 .418.345.756.769.756.425 0 .77-.338.77-.756v-3.548h3.606c.425 0 .77-.339.77-.757a.764.764 0 0 0-.77-.757' id='a'/%3E%3C/defs%3E%3Cg transform='matrix(0 1 1 0 -2 -5)' fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M10.698 3.1L6.072 7.508a2 2 0 0 0-.62 1.447v9.747a2 2 0 0 0 2 2h9.25a2 2 0 0 0 2-2V8.955a2 2 0 0 0-.62-1.447L13.457 3.1a2 2 0 0 0-2.76 0z' fill='%23929292'/%3E%3Cuse fill='%23FFF' transform='rotate(45 12.077 13.485)' xlink:href='%23a'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
  height: 24px;
  width: 24px;
  border: 0;
  cursor: pointer;
  padding: 5px 15px;
  position: absolute;
  top: 35%;
  right: 0;
  text-indent: -9999px;
  overflow: hidden;
  opacity: .5
}

@media (min-width: 64em) {
  .button-clean {
    right: 30px
  }
}

.button-overlay {
  border: 0;
  background-color: #fff;
  color: #0970e6;
  height: 36px;
  line-height: 36px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .125)
}

.button-overlay [class*=icon] {
  fill: #0970e6;
  stroke: #0970e6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px
}

.button-overlay:focus {
  background-color: #fff
}

.button-overlay:hover {
  border: 0;
  background-color: #fff;
  color: #0e3368
}

.button-overlay:hover [class*=icon] {
  fill: #0e3368;
  stroke: #0e3368
}

.button-overlay:disabled {
  border: 0;
  background-color: #fff;
  color: #929292;
  box-shadow: none
}

.button-overlay:disabled [class*=icon] {
  fill: #929292;
  stroke: #929292
}

.button-overlay:disabled:hover {
  border: 0;
  background-color: #fff;
  color: #929292;
  box-shadow: none
}

.button-overlay:disabled:hover [class*=icon] {
  fill: #929292;
  stroke: #929292
}

.button-remove {
  background: url("data:image/svg+xml,%3Csvg width='16' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230970e6'%3E%3Cpath d='M5.6 2.3h4.6c.6 0 1-.4 1-1s-.4-1-1-1H5.6c-.6 0-1 .4-1 1s.4 1 1 1zM6.6 15c-.4 0-.7-.3-.7-.7l-.4-6.4c0-.4.3-.8.7-.8.4 0 .8.3.8.7l.4 6.4c-.1.4-.4.8-.8.8zM9.2 15c-.5 0-.8-.4-.8-.8l.4-6.4c0-.4.4-.7.8-.7s.7.4.7.8l-.4 6.4c0 .4-.3.7-.7.7z'/%3E%3Cpath d='M14.3 3.5H1.4c-.6 0-1 .4-1 1s.4 1 1 1H2l.4 10.6c.1 1.4 1.1 2.5 2.3 2.5H11c1.2 0 2.2-1.1 2.3-2.5l.4-10.6h.6c.6 0 1-.4 1-1s-.4-1-1-1zm-3 12.5c0 .4-.2.5-.3.5H4.7c-.1 0-.3-.2-.3-.5L4 5.5h7.7L11.3 16z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
  height: 24px;
  width: 24px;
  border: 0;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0
}

.button-remove--disabled {
  background: url("data:image/svg+xml,%3Csvg width='16' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23e5e5e5'%3E%3Cpath d='M5.6 2.3h4.6c.6 0 1-.4 1-1s-.4-1-1-1H5.6c-.6 0-1 .4-1 1s.4 1 1 1zM6.6 15c-.4 0-.7-.3-.7-.7l-.4-6.4c0-.4.3-.8.7-.8.4 0 .8.3.8.7l.4 6.4c-.1.4-.4.8-.8.8zM9.2 15c-.5 0-.8-.4-.8-.8l.4-6.4c0-.4.4-.7.8-.7s.7.4.7.8l-.4 6.4c0 .4-.3.7-.7.7z'/%3E%3Cpath d='M14.3 3.5H1.4c-.6 0-1 .4-1 1s.4 1 1 1H2l.4 10.6c.1 1.4 1.1 2.5 2.3 2.5H11c1.2 0 2.2-1.1 2.3-2.5l.4-10.6h.6c.6 0 1-.4 1-1s-.4-1-1-1zm-3 12.5c0 .4-.2.5-.3.5H4.7c-.1 0-.3-.2-.3-.5L4 5.5h7.7L11.3 16z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%
}

.button-search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230970e6' d='M4.415 16.079A8.193 8.193 0 0 1 2 10.247a8.19 8.19 0 0 1 2.415-5.831A8.191 8.191 0 0 1 10.246 2c2.203 0 4.274.858 5.832 2.416 3.215 3.215 3.215 8.447 0 11.663a8.193 8.193 0 0 1-5.832 2.415 8.19 8.19 0 0 1-5.831-2.415m18.763 5.815l-5.076-5.076c3.367-4.022 3.167-10.038-.61-13.816A10.178 10.178 0 0 0 10.246 0c-2.737 0-5.31 1.066-7.245 3.002A10.175 10.175 0 0 0 0 10.247c0 2.737 1.065 5.31 3.001 7.246a10.18 10.18 0 0 0 7.245 3c2.37 0 4.615-.801 6.432-2.271l5.086 5.086a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: transparent;
  height: 20px;
  width: 20px;
  border: 0;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden
}

.button-search:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230e3368' d='M4.415 16.079A8.193 8.193 0 0 1 2 10.247a8.19 8.19 0 0 1 2.415-5.831A8.191 8.191 0 0 1 10.246 2c2.203 0 4.274.858 5.832 2.416 3.215 3.215 3.215 8.447 0 11.663a8.193 8.193 0 0 1-5.832 2.415 8.19 8.19 0 0 1-5.831-2.415m18.763 5.815l-5.076-5.076c3.367-4.022 3.167-10.038-.61-13.816A10.178 10.178 0 0 0 10.246 0c-2.737 0-5.31 1.066-7.245 3.002A10.175 10.175 0 0 0 0 10.247c0 2.737 1.065 5.31 3.001 7.246a10.18 10.18 0 0 0 7.245 3c2.37 0 4.615-.801 6.432-2.271l5.086 5.086a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414'/%3E%3C/svg%3E")
}

@media (min-width: 64em) {
  .button-search {
    position: absolute;
    top: 35%;
    right: 7%;
    display: initial;
    padding: 5px 15px;
    z-index: 10
  }
}

.a-button.is-secondary {
  border: 2px solid #0970e6;
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  color: #0970e6;
  height: 40px;
  line-height: 36px
}

.a-button.is-secondary [class*=icon] {
  fill: #0970e6;
  stroke: #0970e6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px
}

.a-button.is-secondary:focus {
  background-color: transparent
}

.a-button.is-secondary:hover {
  border: 2px solid #0e3368;
  background-color: transparent;
  color: #0e3368
}

.a-button.is-secondary:hover [class*=icon] {
  fill: #0e3368;
  stroke: #0e3368
}

.a-button.is-secondary:disabled {
  border: 2px solid #e5e5e5;
  background-color: transparent;
  color: #e5e5e5;
  cursor: default
}

.a-button.is-secondary:disabled [class*=icon] {
  fill: #e5e5e5;
  stroke: #e5e5e5
}

.a-button.is-secondary:disabled:hover {
  border: 2px solid #e5e5e5;
  background-color: transparent;
  color: #e5e5e5;
  cursor: default
}

.a-button.is-secondary:disabled:hover [class*=icon] {
  fill: #e5e5e5;
  stroke: #e5e5e5
}

.button-shopping-list {
  width: 24px;
  height: 24px;
  display: inline-block;
  cursor: pointer
}

.button-shopping-list__icon {
  width: 24px;
  height: 24px;
  fill: #929292
}

.carousel-pagination-item {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 2px;
  background: #929292;
  border-radius: 50%;
  opacity: 1;
  cursor: pointer
}

.carousel-pagination-item--current {
  background: #0970e6
}

.leaflet-image-layer,
.leaflet-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane,
.leaflet-pane > canvas,
.leaflet-pane > svg,
.leaflet-tile,
.leaflet-tile-container,
.leaflet-zoom-box {
  position: absolute;
  left: 0;
  top: 0
}

.leaflet-container {
  overflow: hidden
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none
}

.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
  max-width: none !important;
  max-height: none !important
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
  touch-action: none;
  touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
}

.leaflet-tile {
  -webkit-filter: inherit;
  filter: inherit;
  visibility: hidden
}

.leaflet-tile-loaded {
  visibility: inherit
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800
}

.leaflet-overlay-pane svg {
  -moz-user-select: none
}

.leaflet-pane {
  z-index: 400
}

.leaflet-tile-pane {
  z-index: 200
}

.leaflet-overlay-pane {
  z-index: 400
}

.leaflet-shadow-pane {
  z-index: 500
}

.leaflet-marker-pane {
  z-index: 600
}

.leaflet-tooltip-pane {
  z-index: 650
}

.leaflet-popup-pane {
  z-index: 700
}

.leaflet-map-pane canvas {
  z-index: 100
}

.leaflet-map-pane svg {
  z-index: 200
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute
}

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted;
  pointer-events: auto
}

.leaflet-bottom,
.leaflet-top {
  position: absolute;
  z-index: 1000;
  pointer-events: none
}

.leaflet-top {
  top: 0
}

.leaflet-right {
  right: 0
}

.leaflet-bottom {
  bottom: 0
}

.leaflet-left {
  left: 0
}

.leaflet-control {
  float: left;
  clear: both
}

.leaflet-right .leaflet-control {
  float: right
}

.leaflet-top .leaflet-control {
  margin-top: 10px
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px
}

.leaflet-left .leaflet-control {
  margin-left: 10px
}

.leaflet-right .leaflet-control {
  margin-right: 10px
}

.leaflet-fade-anim .leaflet-tile {
  will-change: opacity
}

.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1
}

.leaflet-zoom-animated {
  transform-origin: 0 0
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
  transition: transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-pan-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-tile {
  transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden
}

.leaflet-interactive {
  cursor: pointer
}

.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair
}

.leaflet-control,
.leaflet-popup-pane {
  cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing
}

.leaflet-image-layer,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none
}

.leaflet-image-layer.leaflet-interactive,
.leaflet-marker-icon.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
  pointer-events: visiblePainted;
  pointer-events: auto
}

.leaflet-container {
  background: #ddd;
  outline: 0
}

.leaflet-container a {
  color: #0078a8
}

.leaflet-container a.leaflet-active {
  outline: 2px solid orange
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: hsla(0, 0%, 100%, .5)
}

.leaflet-container {
  font: 12px/1.5 Helvetica Neue, Arial, Helvetica, sans-serif
}

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
  border-radius: 4px
}

.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #000
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block
}

.leaflet-bar a:hover {
  background-color: #f4f4f4
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: 700 18px Lucida Console, Monaco, monospace;
  text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px
}

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
  background: #fff;
  border-radius: 5px
}

.leaflet-control-layers-toggle {
  background-image: url(/images/a6137456ed160d7606981aa57c559898.png);
  width: 36px;
  height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(/images/4f0283c6ce28e888000e978e537a6a56.png);
  background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px
}

.leaflet-control-layers-expanded .leaflet-control-layers-toggle,
.leaflet-control-layers .leaflet-control-layers-list {
  display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px
}

.leaflet-control-layers label {
  display: block
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
  background-image: url(/images/2273e3d8ad9264b7daa5bdbf8e6b47f8.png)
}

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: hsla(0, 0%, 100%, .7);
  margin: 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333
}

.leaflet-control-attribution a {
  text-decoration: none
}

.leaflet-control-attribution a:hover {
  text-decoration: underline
}

.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  background: hsla(0, 0%, 100%, .5)
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
  box-shadow: none
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-layers {
  border: 2px solid rgba(0, 0, 0, .2);
  background-clip: padding-box
}

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px
}

.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4
}

.leaflet-popup-content p {
  margin: 18px 0
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: #fff;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 4px 4px 0 0;
  border: none;
  text-align: center;
  width: 18px;
  height: 14px;
  font: 16px/14px Tahoma, Verdana, sans-serif;
  color: #c3c3c3;
  text-decoration: none;
  font-weight: 700;
  background: transparent
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #999
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px
}

.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999
}

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666
}

.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before,
.leaflet-tooltip-top:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: ""
}

.leaflet-tooltip-bottom {
  margin-top: 6px
}

.leaflet-tooltip-top {
  margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff
}

.leaflet-tooltip-left {
  margin-left: -6px
}

.leaflet-tooltip-right {
  margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff
}

.a-map {
  height: 100vh
}

.collapse {
  text-align: left
}

.collapse__content {
  display: none
}

.collapse.open .collapse__content {
  display: block
}

.collapse.open .collapse__open {
  display: none
}

.collapse a {
  font-weight: 700
}

.counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  justify-content: space-between;
  width: 102px
}

.counter__value {
  vertical-align: top;
  font-weight: 700;
  color: #0e3368;
  margin: 0 3%;
  display: inline-block
}

.counter__value--forced {
  animation-duration: 1s;
  animation-name: easeOutElastic
}

.counter__value--disabled {
  color: #929292
}

@keyframes easeOutElastic {
  0% {
    transform: scale(3)
  }
  14% {
    transform: scale(0)
  }
  28% {
    transform: scale(1.3)
  }
  42% {
    transform: scale(.9)
  }
  56% {
    transform: scale(1.05)
  }
  70% {
    transform: scale(.97)
  }
  84% {
    transform: scale(1.01)
  }
  to {
    transform: scale(1)
  }
}

.counterb-count,
.counterb-minus,
.counterb-ok,
.counterb-plus {
  position: absolute;
  top: 0;
  height: 40px;
  transition: all .2s ease-out
}

.counterb-minus {
  z-index: 1;
  left: 0;
  width: 40px;
  padding: 0;
  border: 2px solid #e5e5e5;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%230970e6' d='M21.7 14.7h-11c-.6 0-1.1.5-1.1 1.1 0 .6.5 1.1 1.1 1.1h11c.6 0 1.1-.5 1.1-1.1 0-.5-.5-1.1-1.1-1.1z'/%3E%3C/svg%3E") no-repeat 50%;
  border-radius: 50%;
  transform: scale(0)
}

.counterb-minus:active,
.counterb-minus:focus {
  background-color: #fff
}

.counterb-minus:hover {
  background-color: #e5e5e5
}

.product-pricing input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=range]).counterb-count {
  left: 35px;
  width: 40px;
  text-align: center;
  outline: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  font-weight: 700;
  color: #0e3368
}

.product-pricing input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=range]).counterb-count:focus {
  box-shadow: none;
  background-color: transparent
}

.counterb-plus {
  z-index: 1;
  right: 0;
  width: 100%;
  text-align: left;
  padding: 0 .75rem 0 1.5rem;
  border-radius: 30px
}

.counterb-plus,
.counterb-plus:active,
.counterb-plus:focus {
  background-color: #0970e6
}

.counterb-max {
  float: right;
  font-size: .83333em;
  margin-right: -.375rem
}

.counterb-cart {
  height: 60%;
  position: absolute;
  right: 20px;
  top: 20%;
  transition: transform .2s ease-in-out
}

.counterb-ok {
  text-align: center;
  right: 0;
  padding: 0;
  border-radius: 30px;
  width: 40px;
  line-height: 40px;
  transform: scale(0)
}

.counterb {
  width: 145px;
  min-width: 140px;
  height: 40px;
  position: relative;
  display: inline-block
}

.counterb--open .counterb-plus {
  width: 70px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' class='st0' d='M22.7 14.7h-5.3V9.4c0-.6-.5-1.1-1.1-1.1s-1.1.5-1.1 1.1v5.3H9.8c-.6 0-1.1.5-1.1 1.1 0 .6.5 1.1 1.1 1.1h5.3v5.3c0 .6.5 1.1 1.1 1.1s1.1-.5 1.1-1.1V17h5.3c.6 0 1.1-.5 1.1-1.1.1-.6-.4-1.2-1-1.2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0
}

.counterb--open .counterb-minus {
  transform: scale(1);
  cursor: pointer;
  outline: 0 none
}

.counterb--open .counterb-cart {
  transform: translateX(10px)
}

.counterb--max .counterb-plus {
  background-color: #929292;
  pointer-events: none;
  cursor: default
}

.counterb--focused .counterb-count {
  border: 1px solid #f5f4f2 !important;
  box-shadow: 0 0 15px 0 rgba(9, 112, 230, .3) !important
}

.counterb--focused .counterb-minus,
.counterb--focused .counterb-plus {
  transform: scale(0)
}

.counterb--focused .counterb-ok {
  transform: scale(1)
}

.sg-bg-dark {
  background-color: #575757
}

.sg-bg-dark,
.sg-bg-light {
  padding: 3rem;
  min-height: 100vh
}

.sg-bg-light {
  background-color: #f5f4f2
}

.cta p + {
  margin-top: 1.5rem
}

.cta:visited {
  color: #fff
}

.cta:disabled {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: not-allowed
}

.cta--primary-dark {
  font-family: Ubuntu, sans-serif;
  background-color: rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
}

.cta--primary-dark:visited {
  color: #fff
}

.cta--primary-dark:focus,
.cta--primary-dark:hover {
  background-color: #095ba5;
  color: #fff
}

.cta--primary-dark:visited {
  color: #333;
}

.cta--primary-dark:focus,
.cta--primary-dark:hover {
  border-color: #fff;
  background-color: #fff;
  color: #0e3368
}

.cta--secondary {
  font-family: Ubuntu, sans-serif;
  background-color: transparent;
  border: 2px solid #0970e6;
  color: #0970e6;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border, color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.cta--secondary:visited {
  color: #0970e6
}

.cta--secondary:focus,
.cta--secondary:hover {
  border-color: #0e3368;
  background-color: transparent;
  color: #0e3368
}

.cta--secondary-dark {
  font-family: Ubuntu, sans-serif;
  border: 2px solid #0970e6;
  color: #0970e6;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border, color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff
}

.cta--secondary-dark:visited {
  color: #0970e6
}

.cta--secondary-dark:focus,
.cta--secondary-dark:hover {
  border-color: #0e3368;
  color: #0e3368
}

.cta--secondary-dark:visited {
  color: #fff
}

.cta--secondary-dark:focus,
.cta--secondary-dark:hover {
  border-color: #dfdfdf;
  background-color: transparent;
  color: #dfdfdf
}

.cta--tertiary {
  font-family: Ubuntu, sans-serif;
  background-color: transparent;
  border: 0;
  color: #0970e6;
  text-transform: none;
  padding: 0;
  display: inline-block;
  letter-spacing: .5px;
  font-size: .9rem;
  transition-property: color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.cta--tertiary:visited {
  color: #0970e6
}

.cta--tertiary:focus,
.cta--tertiary:hover {
  background-color: transparent;
  border: 0;
  color: #095ba5
}

.cta--tertiary:before {
  content: "";
  white-space: pre;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='10'%3E%3Cpath fill='%23db3832' d='M0 0l4 5.032L0 10c.444-1.462.667-3.129.667-5S.444 1.462 0 0z'/%3E%3C/svg%3E") no-repeat 50%;
  display: inline-block;
  margin: 0 .375rem 0 0;
  vertical-align: text-bottom;
  width: 1em;
  height: 1em
}

.cta--tertiary-dark {
  font-family: Ubuntu, sans-serif;
  color: #0970e6;
  text-transform: none;
  padding: 0;
  display: inline-block;
  letter-spacing: .5px;
  font-size: .9rem;
  transition-property: color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  color: #fff
}

.cta--tertiary-dark:visited {
  color: #0970e6
}

.cta--tertiary-dark:focus,
.cta--tertiary-dark:hover {
  background-color: transparent;
  border: 0;
  color: #095ba5
}

.cta--tertiary-dark:before {
  content: "";
  white-space: pre;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='10'%3E%3Cpath fill='%23db3832' d='M0 0l4 5.032L0 10c.444-1.462.667-3.129.667-5S.444 1.462 0 0z'/%3E%3C/svg%3E") no-repeat 50%;
  display: inline-block;
  margin: 0 .375rem 0 0;
  vertical-align: text-bottom;
  width: 1em;
  height: 1em
}

.cta--tertiary-dark:visited {
  color: #fff
}

.cta--tertiary-dark:focus,
.cta--tertiary-dark:hover {
  color: #dfdfdf
}

.cta--tertiary-dark:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='10'%3E%3Cpath fill='%23fff' d='M0 0l4 5.032L0 10c.444-1.462.667-3.129.667-5S.444 1.462 0 0z'/%3E%3C/svg%3E")
}

.breadcrumbs a {
  font-family: Ubuntu, sans-serif;
  background-color: transparent;
  border: 0;
  color: #0970e6;
  text-transform: none;
  padding: 0;
  display: inline-block;
  letter-spacing: .5px;
  font-size: .9rem;
  transition-property: color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
  color: #095ba5;
  font-weight: 400;
  position: relative;
  padding: .75rem;
  padding-right: 0
}

.breadcrumbs a:visited {
  color: #0970e6
}

.breadcrumbs a:focus,
.breadcrumbs a:hover {
  background-color: transparent;
  border: 0;
  color: #095ba5
}

.breadcrumbs a:before {
  content: "";
  white-space: pre;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='10'%3E%3Cpath fill='%23db3832' d='M0 0l4 5.032L0 10c.444-1.462.667-3.129.667-5S.444 1.462 0 0z'/%3E%3C/svg%3E") no-repeat 50%;
  display: inline-block;
  margin: 0 .375rem 0 0;
  vertical-align: text-bottom;
  width: 1em;
  height: 1em
}

.expansion-panel {
  overflow: hidden
}

.expansion-panel__title {
  font-size: 14px;
  cursor: pointer;
  color: #575757;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  margin: 0;
  padding: 10px 36px 10px 20px;
  display: block;
  position: relative;
  clear: both;
  z-index: 2
}

.expansion-panel--store-filter .expansion-panel__title {
  color: #0e3368;
  font-size: 1rem;
  font-weight: 700
}

.expansion-panel__title:before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230970e6' d='M5 17.4c.5.5 1.2.5 1.7 0l5.9-5.8 5.8 5.8c.5.5 1.2.5 1.7 0s.5-1.2 0-1.7l-6.6-6.6c-.2-.2-.5-.3-.8-.3-.3 0-.6.1-.8.3l-6.6 6.6c-.7.5-.7 1.3-.3 1.7z'/%3E%3C/svg%3E") no-repeat 50%;
  display: inline-block;
  height: 16px;
  width: 16px;
  position: absolute;
  right: 10px;
  margin-top: -8px;
  top: 50%;
  transform: scaleY(-1)
}

.expansion-panel__content {
  margin: 0;
  max-height: 0;
  opacity: 0
}

.expansion-panel * {
  transition: transform .25s ease-in-out
}

.expansion-panel__checkbox {
  opacity: 0;
  position: absolute
}

.expansion-panel__checkbox:focus ~ .expansion-panel__title,
.expansion-panel__checkbox:hover ~ .expansion-panel__title {
  color: #0970e6
}

.expansion-panel__checkbox:checked ~ .expansion-panel__content {
  padding: 1.5rem .5em;
  max-height: none;
  opacity: 1
}

.expansion-panel__checkbox:checked ~ .expansion-panel__title:before {
  transform: scaleY(1)
}

.fast-link {
  position: relative;
  font-weight: 700;
  color: #0970e6;
  font-size: 14px;
  margin-left: 12px
}

.fast-link__picto {
  position: absolute;
  top: 6px;
  width: 4px;
  height: 10px;
  left: -12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='10'%3E%3Cpath fill='main' d='M0 0l4 5.032L0 10c.444-1.462.667-3.129.667-5S.444 1.462 0 0z'/%3E%3C/svg%3E") no-repeat 50%
}

.check-pill {
  display: inline-block;
  cursor: pointer
}

.check-pill__inner {
  font-size: 18px;
  background: #fff;
  color: #0970e6;
  display: inline-block;
  padding: .1em 2em;
  transition: .3s;
  border: 1px solid #0970e6;
  border-radius: 2em;
  position: relative
}

.check-pill__inner svg {
  transition: .2s;
  position: absolute;
  left: calc(100% - 2em);
  top: calc(50% - 3px);
  transform: scale(0)
}

.check-pill__inner span {
  transition: .3s;
  position: relative;
  left: 0
}

.check-pill input {
  visibility: hidden;
  position: absolute
}

.check-pill input:checked + .check-pill__inner {
  background: #0970e6;
  color: #fff
}

.check-pill input:checked + .check-pill__inner svg {
  width: 16px;
  position: absolute;
  transform: scale(1)
}

.check-pill input:checked + .check-pill__inner span {
  left: -12px;
  position: relative
}

.checkbox *,
.checkbox:before {
  transition: .2s ease-in-out
}

.checkbox input {
  opacity: 0;
  position: absolute
}

.checkbox input + label:before {
  content: "";
  border: 1px solid #e5e5e5;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 1rem;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 2px;
  background: #fff;
  flex-shrink: 0;
  margin-right: .75rem
}

.checkbox input:checked + label {
  color: #0970e6
}

.checkbox input:checked + label:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230970e6' d='M21.8 5.6c-.5-.5-1.2-.5-1.7 0L9.7 16l-5.8-5.8c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l6.6 6.6c.2.2.5.3.8.3.3 0 .6-.1.8-.3L21.8 7.3c.5-.5.5-1.3 0-1.7z'/%3E%3C/svg%3E") #fff
}

.checkbox input:focus + label:before,
.checkbox input:hover + label:before {
  border-color: #0970e6
}

.checkbox.checkbox--invalid input + label {
  color: #db3832
}

.checkbox.checkbox--invalid input + label:before {
  border-color: #db3832
}

.form-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #0e3368;
  font-weight: 400;
  cursor: pointer;
  margin-bottom: .5rem
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=range]) {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  color: #929292;
  padding: .5em 1em;
  box-shadow: none;
  transition: .3s;
  outline: none;
  font-weight: 400
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=range]):focus {
  outline: none;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(14, 51, 104, .15);
  border-color: #929292
}

input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=range]).input--invalid {
  border: 1px solid #db3832;
  color: #db3832
}

.input-addon {
  display: flex;
  align-items: center;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #e5e5e5;
  padding: .5em 1.5em;
  color: #929292
}

.input-group {
  display: flex
}

.input-group input:not([type=submit]):not([type=file]):not([type=checkbox]) {
  margin: 0;
  border: 1px solid #e5e5e5;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: 40px;
  outline: none;
  flex-grow: 10;
  width: 10px
}

.input-group input:not([type=submit]):not([type=file]):not([type=checkbox]).input-group__error {
  color: #db3832
}

.input-group__label {
  display: none
}

.input-group__button {
  height: 40px;
  width: 40px;
  font-size: 14px;
  display: inline-block;
  background-color: #0970e6;
  text-align: center;
  font-weight: 700;
  border: 1px solid #0970e6;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
  color: #fff;
  line-height: 40px
}

.input-group__button__disabled {
  cursor: default;
  opacity: .2
}

.input-number input:not([type=submit]):not([type=file]):not([type=checkbox]) {
  border: 1px solid #e5e5e5;
  color: #575757
}

.input-number input:not([type=submit]):not([type=file]):not([type=checkbox]):focus,
.input-number input:not([type=submit]):not([type=file]):not([type=checkbox]):hover {
  border-color: #0970e6;
  box-shadow: none
}

#search-bar-input {
  position: relative;
  display: block;
  width: 0;
  margin: 0;
  padding: 0;
  font-size: 1.2em;
  font-weight: 300;
  color: #0970e6;
  border: 0;
  border-bottom: 1px solid #0970e6;
  border-radius: 0;
  box-shadow: none;
  transition: width .5s ease-out, left .5s ease-out
}

#search-bar-input::-webkit-input-placeholder {
  text-indent: -.02em;
  font-size: .75rem;
  font-weight: 400;
  color: #0970e6;
  opacity: 1;
  transition: opacity .2s ease-in-out .5s
}

#search-bar-input::-moz-placeholder {
  text-indent: -.02em;
  font-size: .75rem;
  font-weight: 400;
  color: #0970e6;
  opacity: 1;
  transition: opacity .2s ease-in-out .5s
}

#search-bar-input:-ms-input-placeholder {
  text-indent: -.02em;
  font-size: .75rem;
  font-weight: 400;
  color: #0970e6;
  opacity: 1;
  transition: opacity .2s ease-in-out .5s
}

#search-bar-input:-moz-placeholder {
  text-indent: -.02em;
  font-size: .75rem;
  font-weight: 400;
  color: #0970e6;
  opacity: 1;
  transition: opacity .2s ease-in-out .5s
}

#search-bar-input:focus:before {
  width: 0;
  border-bottom-width: 0
}

#search-bar-input:focus:after {
  width: 100%;
  border-bottom-width: 1px
}

@media (min-width: 64em) {
  #search-bar-input {
    display: inherit;
    width: 100%;
    margin: 0 .5em;
    padding: 0 25px .2em 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: width .5s ease-out, margin .5s ease-out
  }
}

.progress-bar {
  margin: .5rem 0;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5
}

.progress-bar__progress {
  height: 5px;
  border-radius: 3px;
  position: relative;
  bottom: 2px
}

.progress-bar__progress.nutrition-protein {
  background-color: #4ccd8a
}

.progress-bar__progress.nutrition-fat {
  background-color: #ffccbd
}

.progress-bar__progress.nutrition-carbohydrate {
  background-color: #c4efff
}

.progress-bar__progress.nutrition-fibre {
  background-color: #fee2a2
}

.progress-bar__progress.nutrition-salt {
  background-color: #929292
}

.progress-bar__progress.nutrition-vitamins {
  background-color: #c9f0db
}

.radio-button *,
.radio-button:before {
  transition: .2s ease-in-out
}

.radio-button__label {
  cursor: pointer
}

.radio-button__label--inline {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  flex-direction: row
}

.radio-button__label--column {
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  flex-direction: column
}

.radio-button__label__img {
  margin: 5px 0
}

.radio-button__label:before {
  content: "";
  border-radius: 100%;
  border: 1px solid #e5e5e5;
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  cursor: pointer;
  background: #fff;
  flex-shrink: 0
}

.radio-button__input {
  opacity: 0;
  position: absolute
}

.radio-button__input:focus + .radio-button__label:before,
.radio-button__input:hover + .radio-button__label:before {
  border-color: #0970e6
}

.radio-button__input:checked + .radio-button__label:before {
  background: radial-gradient(circle, #0970e6 4.9px, #fff 5px) 0 0 #fff
}

.radio-button__input:checked + .radio-button__label__text {
  color: #0970e6
}

.radio-button.radio-button--invalid .radio-button__input:focus + .radio-button__label:before,
.radio-button.radio-button--invalid .radio-button__input:hover + .radio-button__label:before,
.radio-button.radio-button--invalid .radio-button__label:before {
  border-color: #db3832
}

.radio-button--link .radio-button__label:before {
  content: none;
  display: none
}

.multiselect {
  padding: 0 .5em;
  position: relative;
  z-index: 1;
  text-align: right;
  outline: none
}

.multiselect--active {
  background: #fff;
  border: 1px solid rgba(9, 112, 230, .2);
  box-shadow: 0 0 15px 0 rgba(9, 112, 230, .2);
  border-radius: 5px;
  outline: none;
  position: absolute;
  right: calc(-1px + .5em);
  top: -1px;
  padding-left: .5em;
  margin-right: -.5em;
  margin-left: -.5em;
  white-space: nowrap
}

.multiselect--active .multiselect__single {
  margin-top: -7px;
  color: #095ba5
}

.multiselect--active .multiselect__single:before {
  transform: scaleY(1) translateY(-50%)
}

.multiselect--active .multiselect__content-wrapper {
  display: block
}

.multiselect__option,
.multiselect__single {
  cursor: pointer
}

.multiselect__option {
  display: block
}

.multiselect__option:focus,
.multiselect__option:hover {
  color: #0970e6
}

.multiselect__option--selected {
  display: none
}

.multiselect__element {
  margin-bottom: 0;
  line-height: 1.8
}

.multiselect__single {
  font-weight: 700;
  color: #0970e6;
  position: relative;
  padding-right: 32px
}

.multiselect__single:focus,
.multiselect__single:hover {
  color: #095ba5
}

.multiselect__single:before {
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230970e6' d='M5 17.4c.5.5 1.2.5 1.7 0l5.9-5.8 5.8 5.8c.5.5 1.2.5 1.7 0s.5-1.2 0-1.7l-6.6-6.6c-.2-.2-.5-.3-.8-.3-.3 0-.6.1-.8.3l-6.6 6.6c-.7.5-.7 1.3-.3 1.7z'/%3E%3C/svg%3E") no-repeat 50%;
  display: inline-block;
  height: 16px;
  width: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: scaleY(-1) translateY(50%)
}

.multiselect__content {
  padding: 10px 0 0;
  list-style: none;
  margin: 0;
  display: inline-block
}

.multiselect__content-wrapper {
  display: none;
  padding: 0 .5em;
  margin: -.5em
}

.multiselect--input-like {
  padding: .5em 1em;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  width: 100%;
  text-align: left
}

.multiselect--input-like .multiselect__single {
  display: block;
  margin-top: 0;
  color: #929292;
  font-weight: 400
}

.multiselect--input-like .multiselect__single:before {
  top: 1rem
}

.select-complex {
  position: relative
}

.select-complex--fade-enter-active,
.select-complex--fade-leave-active {
  transition: opacity .5s
}

.select-complex--fade-enter,
.select-complex--fade-leave-to {
  opacity: 0
}

.select-complex__label {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border: 1px solid #e5e5e5;
  color: #0e3368;
  padding: 8px 35px 8px 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: Open Sans, Georgia, Serif;
  font-weight: 300;
  font-size: 14px;
  display: block;
  outline: none;
  position: relative
}

.select-complex__label__icon-error {
  position: absolute;
  right: 35px;
  top: 12px;
  width: 15px;
  height: 15px
}

.select-complex__label__arrow {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24'%3E%3Cdefs%3E%3Cpath id='a' d='M19.402 7.347a1.187 1.187 0 0 0-1.678 0l-5.85 5.85-5.85-5.85a1.187 1.187 0 0 0-1.677 1.677l6.639 6.638c.232.232.535.347.839.347.016 0 .033-.009.05-.01.016.001.033.01.049.01.304 0 .608-.115.839-.347l6.639-6.638a1.186 1.186 0 0 0 0-1.677'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%2300f' xlink:href='%23a'/%3E%3Cg mask='url(%23b)'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
  transition: transform .8s ease;
  transform-origin: center 10px
}

.select-complex__label__arrow--invert {
  transform: rotate(180deg)
}

.select-complex__label:focus {
  box-shadow: 0 0 10px 0 rgba(14, 51, 104, .15)
}

.select-complex__content,
.select-complex__label--closed {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px
}

.select-complex__content {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  color: #0e3368;
  padding: 16px 24px 16px 19px;
  text-overflow: ellipsis;
  font-family: Open Sans, Georgia, Serif;
  font-weight: 300;
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: #fff
}

.select-complex__content__option {
  padding: 0 12px 0 28px;
  cursor: pointer;
  outline: none;
  position: relative
}

.select-complex__content__option__divider {
  height: 1px;
  margin: 16px 0;
  opacity: .3;
  border-style: solid;
  border-width: 0;
  border-image-source: linear-gradient(270deg, #0970e6, #0e3368);
  border-bottom: 1px solid #0e3368;
  border-image-slice: 1
}

.select-complex__content__option__inner {
  width: 70%;
  position: relative
}

.select-complex__content__option__inner .icon-pin {
  margin: 0;
  width: 24px;
  height: 24px;
  top: 0;
  left: -30px;
  position: absolute
}

.select-complex__content__option--no-link:focus {
  color: #575757
}

.select-complex__content__option--link {
  font-size: 14px;
  font-weight: 700;
  color: #0970e6;
  margin-left: -13px;
  position: relative
}

.select-complex__content__option--link:focus {
  outline: none;
  color: #095ba5
}

.select-complex__content__real {
  visibility: hidden;
  position: absolute;
  left: -3000px
}

.toggle-switch *,
.toggle-switch:before {
  transition: .2s ease-in-out
}

.toggle-switch input {
  opacity: 0;
  position: absolute
}

.toggle-switch label {
  display: inline-flex;
  cursor: pointer
}

.toggle-switch label .toggle {
  position: relative;
  display: block;
  border: 1px solid #e5e5e5;
  background: #fff;
  height: 31px;
  width: 54px;
  border-radius: 22px;
  flex: 0 0 auto
}

.toggle-switch label .toggle:before {
  content: "";
  display: block;
  position: absolute;
  top: 6.5px;
  left: 6.5px;
  padding: 6.5px;
  border-radius: 50px;
  height: 15px;
  width: 15px;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 2px 2px 0 0 rgba(14, 51, 104, .39);
  float: left
}

.toggle-switch label .toggle-switch__label {
  display: block;
  flex-grow: 1;
  padding-top: 4px
}

.toggle-switch input:checked + label .toggle {
  background: #4ccd8a
}

.toggle-switch input:checked + label .toggle:before {
  left: 32.5px
}

.toggle-switch input:checked + label .label {
  color: #0970e6
}

.toggle-switch input:focus + label .toggle,
.toggle-switch input:hover + label .toggle {
  border: 1px solid #0970e6
}

.image--lazy:not([src]):not([srcset]) {
  visibility: hidden
}

.image--lazy[data-src],
.image--lazy[data-srcset] {
  display: block;
  min-height: 1px
}

.a-avatar {
  width: 3em;
  height: 3em;
  border-radius: 3em
}

.lazyimage {
  background-color: #fff
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}

.loader {
  margin: 0 auto;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: .25rem solid rgba(14, 51, 104, .4);
  border-top-color: #0e3368;
  animation: spin 1s infinite linear
}

.loader--fixed {
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.max-message {
  top: calc(100% - 1.5rem);
  border-radius: 5px;
  font-size: .69444em;
  line-height: 1.2;
  background-color: #0e3368;
  color: #fff;
  padding: .75rem;
  opacity: 0;
  width: calc(100% + 3rem);
  z-index: 8000
}

.max-message,
.max-message:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: .3s ease-in
}

.max-message:before {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0e3368;
  top: -10px;
  content: "";
  display: inline-block;
  opacity: 1
}

.max-message--shown {
  opacity: 1
}

.notification {
  border-radius: 10px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25);
  color: #575757;
  min-height: 80px;
  font-weight: 400;
  margin: 20px;
  position: relative;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.notification--fade-enter-active,
.notification--fade-leave-active {
  transition: opacity .5s
}

.notification--fade-enter,
.notification--fade-leave-to {
  opacity: 0
}

.notification--success {
  background-color: #dbf5e8
}

.notification--error {
  background-color: #ffccbd
}

.notification__picto {
  position: absolute;
  height: 24px;
  width: 24px;
  left: 16px
}

.notification__content {
  margin: 23px 20px 23px 55px
}

.notification__close {
  display: none
}

@media (min-width: 70em) {
  .notification__close {
    position: absolute;
    display: block;
    top: 7px;
    right: 7px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E") no-repeat transparent 50%
  }
}

#notification-container {
  position: fixed;
  top: 120px;
  min-width: 50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100
}

@media (min-width: 50em) {
  #notification-container {
    top: 130px
  }
}

@media (min-width: 70em) {
  #notification-container {
    top: 140px
  }
}

.opening-hours {
  display: flex;
  margin-top: 1em;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  font-weight: 700;
  color: #575757
}

.opening-hours:before {
  display: block;
  border-radius: 50%;
  margin-left: .5em;
  margin-right: 1em;
  width: .5rem;
  height: .5rem;
  background-color: #4ccd8a;
  content: ""
}

@media (min-width: 64em) {
  .opening-hours:before {
    margin-right: 1em
  }
}

.out-of-stock-msg {
  color: #db3832;
  width: 100%;
  word-wrap: normal;
  font-size: .69444em;
  font-weight: 700;
  line-height: 1.1;
  text-align: center
}

.out-of-stock-msg__icon-sad {
  margin: 0 auto 1.5rem;
  fill: #db3832;
  width: 24px;
  height: 24px;
  display: none
}

#overlay {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
  transition: opacity .3s ease
}

#overlay.opened {
  display: inherit
}

.pill {
  background-color: #db3832;
  display: inline-flex;
  align-items: center;
  padding: 0 1em;
  border-radius: 2rem;
  color: #fff;
  font-size: .69444em
}

.pill svg {
  margin: 5px;
  margin-right: -.25em
}

.promotion-label {
  font-size: .83333em;
  border-radius: .5rem;
  padding: 0;
  margin: 0;
  height: 2.25rem;
  line-height: 2.25rem;
  color: #0e3368;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  width: 100%
}

.promotion-label__icon {
  display: inline-block;
  border-radius: 2.25rem 0 0 2.25rem;
  background-color: #4ccd8a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.8 5.6c-.5-.5-1.2-.5-1.7 0L9.7 16l-5.8-5.8c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l6.6 6.6c.2.2.5.3.8.3.3 0 .6-.1.8-.3L21.8 7.3c.5-.5.5-1.3 0-1.7z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 16px 24px;
  width: 3rem;
  height: 2.25rem
}

.promotion-label__txt {
  position: relative;
  background-color: #fff29c;
  border-radius: .5rem;
  margin: 0;
  padding: 0 .75rem;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: unset;
  white-space: nowrap;
  display: inline-block;
  flex-grow: 1
}

.promotion-label--applied [class$=__txt] {
  border-radius: 0 .5rem .5rem 0;
  background-color: #4ccd8a
}

@media (min-width: 37.5em) {
  .promotion-label__icon {
    background-size: 24px 24px
  }
}

.see-more__title {
  overflow: hidden;
  text-indent: -9999px;
  line-height: 0;
  display: block !important;
  cursor: pointer;
  height: 40px;
  position: relative
}

.see-more__title:before {
  content: "";
  background: #e5e5e5;
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
  z-index: 0;
  top: 20px
}

.see-more__title:after {
  content: "";
  margin: 0 auto;
  color: #0970e6;
  font-weight: 700;
  text-decoration: none;
  font-size: 1em;
  line-height: 1em;
  vertical-align: middle;
  font-family: Ubuntu, sans-serif;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%230970e6' d='M21.7 14.7h-11c-.6 0-1.1.5-1.1 1.1 0 .6.5 1.1 1.1 1.1h11c.6 0 1.1-.5 1.1-1.1 0-.5-.5-1.1-1.1-1.1z'/%3E%3C/svg%3E") #fff no-repeat 50%;
  height: 40px;
  width: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 100px;
  z-index: 2;
  position: relative;
  display: block
}

.see-more__content {
  margin-bottom: .5em
}

.see-more * {
  transition: transform .25s ease-in-out
}

.see-more input[type=checkbox] {
  opacity: 0;
  position: absolute
}

.see-more input[type=checkbox]:checked ~ .see-more__title:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%230970e6' class='st0' d='M22.7 14.7h-5.3V9.4c0-.6-.5-1.1-1.1-1.1s-1.1.5-1.1 1.1v5.3H9.8c-.6 0-1.1.5-1.1 1.1 0 .6.5 1.1 1.1 1.1h5.3v5.3c0 .6.5 1.1 1.1 1.1s1.1-.5 1.1-1.1V17h5.3c.6 0 1.1-.5 1.1-1.1.1-.6-.4-1.2-1-1.2z'/%3E%3C/svg%3E") #fff no-repeat 50%
}

.see-more input[type=checkbox]:checked ~ .see-more__content {
  padding: 0;
  max-height: 0;
  opacity: 0;
  transform: translateY(-5%)
}

.sign,
.sign__inner {
  display: inline-block;
  cursor: pointer
}

.sign__inner {
  font-size: 18px;
  background: #fff;
  width: 40px;
  height: 40px;
  transition: .3s;
  border: 1px solid #e5e5e5;
  border-radius: 2em;
  position: relative
}

.sign__inner:focus {
  outline: 0;
  border: 1px solid #929292
}

.sign__inner.small {
  box-shadow: none;
  width: 26px;
  height: 26px
}

.sign__inner__button {
  display: none
}

.sign__inner__symbol {
  content: "";
  width: 42%;
  height: 2px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: #0970e6
}

.disable .sign__inner__symbol {
  background-color: #e5e5e5
}

.sign__inner__symbol.vertical {
  transform: translate(-50%, -50%) rotate(90deg)
}

.badge {
  background: #e5e5e5;
  border-radius: 10px;
  color: #575757;
  font-size: .875em;
  padding: 0 5px
}

.badge--red {
  background-color: #db3832;
  color: #fff
}

.badge--sand {
  background-color: #fee2a2
}

.page-title {
  font-family: Ubuntu, sans-serif;
  margin: 0;
  color: #0e3368;
  font-weight: 800;
  line-height: 1.03;
  font-size: 1.728em;
  display: block
}

@media (min-width: 64em) {
  .page-title {
    font-size: 2.0736em
  }
}

.pre-header {
  font-weight: 500;
  font-family: Ubuntu, sans-serif;
  text-transform: uppercase;
  margin-bottom: .5em
}

.pre-header,
.sub-title {
  display: block;
  font-size: 1rem;
  line-height: 1.25;
  color: #0e3368
}

.sub-title {
  font-weight: 700
}

.subtitle {
  font-size: 1em;
  letter-spacing: .6px
}

.subtitle,
.title {
  color: #0e3368;
  font-weight: 400
}

.title {
  line-height: 1.2;
  font-size: 1.2em
}

h1.title {
  font-weight: 700;
  font-size: 1.44em
}

@media (min-width: 64em) {
  h1.title {
    font-size: 1.728em
  }
}

h2.title {
  font-weight: 300;
  font-size: 1.2em
}

@media (min-width: 64em) {
  h2.title {
    font-size: 1.44em
  }
}

.label {
  font-size: .83333em;
  color: #575757
}

.link {
  position: relative;
  color: #0970e6;
  font-weight: 700;
  text-decoration: none;
  font-size: 1em;
  line-height: 1em;
  vertical-align: middle
}

.link:hover {
  color: #095ba5
}

.link--terciary {
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  text-decoration: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='10'%3E%3Cpath fill='%23db3832' d='M0 0l4 5.032L0 10c.444-1.462.667-3.129.667-5S.444 1.462 0 0z'/%3E%3C/svg%3E") no-repeat 0 50%;
  padding-left: 12px;
  margin-left: 3px
}

.link--terciary:focus,
.link--terciary:hover {
  color: #095ba5
}

.link--terciary--nocaret {
  background: none
}

.link .icon {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 1.5em;
  display: block;
  width: 1.5em;
  height: 1.5em
}

ul.unstyled {
  margin: 0;
  list-style: none
}

ul.unstyled li:last-child {
  margin-bottom: 0
}

.paragraph {
  font-size: .83333em
}

.validation-message {
  position: relative;
  font-size: .83333em
}

.validation-message:after,
.validation-message:before {
  display: inline-block;
  width: 10px;
  margin-right: .5em
}

.validation-message.validation-message--valid:before {
  content: url('data:image/svg+xml;utf8,<svg width="10px" height="10px" viewBox="0 0 28 18" xmlns="http://www.w3.org/2000/svg"><g id="TOOLKIT" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g id="Planche_picto_def-38" transform="translate(1.307692, 1.000000)" stroke="#595F6B" stroke-width="2"><polyline id="Shape" points="0.17 6.5 9.59 15.91 25 0.5" stroke="#4ccd8a"></polyline></g></g></svg>')
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0
  }
}

@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px)
  }
  to {
    opacity: 1;
    transform: translateY(0)
  }
}

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

.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  direction: ltr;
  font-family: Avenir, Avenir Next, Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow .3s ease
}

.plyr audio,
.plyr video {
  border-radius: inherit;
  height: auto;
  vertical-align: middle;
  width: 100%
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto
}

.plyr:focus {
  outline: 0
}

.plyr--full-ui {
  box-sizing: border-box
}

.plyr--full-ui *,
.plyr--full-ui:after,
.plyr--full-ui:before {
  box-sizing: inherit
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation
}

.plyr__badge {
  background: #4f5b5f;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px
}

.plyr--full-ui::-webkit-media-text-track-container {
  display: none
}

.plyr__captions {
  animation: plyr-fade-in .3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transform: translateY(-40px);
  transition: transform .4s ease-in-out;
  width: 100%
}

.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, .8);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap
}

.plyr__captions .plyr__caption div {
  display: inline
}

.plyr__captions span:empty {
  display: none
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px
  }
}

@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px
  }
}

.plyr--captions-active .plyr__captions {
  display: block
}

.plyr--hide-controls .plyr__captions {
  transform: translateY(-15px)
}

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  transition: all .3s ease
}

.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px
}

.plyr__control:focus {
  outline: 0
}

.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 3px rgba(9, 112, 230, .35);
  outline: 0
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
  display: none
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #0970e6;
  color: #fff
}

.plyr__control--overlaid {
  background: rgba(9, 112, 230, .8);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2
}

.plyr__control--overlaid svg {
  height: 20px;
  left: 2px;
  position: relative;
  width: 20px
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  background: #0970e6
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block
}

.plyr--full-ui::-webkit-media-controls {
  display: none
}

.plyr__controls {
  align-items: center;
  display: flex;
  text-align: center
}

.plyr__controls .plyr__menu,
.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls > .plyr__control {
  margin-left: 5px
}

.plyr__controls .plyr__menu:first-child,
.plyr__controls .plyr__menu:first-child + [data-plyr=pause],
.plyr__controls .plyr__progress:first-child,
.plyr__controls .plyr__progress:first-child + [data-plyr=pause],
.plyr__controls .plyr__time:first-child,
.plyr__controls .plyr__time:first-child + [data-plyr=pause],
.plyr__controls > .plyr__control:first-child,
.plyr__controls > .plyr__control:first-child + [data-plyr=pause] {
  margin-left: 0
}

.plyr__controls .plyr__volume {
  margin-left: 5px
}

@media (min-width: 480px) {
  .plyr__controls .plyr__menu,
  .plyr__controls .plyr__progress,
  .plyr__controls .plyr__time,
  .plyr__controls > .plyr__control {
    margin-left: 10px
  }

  .plyr__controls .plyr__menu + .plyr__control,
  .plyr__controls > .plyr__control + .plyr__control,
  .plyr__controls > .plyr__control + .plyr__menu {
    margin-left: 5px
  }
}

.plyr--video .plyr__controls {
  background: linear-gradient(transparent, rgba(0, 0, 0, .7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 35px 10px 10px;
  position: absolute;
  right: 0;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
  z-index: 2
}

.plyr--video .plyr__controls .plyr__control svg {
  -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15));
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .15))
}

.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
  background: #0970e6;
  color: #fff
}

.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4f5b5f;
  padding: 10px
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%)
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip] {
  display: none
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block
}

.plyr__video-embed {
  height: 0;
  padding-bottom: 56.25%;
  position: relative
}

.plyr__video-embed iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.plyr--full-ui .plyr__video-embed iframe {
  pointer-events: none
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%)
}

.plyr__menu {
  display: flex;
  position: relative
}

.plyr__menu .plyr__control svg {
  transition: transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none
}

.plyr__menu__container {
  animation: plyr-popup .2s ease;
  background: hsla(0, 0%, 100%, .9);
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  color: #4f5b5f;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container:after {
  border: 4px solid transparent;
  border-top-color: hsla(0, 0%, 100%, .9);
  content: "";
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0
}

.plyr__menu__container ul {
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 7px
}

.plyr__menu__container ul li {
  margin-top: 2px
}

.plyr__menu__container ul li:first-child {
  margin-top: 0
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4f5b5f;
  display: flex;
  font-size: 14px;
  padding: 4px 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: rgba(79, 91, 95, .8);
  right: 5px
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px;
  margin-bottom: 3px;
  padding-left: 28px;
  position: relative;
  width: calc(100% - 14px)
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: rgba(79, 91, 95, .8);
  left: 7px
}

.plyr__menu__container .plyr__control--back:before {
  background: #b7c5cd;
  box-shadow: 0 1px 0 #fff;
  content: "";
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: currentColor
}

.plyr__menu__container label.plyr__control {
  padding-left: 7px
}

.plyr__menu__container label.plyr__control input[type=radio] + span {
  background: rgba(0, 0, 0, .1);
  border-radius: 100%;
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  position: relative;
  transition: all .3s ease;
  width: 16px
}

.plyr__menu__container label.plyr__control input[type=radio] + span:after {
  background: #fff;
  border-radius: 100%;
  content: "";
  height: 6px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 5px;
  transform: scale(0);
  transition: transform .3s ease, opacity .3s ease;
  width: 6px
}

.plyr__menu__container label.plyr__control input[type=radio]:checked + span {
  background: #0970e6
}

.plyr__menu__container label.plyr__control input[type=radio]:checked + span:after {
  opacity: 1;
  transform: scale(1)
}

.plyr__menu__container label.plyr__control input[type=radio]:focus + span {
  box-shadow: 0 0 0 3px rgba(9, 112, 230, .35);
  outline: 0
}

.plyr__menu__container label.plyr__control.plyr__tab-focus input[type=radio] + span,
.plyr__menu__container label.plyr__control:hover input[type=radio] + span {
  background: rgba(0, 0, 0, .1)
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -7px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  border-radius: 28px;
  color: #0970e6;
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  border-radius: 3px;
  height: 6px;
  transition: all .3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(90deg, currentColor var(--value, 0), transparent var(--value, 0))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
  box-sizing: border-box;
  height: 14px;
  position: relative;
  transition: all .2s ease;
  width: 14px;
  -webkit-appearance: none;
  margin-top: -4px
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: 3px;
  height: 6px;
  transition: all .3s ease;
  -moz-user-select: none;
  user-select: none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
  box-sizing: border-box;
  height: 14px;
  position: relative;
  transition: all .2s ease;
  width: 14px
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 3px;
  height: 6px
}

.plyr--full-ui input[type=range]::-ms-track {
  color: transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: transparent;
  border: 0;
  border-radius: 3px;
  height: 6px;
  transition: all .3s ease;
  -ms-user-select: none;
  user-select: none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0;
  border-radius: 3px;
  height: 6px;
  transition: all .3s ease;
  -ms-user-select: none;
  user-select: none;
  background: currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
  box-sizing: border-box;
  height: 14px;
  position: relative;
  transition: all .2s ease;
  width: 14px;
  margin-top: 0
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none
}

.plyr--full-ui input[type=range]:focus {
  outline: 0
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 3px rgba(9, 112, 230, .35);
  outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 3px rgba(9, 112, 230, .35);
  outline: 0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 3px rgba(9, 112, 230, .35);
  outline: 0
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: hsla(0, 0%, 100%, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: hsla(0, 0%, 100%, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: hsla(0, 0%, 100%, .25)
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px hsla(0, 0%, 100%, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px hsla(0, 0%, 100%, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px hsla(0, 0%, 100%, .5)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1;
  pointer-events: none
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1
}

.plyr__time {
  font-size: 14px
}

.plyr__time + .plyr__time:before {
  content: "\2044";
  margin-right: 10px
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none
  }
}

.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.plyr__tooltip {
  background: hsla(0, 0%, 100%, .9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  color: #4f5b5f;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .1s;
  white-space: nowrap;
  z-index: 2
}

.plyr__tooltip:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, .9);
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3
}

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 0 100%
}

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before {
  left: 16px
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  right: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 100% 100%
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  transform: translateX(50%)
}

.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1)
}

.plyr--video {
  overflow: hidden
}

.plyr--video.plyr--menu-open {
  overflow: visible
}

.plyr__video-wrapper {
  background: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0
}

.plyr__progress {
  display: flex;
  flex: 1;
  left: 7px;
  margin-right: 14px;
  position: relative
}

.plyr__progress__buffer,
.plyr__progress input[type=range] {
  margin-left: -7px;
  margin-right: -7px;
  width: calc(100% + 14px)
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2
}

.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: 6px;
  left: 0;
  margin-top: -3px;
  padding: 0;
  position: absolute;
  top: 50%
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent;
  transition: width .2s ease
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 6px
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 6px;
  transition: width .2s ease
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width .2s ease
}

.plyr--video .plyr__progress__buffer {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  color: hsla(0, 0%, 100%, .25)
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(183, 197, 205, .66)
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(47, 52, 61, .6) 25%, transparent 0, transparent 50%, rgba(47, 52, 61, .6) 0, rgba(47, 52, 61, .6) 75%, transparent 0, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: hsla(0, 0%, 100%, .25)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(183, 197, 205, .66)
}

.plyr__volume {
  flex: 1;
  position: relative
}

.plyr__volume input[type=range] {
  position: relative;
  z-index: 2
}

@media (min-width: 480px) {
  .plyr__volume {
    max-width: 50px
  }
}

@media (min-width: 768px) {
  .plyr__volume {
    max-width: 80px
  }
}

.plyr--is-ios.plyr--vimeo [data-plyr=mute],
.plyr--is-ios .plyr__volume {
  display: none !important
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%
}

.plyr:fullscreen video {
  height: 100%
}

.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%
}

.plyr:fullscreen .plyr__video-embed {
  overflow: visible
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%)
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px
  }

  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px
  }

  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px
  }

  .plyr:fullscreen .plyr__captions {
    font-size: 21px
  }
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%
}

.plyr:-webkit-full-screen video {
  height: 100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%
}

.plyr:-webkit-full-screen .plyr__video-embed {
  overflow: visible
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px
  }
}

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%
}

.plyr:-moz-full-screen video {
  height: 100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%
}

.plyr:-moz-full-screen .plyr__video-embed {
  overflow: visible
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%)
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none
}

@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px
  }
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%
}

.plyr:-ms-fullscreen video {
  height: 100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%
}

.plyr:-ms-fullscreen .plyr__video-embed {
  overflow: visible
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%)
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none
}

@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000
}

.plyr--fullscreen-fallback video {
  height: 100%
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  width: 100%
}

.plyr--fullscreen-fallback .plyr__video-embed {
  overflow: visible
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%)
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1
}

.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%
}

.plyr__ads:after {
  background: rgba(47, 52, 61, .8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3
}

.plyr__ads:after:empty {
  display: none
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 6px;
  left: 0;
  margin: -3px 0 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3
}

.plyr--no-transition {
  transition: none !important
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important
}

.video,
.video__element {
  width: 100%
}

.visibility-toggle {
  display: flex;
  height: 20px;
  cursor: pointer;
  align-items: center;
  margin-bottom: .5rem
}

.visibility-toggle input {
  opacity: 0;
  position: absolute;
  cursor: pointer
}

.visibility-toggle .visibility-toggle__hide {
  display: none
}

.visibility-toggle .visibility-toggle__show {
  display: flex
}

.visibility-toggle .visibility-toggle__hide,
.visibility-toggle .visibility-toggle__show {
  align-items: center
}

.visibility-toggle .visibility-toggle__icon {
  margin-top: 2px;
  transition: all 1s ease-in;
  width: 24px;
  height: 19px
}

.visibility-toggle .visibility-toggle__label {
  margin-left: .5em;
  color: #0970e6;
  font-weight: 400
}

.visibility-toggle input:checked + .visibility-toggle__hide {
  display: flex
}

.visibility-toggle input:checked + .visibility-toggle__hide + .visibility-toggle__show {
  display: none
}

.add-to-shoppinglist {
  width: 22px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%230970e6%7D%3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath class='b' d='M19.067 5.018h-2.68v-2.34a.75.75 0 0 0-.75-.75H4.496a.75.75 0 0 0-.75.75v15.428a.75.75 0 0 0 .75.75h2.678v2.34a.75.75 0 0 0 .75.75h11.144a.75.75 0 0 0 .75-.75V5.768a.75.75 0 0 0-.75-.75zM5.245 17.356V3.428h9.643v1.59H7.923a.75.75 0 0 0-.75.75v11.588zm13.072 3.09H8.673V6.518h9.644z'/%3E%3Cpath class='b' d='M12.5 10.982H16a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='11' cy='10.482' r='.5'/%3E%3Cpath class='b' d='M12.495 13.982h3.5a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='10.995' cy='13.482' r='.5'/%3E%3Cpath class='b' d='M15.995 16.964a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='10.995' cy='16.464' r='.5'/%3E%3C/svg%3E") no-repeat 50%;
  background-size: contain;
  cursor: pointer
}

.add-to-shoppinglist--added {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%230970e6%7D%3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath class='b' d='M19.067 5.018h-2.68v-2.34a.75.75 0 0 0-.75-.75H4.496a.75.75 0 0 0-.75.75v15.428a.75.75 0 0 0 .75.75h2.678v2.34a.75.75 0 0 0 .75.75h11.144a.75.75 0 0 0 .75-.75V5.768a.75.75 0 0 0-.75-.75zM5.245 17.356V3.428h9.643v1.59H7.923a.75.75 0 0 0-.75.75v11.588zm13.072 3.09H8.673V6.518h9.644z'/%3E%3Cpath class='b' d='M12.5 10.982H16a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='11' cy='10.482' r='.5'/%3E%3Cpath class='b' d='M12.495 13.982h3.5a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='10.995' cy='13.482' r='.5'/%3E%3Cpath class='b' d='M15.995 16.964a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='10.995' cy='16.464' r='.5'/%3E%3C/svg%3E") no-repeat 50%
}

.add-to-shoppinglist:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%230970e6%7D%3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath class='b' d='M19.067 5.018h-2.68v-2.34a.75.75 0 0 0-.75-.75H4.496a.75.75 0 0 0-.75.75v15.428a.75.75 0 0 0 .75.75h2.678v2.34a.75.75 0 0 0 .75.75h11.144a.75.75 0 0 0 .75-.75V5.768a.75.75 0 0 0-.75-.75zM5.245 17.356V3.428h9.643v1.59H7.923a.75.75 0 0 0-.75.75v11.588zm13.072 3.09H8.673V6.518h9.644z'/%3E%3Cpath class='b' d='M12.5 10.982H16a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='11' cy='10.482' r='.5'/%3E%3Cpath class='b' d='M12.495 13.982h3.5a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='10.995' cy='13.482' r='.5'/%3E%3Cpath class='b' d='M15.995 16.964a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='10.995' cy='16.464' r='.5'/%3E%3C/svg%3E") no-repeat 50%
}

body.no-i-am .add-to-shoppinglist {
  display: none
}

.address-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: .75rem;
  border-radius: 10px;
  border: 1px solid #e5e5e5;
  background: #fff;
  padding: 1.5rem
}

.address-card .badge {
  display: inline-block;
  border-radius: 30px;
  padding: .375rem .75rem;
  margin-bottom: 1.5rem
}

.address-card .link--terciary {
  margin-top: auto;
  align-self: flex-end
}

.alert {
  position: relative;
  padding: .5em 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem
}

.alert--primary {
  color: #095ba5;
  background-color: #fff;
  border-color: #095ba5
}

.alert--success {
  color: #4ccd8a;
  background-color: #fff;
  border-color: #4ccd8a
}

.alert--error {
  color: #db3832;
  background-color: #fff;
  border-color: #db3832
}

.alert--warning {
  color: #fee2a2;
  background-color: #fff;
  border-color: #fee2a2
}

.amount-display {
  display: inline-block
}

.amount-display__inverted-color {
  color: #fff
}

.amount-display--units {
  font-size: 22px;
  font-weight: 700
}

.amount-display--cents {
  font-size: 18px;
  font-weight: 700
}

.autosuggest {
  position: relative;
  overflow: visible
}

.autosuggest .autosuggest__box {
  display: flex
}

.autosuggest .autosuggest__box--list-open {
  border-radius: 5px 5px 0 0
}

.autosuggest .autosuggest__box__label {
  flex: 1
}

.autosuggest input[type=text]:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=range]).autosuggest__box__input {
  display: block;
  width: 100%;
  height: 40px;
  color: #0970e6;
  font-size: 16px;
  border-width: 0;
  border: 1px solid #c4efff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.autosuggest .autosuggest__box__btn {
  background: #0970e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4.415 16.079A8.193 8.193 0 0 1 2 10.247a8.19 8.19 0 0 1 2.415-5.831A8.191 8.191 0 0 1 10.246 2c2.203 0 4.274.858 5.832 2.416 3.215 3.215 3.215 8.447 0 11.663a8.193 8.193 0 0 1-5.832 2.415 8.19 8.19 0 0 1-5.831-2.415m18.763 5.815l-5.076-5.076c3.367-4.022 3.167-10.038-.61-13.816A10.178 10.178 0 0 0 10.246 0c-2.737 0-5.31 1.066-7.245 3.002A10.175 10.175 0 0 0 0 10.247c0 2.737 1.065 5.31 3.001 7.246a10.18 10.18 0 0 0 7.245 3c2.37 0 4.615-.801 6.432-2.271l5.086 5.086a.997.997 0 0 0 1.414 0 1 1 0 0 0 0-1.414'/%3E%3C/svg%3E") no-repeat 50%;
  background-size: 23px;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 0 5px 5px 0;
  cursor: pointer
}

.autosuggest .autosuggest__box__btn--list-open {
  border-radius: 0 5px 0 0
}

.autosuggest .autosuggest__list {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #c4efff;
  border-radius: 0 0 5px 5px;
  color: #0970e6;
  z-index: 2;
  font-size: .875rem;
  overflow-y: scroll
}

.autosuggest .autosuggest__listitem {
  padding: .75rem .7875rem;
  margin: 0;
  cursor: pointer
}

.autosuggest .autosuggest__listitem--active,
.autosuggest .autosuggest__listitem:hover {
  background: #c4efff
}

.autosuggest .autosuggest__listitem--dark:hover {
  color: #fff;
  background: #0970e6
}

.autosuggest .autosuggest__listitem__match,
a.back-button {
  font-weight: 700
}

a.back-button {
  display: inline-block;
  color: #095ba5;
  font-size: 1em
}

a.back-button:visited {
  color: #095ba5
}

a.back-button:active,
a.back-button:hover {
  color: #0e3368
}

.back-button__arrow {
  display: inline-block;
  position: relative;
  top: 1px;
  margin: 0 1rem 0 0;
  height: 14px;
  width: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230970e6' d='M99.8 48.7c-.5-1-1-1.5-1.5-1.9L75.1 23.5c-1.9-1.9-4.8-1.9-6.8 0-1.9 1.9-1.9 4.8 0 6.8l15 15H5.7c-2.9 0-4.8 1.9-4.8 4.8S2.8 55 5.7 55h77.6L67.8 70.5c-1.9 1.9-1.9 4.8 0 6.8 1 1 2.4 1.5 3.4 1.5s2.4-.5 3.4-1.5L98.3 54c1-1 1.5-1.9 1.5-3.4.5-1 0-1.5 0-1.9z'/%3E%3C/svg%3E") no-repeat 50%;
  background-size: contain;
  transform: scaleX(-1)
}

.bank-cards {
  border-top: 1px solid #929292;
  border-bottom: 1px solid #929292;
  margin-top: 20px;
  text-align: center;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap
}

.bank-cards__group {
  margin: 10px 15px
}

.bank-cards__group__title {
  font-weight: 400;
  font-size: .69444em
}

.bank-cards__group__list {
  display: inline;
  padding-right: 5px
}

.bank-cards__group__icon {
  margin: 0
}

.basket-infos {
  position: relative;
  overflow: hidden;
  display: flex;
  width: inherit;
  height: inherit;
  flex: auto
}

.basket-infos__anim {
  position: absolute;
  left: -22px;
  right: -22px;
  bottom: -55%;
  z-index: 2;
  transform: translateY(0)
}

.basket-infos__anim.slide-enter {
  transform: translateY(-100%) !important
}

.basket-infos__anim.slide-enter-active {
  transform: translateY(0);
  transition: all .4s ease-out
}

.basket-infos__anim.slide-leave {
  transform: translateY(0)
}

.basket-infos__anim.slide-leave-active {
  transform: translateY(100%);
  transition: all .4s ease-out
}

.basket-infos__anim__overlay {
  margin: 0;
  vertical-align: bottom
}

.basket-infos__anim__discount {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40%;
  text-align: center;
  color: #0e3368;
  font-size: .83333em
}

.basket-infos__badge {
  display: none;
  position: absolute;
  z-index: 1;
  top: -.75rem;
  right: -.75rem;
  font-size: 1rem;
  font-weight: 700;
  transform: scale(1)
}

@media (min-width: 37.5em) {
  .basket-infos__badge {
    display: block
  }
}

.basket-infos__badge--bounce {
  animation: bounce .2s ease-out forwards
}

.basket-infos__icon {
  position: relative
}

.basket-infos__price {
  display: inline-block;
  font-size: .83333em;
  font-weight: 700;
  text-align: center;
  color: #0970e6;
  animation: slideInShort .2s ease-out forwards
}

@media (max-width: 37.5em) {
  .basket-infos__price {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 .625rem 0 1.25rem;
    animation: slideIn .2s ease-out forwards
  }
}

@media (min-width: 37.5em) {
  .basket-infos__price {
    font-size: 1em
  }
}

.basket-infos__discount {
  display: none
}

@media (min-width: 64em) {
  .basket-infos__discount {
    position: absolute;
    bottom: 20px;
    display: block;
    color: #db3832;
    background-color: #fff29c;
    margin-bottom: -.75rem;
    font-size: .69444em;
    letter-spacing: -.03em;
    text-align: center;
    animation: slideInUp .2s ease-out forwards
  }
}

.basket-infos__button {
  position: relative;
  display: flex;
  padding: 0 1.25rem 0 .625rem;
  width: inherit;
  height: inherit;
  color: #095ba5;
  flex: auto;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  transform: translateY(0);
  transition: transform .2s ease-out
}

@media (min-width: 37.5em) {
  .basket-infos__button {
    padding-right: 2rem
  }
}

@media (min-width: 64em) {
  .basket-infos__button--with-promo {
    transform: translateY(-.5rem)
  }
}

.basket-infos__button-label {
  font-size: 0;
  position: relative;
  display: inline-block;
  top: 4px;
  height: 24px;
  width: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%230970e6%7D%3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath class='b' d='M22.789 5.582a.751.751 0 0 0-.588-.284H6.9L6.272 3.16a.75.75 0 0 0-.453-.49L1.755 1.123a.75.75 0 1 0-.534 1.401L4.937 3.94 8.29 15.362a.75.75 0 0 0 .72.538h11.077a.75.75 0 0 0 .73-.58l2.115-9.102a.75.75 0 0 0-.143-.636zM9.57 14.4L7.34 6.798h3.299a.716.716 0 0 0-.002.174l1.418 7.428zm5.642 0h-1.631L12.13 6.798h4.543zm4.278 0h-2.75l1.452-7.563c.003-.013-.002-.026 0-.04h3.064z'/%3E%3Ccircle class='b' cx='10.595' cy='19.511' r='2'/%3E%3Ccircle class='b' cx='17.559' cy='19.511' r='2'/%3E%3C/svg%3E") no-repeat 50%;
  background-size: contain
}

@media (max-width: 37.5em) {
  .basket-infos__price + .basket-infos__button-label {
    animation: slideOut .2s ease-out forwards
  }
}

@keyframes bounce {
  0% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.2)
  }
  to {
    transform: scale(1)
  }
}

@keyframes slideIn {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(2rem)
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
  }
}

@keyframes slideInShort {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(.5rem)
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
  }
}

@keyframes slideInUp {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(.5rem)
  }
  to {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
  }
}

@keyframes slideOut {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
  }
  to {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-2rem)
  }
}

.card {
  margin: .75rem;
  background: #fff;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  min-width: 200px;
  padding: 1em;
  border-radius: 3px;
  flex-basis: 200px;
  box-shadow: 1px 0 10px #f5f4f2;
  text-decoration: none;
  color: #463d66
}

.card img {
  max-height: 100px
}

.card__title {
  font-size: 1.2em
}

.card-hub {
  display: flex;
  flex: 1 0 auto;
  align-items: flex-start;
  flex-direction: column
}

.card-hub img {
  max-height: none;
  margin: 0
}

.card-hub__img-link,
.card-hub img {
  display: block;
  width: 100%
}

.card-hub--hub_1 {
  background: #f5f4f2;
  box-shadow: 1px 0 10px #f5f4f2;
  text-decoration: none;
  color: #463d66;
  margin: 0;
  padding: 0;
  border-radius: .625rem;
  min-width: 0
}

.card-hub--hub_1 .card-hub__thumbnail {
  overflow: hidden;
  border-radius: .625rem .625rem 0 0
}

.card-hub--hub_1 .card-hub__heading {
  margin: 1.5rem 1.5rem 0;
  color: inherit;
  font-family: Ubuntu, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  flex: 1 1 3.125rem
}

.card-hub--hub_1 .card-hub__description {
  margin: 1.5rem
}

@media (min-width: 50em) {
  .card-hub--hub_1 .card-hub__description {
    flex: 1 0 12.5rem
  }
}

.card-hub--hub_1 .card-hub__cta {
  margin: 1.5rem;
  text-align: center;
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.card-hub--hub_1 .card-hub__cta:visited {
  color: #fff
}

.card-hub--hub_1 .card-hub__cta:focus,
.card-hub--hub_1 .card-hub__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.card-hub--hub_1 .card-hub__cta--empty {
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  margin: 0 1.5rem 1.5rem auto;
  max-width: 1.25rem;
  max-height: 1.25rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230e3368' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E") no-repeat 100%;
  border: 0
}

.card-hub--hub_1.card-hub-pink {
  background-color: #ffccbd;
  color: #0e3368
}

.card-hub--hub_1.card-hub-pink .card-hub__description,
.card-hub--hub_1.card-hub-pink .card-hub__heading {
  color: #0e3368
}

.card-hub--hub_1.card-hub-pink .card-hub__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
  color: #0970e6;
  background-color: #fff;
  border-color: #fff
}

.card-hub--hub_1.card-hub-pink .card-hub__cta:visited {
  color: #fff
}

.card-hub--hub_1.card-hub-pink .card-hub__cta:focus,
.card-hub--hub_1.card-hub-pink .card-hub__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.card-hub--hub_1.card-hub-pink .card-hub__cta:visited {
  color: #0970e6
}

.card-hub--hub_1.card-hub-pink .card-hub__cta:focus,
.card-hub--hub_1.card-hub-pink .card-hub__cta:hover {
  border-color: #fff;
  background-color: #fff;
  color: #0e3368
}

.card-hub--hub_1.card-hub-pink .card-hub__cta--empty,
.card-hub--hub_1.card-hub-pink .card-hub__cta--empty:focus,
.card-hub--hub_1.card-hub-pink .card-hub__cta--empty:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230e3368' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E") no-repeat 100%;
  border: 0
}

.card-hub--hub_1.card-hub-pale-green {
  background-color: #c9f0db;
  color: #0e3368
}

.card-hub--hub_1.card-hub-pale-green .card-hub__description,
.card-hub--hub_1.card-hub-pale-green .card-hub__heading {
  color: #0e3368
}

.card-hub--hub_1.card-hub-pale-green .card-hub__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
  color: #0970e6;
  background-color: #fff;
  border-color: #fff
}

.card-hub--hub_1.card-hub-pale-green .card-hub__cta:visited {
  color: #fff
}

.card-hub--hub_1.card-hub-pale-green .card-hub__cta:focus,
.card-hub--hub_1.card-hub-pale-green .card-hub__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.card-hub--hub_1.card-hub-pale-green .card-hub__cta:visited {
  color: #0970e6
}

.card-hub--hub_1.card-hub-pale-green .card-hub__cta:focus,
.card-hub--hub_1.card-hub-pale-green .card-hub__cta:hover {
  border-color: #fff;
  background-color: #fff;
  color: #0e3368
}

.card-hub--hub_1.card-hub-pale-green .card-hub__cta--empty,
.card-hub--hub_1.card-hub-pale-green .card-hub__cta--empty:focus,
.card-hub--hub_1.card-hub-pale-green .card-hub__cta--empty:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230e3368' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E") no-repeat 100%;
  border: 0
}

.card-hub--hub_1.card-hub-dark-blue {
  background-color: #0e3368;
  color: #c9f0db
}

.card-hub--hub_1.card-hub-dark-blue .card-hub__description,
.card-hub--hub_1.card-hub-dark-blue .card-hub__heading {
  color: #c9f0db
}

.card-hub--hub_1.card-hub-dark-blue .card-hub__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.card-hub--hub_1.card-hub-dark-blue .card-hub__cta:visited {
  color: #fff
}

.card-hub--hub_1.card-hub-dark-blue .card-hub__cta:focus,
.card-hub--hub_1.card-hub-dark-blue .card-hub__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.card-hub--hub_1.card-hub-dark-blue .card-hub__cta--empty,
.card-hub--hub_1.card-hub-dark-blue .card-hub__cta--empty:focus,
.card-hub--hub_1.card-hub-dark-blue .card-hub__cta--empty:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230e3368' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E") no-repeat 100%;
  border: 0
}

.card-hub--hub_1.card-hub-bright-blue {
  background-color: #095ba5;
  color: #ffccbd
}

.card-hub--hub_1.card-hub-bright-blue .card-hub__description,
.card-hub--hub_1.card-hub-bright-blue .card-hub__heading {
  color: #ffccbd
}

.card-hub--hub_1.card-hub-bright-blue .card-hub__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.card-hub--hub_1.card-hub-bright-blue .card-hub__cta:visited {
  color: #fff
}

.card-hub--hub_1.card-hub-bright-blue .card-hub__cta:focus,
.card-hub--hub_1.card-hub-bright-blue .card-hub__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.card-hub--hub_1.card-hub-bright-blue .card-hub__cta--empty,
.card-hub--hub_1.card-hub-bright-blue .card-hub__cta--empty:focus,
.card-hub--hub_1.card-hub-bright-blue .card-hub__cta--empty:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230e3368' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E") no-repeat 100%;
  border: 0
}

.card-hub--hub_1.card-hub-promo-yellow {
  background-color: #fff29c;
  color: #0e3368
}

.card-hub--hub_1.card-hub-promo-yellow .card-hub__heading {
  color: #db3832
}

.card-hub--hub_1.card-hub-promo-yellow .card-hub__description {
  color: #0e3368
}

.card-hub--hub_1.card-hub-promo-yellow .card-hub__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
  color: #0970e6;
  background-color: #fff;
  border-color: #fff
}

.card-hub--hub_1.card-hub-promo-yellow .card-hub__cta:visited {
  color: #fff
}

.card-hub--hub_1.card-hub-promo-yellow .card-hub__cta:focus,
.card-hub--hub_1.card-hub-promo-yellow .card-hub__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.card-hub--hub_1.card-hub-promo-yellow .card-hub__cta:visited {
  color: #0970e6
}

.card-hub--hub_1.card-hub-promo-yellow .card-hub__cta:focus,
.card-hub--hub_1.card-hub-promo-yellow .card-hub__cta:hover {
  border-color: #fff;
  background-color: #fff;
  color: #0e3368
}

.card-hub--hub_1.card-hub-promo-yellow .card-hub__cta--empty,
.card-hub--hub_1.card-hub-promo-yellow .card-hub__cta--empty:focus,
.card-hub--hub_1.card-hub-promo-yellow .card-hub__cta--empty:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230e3368' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E") no-repeat 100%;
  border: 0
}

.card-hub--hub_1.card-hub-green {
  background-color: #4ccd8a;
  color: #0e3368
}

.card-hub--hub_1.card-hub-green .card-hub__description,
.card-hub--hub_1.card-hub-green .card-hub__heading {
  color: #0e3368
}

.card-hub--hub_1.card-hub-green .card-hub__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.card-hub--hub_1.card-hub-green .card-hub__cta:visited {
  color: #fff
}

.card-hub--hub_1.card-hub-green .card-hub__cta:focus,
.card-hub--hub_1.card-hub-green .card-hub__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.card-hub--hub_1.card-hub-green .card-hub__cta--empty,
.card-hub--hub_1.card-hub-green .card-hub__cta--empty:focus,
.card-hub--hub_1.card-hub-green .card-hub__cta--empty:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230e3368' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E") no-repeat 100%;
  border: 0
}

.card-hub--hub_1.card-hub-light-grey {
  background-color: #f5f4f2;
  color: #0e3368
}

.card-hub--hub_1.card-hub-light-grey .card-hub__description,
.card-hub--hub_1.card-hub-light-grey .card-hub__heading {
  color: #0e3368
}

.card-hub--hub_1.card-hub-light-grey .card-hub__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
  color: #0970e6;
  background-color: #fff;
  border-color: #fff
}

.card-hub--hub_1.card-hub-light-grey .card-hub__cta:visited {
  color: #fff
}

.card-hub--hub_1.card-hub-light-grey .card-hub__cta:focus,
.card-hub--hub_1.card-hub-light-grey .card-hub__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.card-hub--hub_1.card-hub-light-grey .card-hub__cta:visited {
  color: #0970e6
}

.card-hub--hub_1.card-hub-light-grey .card-hub__cta:focus,
.card-hub--hub_1.card-hub-light-grey .card-hub__cta:hover {
  border-color: #fff;
  background-color: #fff;
  color: #0e3368
}

.card-hub--hub_1.card-hub-light-grey .card-hub__cta--empty,
.card-hub--hub_1.card-hub-light-grey .card-hub__cta--empty:focus,
.card-hub--hub_1.card-hub-light-grey .card-hub__cta--empty:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230e3368' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E") no-repeat 100%;
  border: 0
}

.card-hub--hub_2 img {
  border-radius: .625rem
}

.card-hub--hub_2 .card-hub__cta {
  margin: .5em 0;
  font-family: Ubuntu, sans-serif;
  background-color: transparent;
  border: 0;
  color: #0970e6;
  text-transform: none;
  padding: 0;
  display: inline-block;
  letter-spacing: .5px;
  font-size: .9rem;
  transition-property: color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.card-hub--hub_2 .card-hub__cta:visited {
  color: #0970e6
}

.card-hub--hub_2 .card-hub__cta:focus,
.card-hub--hub_2 .card-hub__cta:hover {
  background-color: transparent;
  border: 0;
  color: #095ba5
}

.card-hub--hub_2 .card-hub__cta:before {
  content: "";
  white-space: pre;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='10'%3E%3Cpath fill='%23db3832' d='M0 0l4 5.032L0 10c.444-1.462.667-3.129.667-5S.444 1.462 0 0z'/%3E%3C/svg%3E") no-repeat 50%;
  display: inline-block;
  margin: 0 .375rem 0 0;
  vertical-align: text-bottom;
  width: 1em;
  height: 1em
}

.card-hub--hub_2 .card-hub__cta--empty {
  display: none
}

.card-hub--hub_2 .card-hub__heading {
  font-weight: 700;
  font-size: 1em;
  margin: 0 .5em;
  padding-top: 1.5rem
}

.card-hub--hub_2 .card-hub__description {
  padding-top: .5em;
  margin: 0 .5em;
  font-size: .85em
}

.card-hub--hub_3 {
  padding: .5em .5em 1.5rem
}

.card-hub--hub_3 .image {
  display: inline;
  max-width: 50px;
  max-height: 50px
}

.card-hub--hub_3 .card-hub__img-link {
  text-align: center
}

.card-hub--hub_3 .card-hub__heading {
  text-align: center;
  font-weight: 700;
  font-size: 1em;
  color: #0970e6;
  display: block;
  width: 100%;
  margin-top: .5em;
  font-family: Open Sans, sans-serif
}

.card-hub--hub_3 .card-hub__cta,
.card-hub--hub_3 .card-hub__description {
  display: none
}

.card--links-listing {
  position: relative;
  display: flex;
  overflow: hidden;
  margin: 0;
  padding: 1.5rem;
  flex: auto;
  align-items: flex-start;
  border-radius: .625rem
}

.card--links-listing .links-list {
  position: relative;
  z-index: 1;
  flex: auto
}

.card--links-listing .links-list__items {
  margin-top: 1.5rem
}

.card--links-listing .card__button {
  position: relative;
  z-index: 1;
  margin-top: 1.5rem;
  min-width: 100%
}

@media (min-width: 64em) {
  .card--links-listing .card__button {
    min-width: 0
  }
}

.card--links-listing .card__button a.button--inverted {
  background-color: #fff
}

.card--links-listing .card__icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  max-height: none;
  transform: translate(25%, 25%)
}

.card--store {
  display: flex;
  margin: 0;
  flex: auto;
  align-items: flex-start;
  justify-content: space-between
}

.card--store .card__main {
  display: inline-block
}

.card--store .card__description {
  display: table
}

.card--store .card__address {
  color: #575757
}

.card--store .card__aside {
  margin-top: .75rem;
  width: 100%
}

.card--store-large {
  border: .0625rem solid #e5e5e5;
  border-radius: 5px;
  flex-wrap: wrap
}

@media (min-width: 64em) {
  .card--store-large {
    flex-direction: row;
    align-items: center
  }
}

.card--store-large .title {
  margin-bottom: 1.5rem;
  width: 100%
}

@media (min-width: 64em) {
  .card--store-large .card__aside {
    max-width: 50%
  }
}

.card--store-large .card__aside .store-delivery-card--large {
  margin: 1.5rem -1em -1em
}

@media (min-width: 64em) {
  .card--store-large .card__aside .store-delivery-card--large {
    margin: 1.5rem 0 0
  }
}

.cards-list__group {
  margin: 1.5rem 0
}

@media (min-width: 70em) {
  .cards-list__group {
    margin-right: 1.5rem;
    margin-left: 1.5rem
  }
}

.cards-list__group .page-title {
  display: flex;
  margin: 0 1.5rem;
  align-items: center
}

.cards-list__group .page-title:after {
  display: block;
  margin-left: .75rem;
  height: .0625rem;
  background-color: #e5e5e5;
  flex: auto;
  content: ""
}

.cards-list__items {
  display: flex;
  margin: .75rem;
  flex-wrap: wrap
}

.cards-list__item {
  display: flex;
  margin: .75rem;
  flex: 1 1 20.625rem
}

@media (min-width: 37.5em) {
  .cards-list__item {
    max-width: calc(50% - 1.5rem)
  }
}

@media (min-width: 70em) {
  .cards-list__item {
    max-width: calc(33.333333% - 1.5rem);
    flex-basis: 25rem
  }
}

/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

.carousel-content {
  mix-blend-mode: multiply
}

.carousel-content-image {
  margin-bottom: .75rem
}

.carousel-bullets {
  text-align: center
}

@media (min-width: 50em) {
  .carousel-bullets {
    display: none
  }
}

.carousel-bullets--bullet {
  display: inline-block;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  background-color: #575757;
  vertical-align: middle;
  transition: background-color .3s
}

.carousel-bullets--bullet.active {
  width: 5px;
  height: 5px;
  background-color: #0970e6
}

.carousel-thumbs {
  padding: 1.5rem 0;
  text-align: center;
  display: none
}

@media (min-width: 50em) {
  .carousel-thumbs {
    display: block
  }
}

.carousel-thumbs--thumb {
  margin: 0 10px;
  width: 37px;
  vertical-align: middle
}

.carousel-thumbs--thumb.active {
  border: 2px solid #c9c3b8;
  border-radius: 2px;
  box-sizing: content-box
}

.flickity-page-dots {
  bottom: -1.875rem
}

.flickity-page-dots .dot {
  margin: 5px;
  background-color: #929292;
  opacity: 1;
  transform: scale(.7);
  transition: .2s
}

.flickity-page-dots .dot.is-selected {
  background-color: #0970e6;
  transform: scale(1)
}

.carousel-pagination {
  position: relative;
  width: 100%;
  top: 0;
  bottom: auto;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  display: none
}

@media (min-width: 37.5em) {
  .carousel-pagination {
    top: .75rem;
    display: block
  }
}

.paper-catalog {
  margin: .75rem;
  padding: 1.5rem;
  width: 275px;
  background-color: #fff;
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, .03)
}

.paper-catalog__box {
  display: flex;
  color: #0e3368;
  flex-direction: column
}

.paper-catalog__visual-box {
  position: relative;
  padding-top: 142%;
  width: 100%;
  height: 0
}

.paper-catalog__visual {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin-bottom: 0
}

.paper-catalog__content {
  display: flex;
  margin-top: .5em;
  flex-direction: column
}

.paper-catalog__title {
  display: block;
  font-weight: 400;
  line-height: 1.25;
  flex-basis: 2.5rem
}

.paper-catalog__date {
  display: block;
  margin-top: .5em
}

.products-brief-data {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .15)
}

.products-brief-data__wait {
  font-size: 12px
}

.products-brief-data dd,
.products-brief-data dt {
  flex-grow: 1;
  font-weight: 400
}

.products-brief-data dt {
  width: 63%;
  margin-right: 2%
}

.products-brief-data dd {
  text-align: right;
  margin: 0;
  width: 35%;
  white-space: nowrap
}

.products-brief--fees {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  margin: 0
}

.products-brief--login-message {
  font-size: .69444em
}

.promo-applied .products-brief--saving-text {
  color: #fff29c
}

.promo-applied .products-brief--saving-value {
  color: #0e3368;
  background-color: #fff29c;
  padding: 0 5px;
  font-weight: 700
}

.products-brief--promo {
  border-bottom: 0;
  margin-bottom: 0
}

.products-brief--promo__title {
  color: #fff;
  font-size: 14px
}

.products-brief--promo.no-promo {
  display: block
}

.products-brief--promo.no-promo dd,
.products-brief--promo.no-promo dt {
  width: auto;
  text-align: left
}

.products-brief--loyalty {
  border: 1px dashed hsla(0, 0%, 100%, .15)
}

.products-brief--loyalty__img-cont {
  transform: rotate(-13deg);
  display: inline-block;
  width: 45px;
  position: relative;
  bottom: 0;
  right: 10px
}

.products-brief--loyalty__img-cont__img {
  margin: 0;
  box-shadow: 0 0 15px 0 #000;
  border-radius: 4px
}

.products-brief--loyalty-title {
  color: #fff;
  padding: 12px 12px 12px 0;
  display: inline-block
}

.products-brief--loyalty .products-brief-data {
  border-top: 1px dashed hsla(0, 0%, 100%, .15);
  border-bottom: 0;
  padding: 10px;
  margin-bottom: 0
}

.products-brief--loyalty .products-brief-data__wait {
  font-size: 12px
}

.products-brief--loyalty-value {
  background: #095ba5;
  padding: 0 5px
}

.products-brief--loyalty-earn {
  padding: 10px;
  margin: 0;
  border-top: 1px dashed hsla(0, 0%, 100%, .15);
  font-size: .83333em
}

.products-brief--total {
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  margin: 0;
  padding: 0
}

.products-brief--total--label {
  font-weight: 400;
  margin: auto 0
}

.products-brief--total--price {
  color: #fff;
  margin: auto 0
}

.products-brief--total--price .amount-display--units {
  font-size: 33px
}

.choose-delivery-type {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: .75rem 0;
  background-color: hsla(0, 0%, 100%, .15);
  transition: .3s;
  font-size: .83333em;
  cursor: pointer;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, .03)
}

.choose-delivery-type:hover {
  background-color: hsla(0, 0%, 100%, .7);
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, .06);
  transform: translateY(-1.5px)
}

.choose-delivery-type > * {
  z-index: 10
}

.choose-delivery-type__select {
  display: flex;
  align-items: center;
  padding: .75rem;
  flex: 1;
  flex-shrink: 0;
  justify-content: center;
  flex-wrap: wrap-reverse
}

.choose-delivery-type__select img {
  margin: 0;
  width: 37px
}

.choose-delivery-type__header {
  display: flex;
  align-items: center
}

.choose-delivery-type__header h3 {
  margin: 0;
  margin-right: .75rem
}

.choose-delivery-type__price {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: .75rem;
  flex: 1
}

.choose-delivery-type__description {
  border-right: 1px solid #dfdcd5;
  border-left: 1px solid #dfdcd5;
  padding: 0 .75rem;
  flex: 2
}

.choose-delivery-type p {
  line-height: 1.2em
}

.choose-delivery-type [data-sticker-message]:before {
  content: attr(data-sticker-message)
}

.order-confirmation {
  position: relative
}

@media (min-width: 50em) {
  .order-confirmation {
    background: url(/images/ef9fcbf67b0af574a693873a425b5909.jpg) no-repeat 50%;
    background-size: cover;
    padding: 70px
  }
}

.order-confirmation__details {
  background-color: #0e3368;
  color: #fff;
  padding: 25px
}

@media (min-width: 50em) {
  .order-confirmation__details {
    width: 41.6667%;
    min-width: 590px;
    border-radius: 30px;
    padding: 40px
  }
}

.order-confirmation__info {
  display: flex
}

.order-confirmation__info__number {
  background-color: transparent;
  color: #fff;
  padding-bottom: 1.2em;
  display: block;
  font-weight: 700
}

.order-confirmation__info__heading {
  font-size: 1.7em;
  color: #fff;
  font-weight: 400;
  padding-bottom: 1.2em
}

.order-confirmation__info__symbol {
  width: 120px;
  height: 120px;
  margin-left: 10px
}

@media (min-width: 50em) {
  .order-confirmation__info__symbol {
    margin-left: 25px
  }
}

.order-confirmation__info__symbol .icon {
  width: 100%;
  height: 70px;
  fill: #fff
}

@media (min-width: 50em) {
  .order-confirmation__info__symbol .icon {
    height: 100%
  }
}

.order-success {
  font-size: .83333em
}

.order-success__store {
  margin-bottom: 30px
}

@media (min-width: 50em) {
  .order-success__store {
    display: flex;
    justify-content: space-between
  }
}

@media (min-width: 50em) {
  .order-success__store__name {
    flex-basis: 50%
  }
}

@media (min-width: 50em) {
  .order-success__store__reference {
    flex-basis: 45%;
    align-self: flex-end;
    text-align: right
  }
}

.order-success__store__link {
  color: #fff;
  font-weight: 700;
  display: inline-block
}

.order-success__store__link:visited {
  color: #fff
}

.order-success__store__link:before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  margin-right: 7px;
  position: relative;
  transform: rotate(45deg);
  transition: all .5s ease;
  vertical-align: middle;
  cursor: pointer;
  color: #fff
}

.order-success__info {
  list-style: none;
  margin: 0;
  padding: 0
}

@media (min-width: 50em) {
  .order-success__info {
    display: flex;
    justify-content: space-between
  }
}

.order-success__info__item {
  flex-basis: 45%;
  list-style: none;
  display: flex
}

.order-success__info__link {
  color: #fff;
  text-decoration: underline
}

.order-success__info .icon {
  width: 50px;
  height: 25px;
  fill: #fff;
  margin-right: 10px
}

.order-failure__message {
  margin-bottom: 20px
}

.order-failure__action {
  text-align: right
}

.order-failure__action__link {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
  color: #0970e6;
  background-color: #fff;
  border-color: #fff
}

.order-failure__action__link:visited {
  color: #fff
}

.order-failure__action__link:focus,
.order-failure__action__link:hover {
  background-color: #095ba5;
  color: #fff
}

.order-failure__action__link:visited {
  color: #0970e6
}

.order-failure__action__link:focus,
.order-failure__action__link:hover {
  border-color: #fff;
  background-color: #fff;
  color: #0e3368
}

.order-confirmation-additional {
  padding: 15px 15%;
  margin: 15px 0
}

.order-confirmation-additional .promo {
  display: flex;
  justify-content: space-between;
  margin: 0
}

.order-confirmation-additional .promo li {
  list-style: none;
  background-color: #575757;
  height: 100px;
  width: 30%;
  margin: 3%;
  text-align: center
}

.payment-block {
  margin-bottom: 20px;
  border-radius: 10px;
  border: 1px solid hsla(0, 0%, 57%, .3)
}

.payment-block--mini {
  border: 0;
  margin: 0
}

.payment-block__content {
  background-color: #fff;
  padding: 28px 30px 27px;
  position: relative;
  border-radius: 10px
}

.payment-block__content--mini {
  border-top: 1px solid hsla(0, 0%, 57%, .3);
  padding: 0;
  border-radius: 0;
  padding-top: 27px;
  margin-top: 27px
}

.payment-block__content--blur {
  -webkit-filter: opacity(.5);
  filter: opacity(.5)
}

.payment-block__content__title {
  font-family: Ubuntu, sans-serif;
  font-size: 22px;
  font-weight: 300;
  margin-left: 30px;
  margin-bottom: 13px;
  line-height: 1.43;
  position: relative
}

.payment-block__content__title--icon {
  fill: #0e3368;
  width: 24px;
  height: 24px;
  left: -35px;
  top: 3px;
  position: absolute
}

.payment-block__footer {
  padding: 5px;
  min-height: 20px
}

.product-availability {
  background: #f5f4f2;
  padding-left: 20px
}

.product-availability:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 12px;
  margin-top: -12px;
  position: absolute;
  border-color: transparent transparent #f5f4f2
}

.product-availability__info {
  font-weight: 700;
  font-size: 14px
}

.product--unavailable .product-availability__info {
  color: #db3832
}

.product-availability__info .product--stock-off {
  color: #575757
}

.product-availability__info .show-anyway {
  margin-left: 50px
}

.product-promotion {
  position: absolute;
  z-index: 1;
  width: 100%;
  border-top: 4px solid #fff29c;
  margin-top: -4px
}

.product-promotion .promo-toggle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 35px 35px;
  margin-top: -35px;
  position: absolute;
  cursor: pointer;
  border-color: transparent transparent #fff29c
}

.product-promotion .promo-toggle:before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 15px 0 0 -5px;
  position: relative;
  transform: rotate(135deg);
  transition: all .5s ease;
  vertical-align: top;
  cursor: pointer;
  z-index: 1
}

.product-promotion .promo-toggle .accessible-hide {
  text-indent: -9999px;
  display: block;
  overflow: hidden;
  position: fixed;
  left: 0
}

.product-promotion .promotion-detail {
  background-color: #fff29c;
  height: 0;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0 15px;
  transition: all .3s ease
}

.product-promotion .promotion-detail .discount-label,
.product-promotion .promotion-detail .promotion-label {
  color: #db3832
}

.product-promotion.active .promo-toggle:before {
  transform: rotate(-45deg)
}

.product-promotion.active .promotion-detail {
  height: auto;
  overflow: auto;
  padding: 10px 15px
}

.checkout-voucher-code {
  margin: 0 3.4722% 50px;
  width: 60%
}

.checkout-voucher-code button {
  margin-top: 20px
}

.colophon__banner {
  display: block;
  width: 100%;
  background-color: #fff;
  color: #929292;
  text-decoration: none
}

.colophon__banner:visited {
  color: #929292
}

.colophon__banner .title {
  display: block;
  color: #0e3368;
  font-weight: 400
}

.colophon__banner-wrapper {
  display: flex;
  margin: 0 auto;
  width: inherit;
  max-width: 77.5rem;
  text-decoration: none;
  flex-direction: column;
  align-items: center
}

@media (min-width: 37.5em) {
  .colophon__banner-wrapper {
    flex-direction: row;
    justify-content: space-between
  }
}

.colophon__banner-visual {
  display: block;
  padding: 1.5rem;
  width: 100%
}

@media (min-width: 37.5em) {
  .colophon__banner-visual {
    width: 50%;
    max-width: 30rem;
    order: 1
  }
}

.colophon__banner-visual img {
  display: block;
  width: 100%
}

.colophon__banner-content {
  display: block;
  padding: 3rem;
  background-color: inherit
}

@media (min-width: 37.5em) {
  .colophon__banner-content {
    padding: 1.5rem;
    width: 50%;
    max-width: 30rem
  }
}

.colophon__banner-action,
.colophon__banner-description {
  display: block;
  margin-top: .75rem;
  font-size: .83333em
}

.colophon__banner-action {
  color: #0970e6
}

.colophon_mini-push {
  display: flex;
  padding: 1.5rem;
  padding-bottom: 0;
  border-bottom: .0625rem solid hsla(0, 0%, 100%, .125);
  width: 100%;
  background-color: inherit;
  color: inherit;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center
}

.colophon_mini-push > * {
  padding-bottom: 1.5rem
}

.colophon_mini-push img {
  display: block;
  margin-bottom: 0
}

.colophon_mini-push_visual {
  display: block;
  max-width: 5rem;
  flex: 1 1 5rem
}

.colophon_mini-push_description {
  display: block;
  padding-right: 1rem;
  padding-left: 1rem;
  max-width: 50rem;
  flex: 1 1 10rem
}

.colophon_mini-push_links {
  display: flex;
  margin: 0;
  max-width: 17.5rem;
  flex: 1 1 auto;
  justify-content: space-between
}

.colophon_mini-push_links li {
  display: block;
  margin-bottom: 0;
  max-width: 50vw
}

@media (min-width: 37.5em) {
  .colophon_mini-push {
    display: none
  }
}

.connect-block {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 190px;
  box-shadow: 0 0 4px 2px #e5e5e5
}

@media (min-width: 64em) {
  .connect-block {
    height: 230px
  }
}

.connect-block__picto {
  height: 29px;
  width: 25px;
  border: 0;
  cursor: pointer
}

.connect-block__picto--sign-up {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M7.001 36.22c-.044-4.093 1.667-7.1 5.281-8.979 1.164-.606 2.35-1.167 3.511-1.777.663-.348 1.264-.789 1.262-1.645 0-.188-.101-.456-.245-.553-3.197-2.135-4.192-5.253-3.938-8.892.15-2.142.952-4.053 2.455-5.618 2.769-2.879 6.93-2.578 9.411.661 2.768 3.613 2.575 9.145-.457 12.534-.357.4-.811.71-1.218 1.064-.207.18-.594.387-.576.547.05.455.178.957.443 1.317.246.335.694.54 1.079.753 1.616.9 3.33 1.652 4.846 2.695 2.716 1.867 3.627 4.674 3.648 7.893H7.001zM27.463 6.15L28.707 4m.973 5.787l3.488-1.555m-2.78 6.07l1.873.371' stroke='%230e3368' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%
}

.connect-block__picto--sign-in {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%230e3368' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M26.542 17.378c-.301 1.767-1.058 3.45-2.261 4.795-.357.398-.811.71-1.218 1.063-.207.18-.594.387-.576.547.05.455.178.957.443 1.318.246.335.694.54 1.079.753 1.616.898 3.33 1.652 4.846 2.695 2.716 1.866 3.627 4.674 3.648 7.892H7.001c-.044-4.092 1.667-7.1 5.281-8.979 1.164-.605 2.35-1.167 3.511-1.776.663-.348 1.264-.789 1.262-1.646 0-.187-.101-.456-.245-.553-3.197-2.134-4.192-5.253-3.938-8.89.149-2.144.952-4.055 2.455-5.619 2.769-2.879 6.93-2.579 9.411.661'/%3E%3Cpath d='M19.752 11.687l3.266 4.312 9.13-7.448'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%
}

.connect-block__label {
  font-family: Ubuntu, sans-serif;
  font-size: 22px;
  color: #0e3368;
  margin-top: 13px;
  margin-bottom: 17px
}

.customer-service-phone img {
  display: block;
  margin-bottom: 0
}

.customer-service-phone__time {
  margin-left: 1.05rem
}

.customer-service-phone__time li {
  margin-bottom: 0;
  font-size: .83333em
}

@media (min-width: 37.5em) {
  .customer-service-phone {
    max-width: 320px
  }
}

.customer-service-support {
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  margin: 15px;
  text-align: center
}

@media (min-width: 50em) {
  .customer-service-support {
    display: flex;
    flex-wrap: wrap;
    border-radius: 30px;
    padding: 30px 15px;
    margin: 0;
    text-align: left
  }
}

.customer-service-support__media {
  text-align: center;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  background: #0e3368;
  border-radius: 50%
}

@media (min-width: 50em) {
  .customer-service-support__media {
    margin: 10px
  }
}

.customer-service-support__media .icon {
  width: 40px;
  height: 40px;
  margin: 15px;
  fill: #fff
}

.customer-service-support__info {
  align-items: center;
  justify-content: center
}

.customer-service-support__title {
  font-size: 1.44em;
  margin: 10px
}

.customer-service-support__text {
  font-size: .83333em;
  margin: 10px
}

.customer-service-support__action {
  margin: 10px
}

.customer-service-support__link {
  font-family: Ubuntu, sans-serif;
  background-color: transparent;
  border: 2px solid #0970e6;
  color: #0970e6;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border, color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.customer-service-support__link:visited {
  color: #0970e6
}

.customer-service-support__link:focus,
.customer-service-support__link:hover {
  border-color: #0e3368;
  background-color: transparent;
  color: #0e3368
}

.delivery-info {
  border: 1px solid hsla(0, 0%, 100%, .15);
  border-radius: 10px;
  color: #c4efff;
  padding: 24px 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-around
}

@media (min-width: 70em) {
  .delivery-info {
    padding: 25px 36px;
    flex-direction: row
  }
}

.delivery-info__picto {
  margin-right: 1.5rem;
  width: 42px;
  height: 42px
}

.delivery-info__content {
  flex-grow: 10
}

.delivery-info__content__datetime {
  font-weight: 700;
  font-size: 1.2rem;
  margin: 0 0 .5rem
}

.delivery-info__content__place {
  font-size: .9rem
}

.delivery-info__modify {
  display: flex;
  margin: 1.2rem 0
}

.dropdown .dropdown-menu {
  position: fixed;
  top: 3.125rem;
  left: 0;
  z-index: 9999;
  display: none;
  width: 100%;
  margin: 0;
  list-style: none;
  font-size: 1em;
  text-align: right;
  background-color: #fff
}

@media (min-width: 64em) {
  .dropdown .dropdown-menu {
    top: 5.45rem
  }
}

.dropdown .dropdown-menu ul {
  margin: 0;
  list-style-type: none
}

.dropdown.open .dropdown-menu {
  display: flex
}

.editorial-intro {
  margin-top: 1.5rem;
  color: #0e3368;
  text-align: center
}

.filters-button {
  display: inline-flex;
  padding: .5em .75rem;
  border: .125rem solid #e5e5e5;
  border-radius: 5px;
  background-color: #f5f4f2;
  color: #0e3368;
  font-weight: 700;
  align-items: center
}

.filters-button:visited {
  color: #0e3368
}

.filters-button--store-filter {
  border: 1px solid #e5e5e5;
  background: #fff
}

.filters-button--uppercase {
  text-transform: uppercase
}

.filters-button--active {
  border-color: #0970e6;
  background-color: #fff;
  color: #0970e6
}

.filters-button--active:visited {
  color: #0970e6
}

.filters-button--active.filters-button--store-filter {
  border-color: #575757;
  color: #0e3368
}


.filters--buttons .filters__items {
  display: flex;
  margin: -.5em;
  padding: 0;
  flex-wrap: wrap
}

.filters--buttons .filters__item {
  display: block;
  margin: .5em;
  padding: 0;
  flex: auto
}

@media (min-width: 64em) {
  .filters--buttons .filters__item {
    flex-grow: 0
  }
}

.filters--buttons-slider .filters__items {
  overflow-y: hidden;
  overflow-x: auto;
  max-width: 100%;
  flex-wrap: nowrap
}

@media (min-width: 64em) {
  .filters--buttons-slider .filters__items {
    overflow: visible;
    flex-wrap: wrap
  }
}

.filters--buttons-slider .filters__button {
  white-space: nowrap
}

.form-field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%
}

.form-field .form-field__input-group {
  position: relative;
  flex: 1 1 100%
}

.form-field .form-field__input-group input,
.form-field .form-field__input-group select,
.form-field .form-field__input-group textarea {
  width: 100%
}

.form-field .form-field__input-group select {
  background-color: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  color: #929292;
  font-weight: 400
}

.form-field .form-field__input-group.form-field__input-group--addon {
  display: flex
}

.form-field .form-field__input-group.form-field__input-group--addon .input-addon {
  flex: 1 0 auto
}

.form-field .form-field__input-group.form-field__input-group--addon input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=range]) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent
}

.form-field .form-field__feedback {
  flex: 1 1 100%;
  font-size: .83333em;
  margin-top: .5rem
}

.form-field .form-field__feedback--error {
  display: none;
  color: #db3832;
  text-align: right
}

.form-field .rules-detail {
  flex: 1 1 auto;
  margin-top: 1em
}

.form-field.form-field--invalid .form-field__feedback--error {
  display: block
}

.form-field.form-field--invalid .form-field__input-group:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(50%, 50%);
  border-radius: 50%;
  padding: 2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E") #db3832 no-repeat;
  background-origin: content-box
}

.form-field .visibility-toggle {
  margin-left: auto
}

.radio-group {
  margin-bottom: 1.5rem;
  border: 0
}

.radio-group .radio-group__inner {
  display: flex;
  flex-wrap: wrap
}

.radio-group .form-label {
  width: 100%
}

.radio-group .radio-button {
  margin-right: .75rem
}

.radio-group .radio-button label {
  display: flex;
  align-items: center
}

.radio-group .radio-button label:before {
  margin-right: .75rem
}

.radio-group .radio-button:last-child {
  margin-right: 0
}

.radio-group-complex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  border: 0
}

.radio-group-complex__legend {
  width: 100%;
  display: block;
  margin-bottom: 20px
}

.radio-group-complex__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around
}

.radio-group-complex__content__item {
  flex-wrap: wrap;
  display: flex;
  margin: 0 20px;
  align-items: center;
  flex-direction: row
}

.radio-group-complex__content__item__part {
  text-align: center
}

.radio-group-complex__content__item__part--selected {
  font-weight: 700
}

.radio-group-complex__content__item__part__icon {
  width: 40px;
  height: 40px;
  margin: 10px
}

.radio-group-complex__content__item__part__icon--selected {
  fill: #0e3368
}

.rules-detail {
  display: flex;
  flex-wrap: wrap
}

.rules-detail .validation-message {
  margin-bottom: .5em;
  flex: 1 1 135px
}

.fuel-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
  margin-bottom: .75rem;
  position: relative;
  padding-left: 2em
}

.fuel-price__label {
  margin-right: auto;
  margin-left: .75rem
}

.fuel-price:before {
  border-radius: 20px;
  min-width: 2em;
  height: 2em;
  background-color: #c4efff;
  font-size: .69444em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  padding: 0 5px;
  position: absolute;
  left: 0;
  content: ""
}

.fuel-price--GAZOLE:before {
  content: "GO";
  background-color: #fff29c;
  color: #0e3368
}

.fuel-price--SP95:before {
  content: "95";
  background-color: #068d49;
  color: #0e3368
}

.fuel-price--SP98:before {
  content: "98";
  background-color: #c9f0db;
  color: #0e3368
}

.fuel-price--E10:before {
  content: "e10";
  background-color: #0970e6;
  color: #fff
}

.fuel-price--E85:before {
  content: "e10";
  background-color: #095ba5;
  color: #fff
}

.fuel-price--GPLC:before {
  content: "GPLc";
  background-color: #db3832;
  color: #fff
}

.highlight {
  display: flex;
  color: #095ba5;
  font-weight: 700;
  text-align: center;
  flex-basis: 12.5rem;
  flex-direction: column;
  align-content: center;
  padding: 1.5rem;
  font-family: Ubuntu, sans-serif
}

@media (max-width: 37.5em) {
  .highlight {
    flex-basis: 50%
  }
}

@media (min-width: 64em) {
  .highlight {
    margin: 0 1.5rem;
    min-width: 12.5rem;
    max-width: 16%
  }
}

.highlight__image-box {
  flex: auto
}

.highlight__image {
  border-radius: 50%;
  transform: scale(.95);
  transition: .15s ease-out
}

.highlight__label {
  line-height: 1.3
}

.highlight:focus,
.highlight:hover {
  color: #0970e6
}

.highlight:focus .highlight__image,
.highlight:hover .highlight__image {
  transform: scale(1)
}

.intro {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.intro__title {
  padding: .75rem;
  flex: auto
}

@media (min-width: 64em) {
  .intro__title {
    flex-basis: 50%
  }
}

.intro__title .page-title {
  margin-bottom: 0
}

@media (min-width: 64em) {
  .intro__title .page-title {
    margin-right: auto;
    margin-left: auto;
    max-width: 25rem
  }
}

.intro__visual {
  padding: .75rem;
  flex: auto
}

@media (min-width: 64em) {
  .intro__visual {
    flex-basis: 50%
  }
}

.intro__visual img {
  display: block;
  margin-bottom: 0;
  width: 100%
}

@media (min-width: 64em) {
  .intro__visual img {
    margin: 0 auto;
    max-width: 31.25rem
  }
}

.links-list .subtitle {
  margin-bottom: .5em
}

.links-list__head-link {
  display: block
}

.links-list__items {
  display: block;
  margin: 0
}

.links-list__items li {
  display: block;
  margin-bottom: 0
}

.links-list__items li + li {
  margin-top: .5em
}

.loyalty-history-item {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  color: #575757;
  margin: .5em 0;
  justify-content: space-between;
  display: flex
}

.loyalty-history-item__info {
  display: flex;
  flex-direction: column;
  align-items: left;
  padding: .75rem
}

.loyalty-history-item__info span {
  display: block;
  font-weight: 700;
  margin-bottom: -.25em
}

@media (min-width: 50em) {
  .loyalty-history-item__info span {
    margin-right: 2.25rem;
    float: right
  }
}

@media (min-width: 70em) {
  .loyalty-history-item__info span {
    margin-right: 4.5rem
  }
}

@media (min-width: 50em) {
  .loyalty-history-item__info {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
  }
}

.loyalty-history-item__points {
  padding: .5em;
  min-width: 7em;
  background-color: #095ba5;
  color: #fff;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end
}

.main-navigation__close {
  display: none
}

@media (min-width: 64em) {
  .main-navigation__close {
    display: flex;
    color: #0970e6;
    align-items: center;
    transition: color .2s ease-in-out
  }

  .main-navigation__close:focus,
  .main-navigation__close:hover {
    outline: none;
    color: #095ba5
  }

  .main-navigation__close:visited {
    color: #0970e6
  }

  .main-navigation__close:after {
    display: block;
    width: 2rem;
    max-width: 2rem;
    max-height: 2rem;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E")
  }

  .main-navigation__close b {
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    position: fixed;
    left: 0
  }
}

/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative
}

.flickity-enabled:focus {
  outline: 0
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%
}

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, .75);
  border: none;
  color: #333
}

.flickity-button:hover {
  background: #fff;
  cursor: pointer
}

.flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
  opacity: .6
}

.flickity-button:disabled {
  opacity: .3;
  cursor: auto;
  pointer-events: none
}

.flickity-button-icon {
  fill: #333
}

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
  left: 10px
}

.flickity-prev-next-button.next {
  right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%
}

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1
}

.flickity-rtl .flickity-page-dots {
  direction: rtl
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: .25;
  cursor: pointer
}

.flickity-page-dots .dot.is-selected {
  opacity: 1
}

.media-carousel {
  width: 100%;
  height: 100%
}

.media-carousel__image {
  display: block;
  margin: 0;
  min-width: 150px;
  min-height: 150px
}

.media-carousel .flickity-page-dots {
  bottom: 10px
}

.media-carousel .flickity-page-dots .dot {
  margin-top: 0;
  margin-bottom: 0
}

.media-carousel .flickity-page-dots .dot.is-selected {
  background-color: #0e3368
}

.modal {
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, .5)
}

.modal,
.modal .modal__container {
  display: flex;
  transition: all .3s ease
}

.modal .modal__container {
  flex-wrap: wrap;
  max-width: 600px;
  min-width: 300px;
  min-height: 50vh;
  margin: .75rem;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .5);
  flex-direction: column
}

.modal .modal__body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  padding: 3rem 1.5rem
}

.modal .modal__body .promotion-description__legals {
  display: block
}

.modal .modal__header {
  flex: 0 0 100%;
  background-color: #0e3368;
  padding: 3rem 1.5rem
}

.modal .modal__header .page-title,
.modal .modal__header .sub-title {
  color: #fff
}

.modal .modal__action {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-grow: 1;
  padding: .75rem
}

.modal .modal__action .a-button {
  flex: 1 0 150px;
  max-width: 300px;
  margin: .75rem
}

.newsletter-form {
  position: relative;
  display: flex;
  margin: 1.5rem;
  min-width: calc(50% - 1.5rem);
  flex-wrap: wrap;
  align-items: center
}

.newsletter-form form {
  margin-bottom: 0;
  flex: auto
}

.newsletter-form p {
  line-height: 1.4
}

.newsletter-form a {
  font-weight: 700
}

.newsletter-form .sub-title {
  margin: .5em 1.5rem;
  margin-left: 0;
  font-weight: 700;
  color: inherit
}

.newsletter-form__input-element {
  display: flex
}

.newsletter-form__input-element input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=range]) {
  margin-top: 0;
  padding: .3125rem 1rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  height: 2.5rem
}

.newsletter-form__input-element .a-button {
  padding: .3125rem 1rem;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: auto;
  height: 2.5rem;
  line-height: 2rem
}

.newsletter-form__logged {
  display: flex;
  background: #fff;
  color: #575757;
  border-radius: 5px;
  padding: .75rem;
  padding-top: .375rem
}

.newsletter-form__logged div {
  flex: 1
}

@media (max-width: 37.5em) {
  .newsletter-form__logged {
    flex-direction: column;
    align-items: flex-start
  }
}

.newsletter-form__message-box {
  background: #fff;
  color: #575757;
  position: absolute;
  right: 0;
  border-radius: 10px;
  top: calc(100% + 20px);
  padding: 1.5rem 3rem;
  padding-top: 2em;
  z-index: 11
}

.newsletter-form__message-box:after {
  bottom: 100%;
  left: 70%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: hsla(0, 0%, 100%, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px
}

.newsletter-form__message-box--info {
  padding: 1.5rem
}

.newsletter-form__message-box--info .link--terciary {
  display: block;
  margin-top: .5em
}

.newsletter-form__message-box--error {
  background: #ffccbd
}

.newsletter-form__message-box--error:after {
  border-bottom-color: #ffccbd
}

.newsletter-form__message-box--error:before {
  content: " ";
  position: absolute;
  display: block;
  top: 2em;
  left: 1em;
  height: 25px;
  width: 25px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23db3832' d='M12 0a12 12 0 1 0 12 12A12 12 0 0 0 12 0zm-.8 6.62a.75.75 0 0 1 1.5 0v9.55a.75.75 0 0 1-1.5 0zm.8 13.43a.78.78 0 1 1 .78-.78.78.78 0 0 1-.78.78z'/%3E%3C/svg%3E") no-repeat transparent 50%
}

.newsletter-form__message-box--success {
  background: #c9f0db
}

.newsletter-form__message-box--success:after {
  border-bottom-color: #c9f0db
}

.newsletter-form__message-box--success:before {
  content: " ";
  position: absolute;
  display: block;
  top: 2em;
  left: 1em;
  height: 25px;
  width: 25px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234ccd8a' d='M12 0a12 12 0 1 0 12 12A12 12 0 0 0 12 0zm5.7 8.28l-5.6 9.22a.71.71 0 0 1-.53.35h-.11a.78.78 0 0 1-.5-.19l-3.68-3.27a.75.75 0 0 1-.06-1.06.73.73 0 0 1 1-.06l3 2.68 5.2-8.45a.75.75 0 0 1 1.28.78z'/%3E%3C/svg%3E") no-repeat transparent 50%
}

.newsletter-form__message-box--additional {
  font-size: .83333em;
  line-height: 1.4;
  background: #fff;
  margin: -3rem;
  margin-top: 1.5rem;
  padding: 1.5rem 3rem;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

.newsletter-form__message-box-close {
  position: absolute;
  display: block;
  top: 7px;
  right: 7px;
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E") no-repeat transparent 50%
}

.nutritional-circle {
  background-color: #f5f4f2;
  border-radius: 50%;
  width: 157px;
  height: 157px;
  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .36)
}

.nutritional-circle-inside {
  width: 80%;
  height: 80%;
  position: relative;
  top: 10%;
  left: 10%;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .36)
}

.nutritional-circle-inside-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: .75rem;
  font-size: .7rem
}

.nutritional-circle-inside-energy {
  color: #0e3368;
  font-weight: 700;
  font-size: .8rem;
  margin-top: 2px
}

.nutritional-circle-inside-energy:first-of-type {
  margin-top: 5px
}

.nutritional-fact {
  margin: 1.5rem 0
}

.nutritional-fact-name {
  display: flex;
  justify-content: space-between
}

.nutritional-fact-name--spaced {
  margin-bottom: 1.5rem
}

.nutritional-fact-value {
  font-size: .83333em;
  color: #575757
}

.order-detail-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: .375rem 0
}

.order-detail-list-item__name {
  font-weight: 400;
  color: #0e3368;
  line-height: 1.15
}

.order-detail-list-item__name span {
  display: block;
  color: #929292;
  font-size: .83333em;
  font-weight: 400;
  line-height: 1.5
}

.order-detail-list-item__quantity {
  font-weight: 700;
  color: #0e3368
}

.order-detail-list-item__amount {
  font-size: 1.2em;
  font-weight: 700;
  color: #0e3368
}

.order-detail-list-item div {
  padding: .375rem
}

.order-detail-list-item div:first-child {
  min-width: 2.5em;
  text-align: center
}

.order-detail-list-item div:nth-child(3) {
  flex: 1;
  text-align: right
}

.order-item {
  border: 1px solid #e5e5e5;
  padding: 1.5rem .75rem;
  margin: .75rem 0;
  border-radius: 10px;
  color: #0e3368;
  background: #fff
}

.order-item__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-weight: 400;
  flex: 0.6
}

.order-item__id {
  font-size: .83333em;
  font-weight: 400;
  color: #929292;
  margin-top: 1em;
  width: 100%;
  border-bottom: 1px solid #929292
}

@media (min-width: 50em) {
  .order-item__id {
    width: unset;
    margin-top: 0;
    border-bottom: 0
  }
}

.order-item__delivery-type {
  font-weight: 700;
  font-size: 1.2em
}

.order-item__address {
  font-weight: 400;
  color: #929292;
  display: block;
  margin-top: -.4em;
  margin-right: .75rem
}

@media (min-width: 70em) {
  .order-item__address {
    display: inline
  }

  .order-item__address:before {
    content: " - "
  }
}

.order-item__address--compact {
  margin-top: unset
}

@media (min-width: 70em) {
  .order-item__address--compact:before {
    content: none
  }
}

.order-item__subheader {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  flex-direction: column;
  align-items: flex-start
}

@media (min-width: 50em) {
  .order-item__subheader {
    flex-direction: row;
    align-items: baseline
  }
}

.order-item__details {
  display: flex;
  margin-top: .375rem;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between
}

.order-item__details span {
  display: block;
  font-size: 1.2em;
  max-width: 150px;
  line-height: 1.2;
  margin-top: .05em
}

@media (min-width: 50em) {
  .order-item__details span {
    max-width: none;
    margin-top: -.2em
  }
}

@media (min-width: 50em) {
  .order-item__details {
    margin-top: .75rem;
    flex-wrap: wrap;
    flex-direction: row
  }
}

.order-item__actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: .75rem
}

.order-item__actions button {
  margin-bottom: .375rem;
  margin-left: .375rem
}

.order-item__amount {
  font-size: 1.44em;
  min-width: 4em;
  font-weight: 700;
  text-align: right;
  color: #0e3368;
  padding-left: .375rem
}

.order-item__status {
  background-color: #fee2a2;
  font-weight: 700;
  font-size: .69444em;
  padding: .3rem .75rem;
  border-radius: 5px;
  margin-top: .75rem;
  order: 3;
  width: 100%
}

@media (min-width: 50em) {
  .order-item__status {
    order: unset;
    width: unset;
    margin-top: 0
  }
}

.order-item__past-delivery {
  font-size: 1.2em;
  border-left: 0;
  padding-left: 0
}

@media (min-width: 50em) {
  .order-item__past-delivery {
    padding-left: .375rem;
    margin-left: .375rem;
    border-left: 1px solid #e5e5e5
  }
}

.order-item__past-delivery span {
  display: block;
  font-size: .69444em;
  font-weight: 700;
  margin-top: -8px
}

.order-item__side-by-side {
  display: flex;
  justify-content: space-between;
  flex: 0.4;
  align-items: flex-end
}

.order-item__info {
  display: flex;
  justify-content: space-between;
  flex-direction: column
}

@media (min-width: 50em) {
  .order-item__info {
    flex-direction: row
  }
}

.order-item .cta--cart {
  padding-right: 3.25em;
  background-image: url("data:image/svg+xml,%3Csvg height='22' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M22.9 5.6c-.2-.2-.5-.4-.8-.4H7l-.6-2c-.1-.2-.3-.5-.6-.6L1.7 1.1C1.2.9.6 1.1.4 1.7c-.2.5.1 1.1.6 1.2l3.6 1.4 3.3 11.3c.1.4.5.7 1 .7H20c.5 0 .9-.3 1-.8l2.1-9.1c0-.2-.1-.5-.2-.8zm-6.4 1.6l-1.3 7.1h-1.5l-1.2-7.1h4zm-9 0H11l1.2 7.1H9.6L7.5 7.2zm11.7 7.1h-2.4L18 7.2h2.8l-1.6 7.1z'/%3E%3Ccircle fill='%23fff' cx='10.9' cy='20.4' r='2'/%3E%3Ccircle fill='%23fff' cx='18.1' cy='20.4' r='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 94%
}

.pagination {
  display: block
}

.pagination__top {
  padding: 3em 0 1.5em
}

.pagination__bottom,
.pagination__top {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  max-width: 300px;
  margin: 0 auto
}

.pagination__bottom {
  padding: 1.5em 0 3em
}

.pagination__txt {
  font-size: 1em;
  color: #929292;
  width: 100%;
  text-align: center;
  margin: .5em
}

.pagination__bar-bg {
  position: relative;
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background-color: #e5e5e5;
  margin-bottom: 2.5em
}

.pagination__bar {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 3px;
  height: 3px;
  background-color: #4ccd8a;
  border: 3px solid #4ccd8a;
  width: 15%
}

@media (min-width: 37.5em) {
  .pagination__bottom,
  .pagination__top {
    max-width: 340px
  }
}

.product-badge-title {
  position: absolute;
  background-color: #fff;
  margin-left: -1.5rem;
  margin-top: -3rem;
  padding: .5rem .375rem .5rem 3rem;
  border-radius: 30px;
  border: 1px solid #0970e6;
  font-weight: 700;
  transform: scale(0);
  opacity: 0;
  z-index: 9;
  min-width: 250px;
  transition: all .2s
}

.product-badge-icon {
  position: relative;
  z-index: 2
}

.product-badge-icon img {
  margin: 0;
  vertical-align: top
}

.product-badge {
  display: inline-block;
  text-align: center;
  margin: .75rem .75rem .75rem 0;
  position: relative
}

@media (min-width: 50em) {
  .product-badge {
    margin-left: .75rem
  }

  .product-badge:hover .product-badge-icon {
    z-index: 10
  }

  .product-badge:hover .product-badge-title {
    transform: scale(1);
    opacity: 1
  }
}

.product-badge-anchor-icon {
  text-align: center;
  transform: translateY(50%)
}

.product-badge-anchor-icon-resp {
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #e5e5e5
}

.product-badge-anchor-icon-resp img {
  margin: 0;
  vertical-align: top
}

.product-badge-anchor-content {
  padding: 1.5rem .75rem;
  border-top: 1px solid #e5e5e5
}

@media (min-width: 50em) {
  .product-badge-anchor-content {
    border: 1px solid #e5e5e5;
    padding: 3rem;
    border-radius: 30px
  }
}

.product-badge-anchor-content-title {
  text-align: center;
  margin-bottom: .75rem
}

.product-badges-list {
  display: inline-block;
  margin: .75rem 0
}

@media (min-width: 50em) {
  .product-badges-list {
    border: 1px solid #e5e5e5;
    padding: .75rem;
    border-radius: 30px
  }
}

.product-block-content {
  margin: 1.5rem 0
}

.product-block-content:first-child {
  margin-top: 0
}

.product-block-content:last-child {
  margin-bottom: 0
}

.product-block-content-paragraph {
  margin-top: .75rem
}

.product-composed-label {
  flex: 1 1 160px;
  margin-left: 3rem;
  padding-right: 3rem;
  border-right: 1px solid #e5e5e5
}

.product-composed-label:first-child {
  margin-left: 0
}

.product-composed-label:last-child {
  border-right: 0
}

.product-pricing {
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e5e5e5;
  display: flex;
  flex-flow: row wrap;
  overflow: visible;
  position: relative
}

.product-pricing--is-pdp .product-pricing__promotion-focus {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border: 5px solid #fff29c;
  display: inline-block
}

.product-pricing--is-pdp .product-pricing__cntnr-blk {
  justify-content: space-between;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.5rem 0
}

.product-pricing--is-pdp .product-pricing__dscnt-price .cents {
  font-size: .83333em;
  white-space: inherit
}

.product-pricing--is-pdp .product-pricing__dscnt-price--promo {
  height: 100%;
  line-height: 3
}

.product-pricing--is-pdp .promotion-description {
  left: 0;
  top: auto;
  bottom: calc(100% - 1px);
  position: absolute;
  border-radius: 10px 10px 0 0;
  width: 100%;
  margin: 0;
  text-align: center;
  z-index: 3
}

.product-pricing--is-pdp .promotion-description__labels {
  justify-content: center;
  min-height: 2.25rem;
  padding: 0
}

.product-pricing--is-pdp .promotion-description .promotion-label {
  padding: 0;
  line-height: 2.25rem;
  min-height: 2.25rem;
  text-align: center;
  width: auto
}

.product-pricing--is-pdp .promotion-description__colored {
  border-bottom-right-radius: 0
}

.product-pricing--is-pdp .promotion-description[class*="--applied"] {
  background-color: #4ccd8a
}

.product-pricing--is-pdp .promotion-description[class*="--applied"] .promotion-description__labels {
  line-height: 2.25rem;
  min-height: 2.25rem;
  padding: 0;
  justify-content: center
}

.product-pricing--is-pdp .promotion-description[class*="--promo"] {
  background-color: #fff29c;
  height: 2.25rem;
  line-height: 2.25rem
}

.product-pricing--is-pdp .promotion-description[class*="--promo"][class*="--applied"] {
  background-color: #4ccd8a
}

.product-pricing--is-pdp .promotion-description[class*="--promo"][class*="--applied"] .promotion-label {
  width: auto
}

.product-pricing--is-pdp .promotion-description[class*="--promo"][class*="--applied"] .promotion-label__txt {
  padding-left: 0
}

.product-pricing--is-pdp .promotion-description[class*="--ri"] .promotion-description__labels {
  min-height: 2.25rem;
  padding: 0
}

.product-pricing--is-pdp .promotion-description[class*="--ri"] .promotion-label {
  width: 100%;
  border-radius: 0
}

.product-pricing--is-pdp .promotion-description[class*="--ri"] .promotion-label__txt {
  margin-left: 0
}

.product-pricing--is-pdp .promotion-description[class*="--ri"][class*="--applied"] {
  background-color: #4ccd8a
}

.product-pricing--is-pdp .promotion-description[class*="--ri"][class*="--applied"] .promotion-description__labels {
  justify-content: center;
  padding: 0
}

.product-pricing--is-pdp .promotion-description[class*="--ri"][class*="--applied"] .promotion-label {
  width: auto
}

.product-pricing--is-pdp .promotion-description[class*="--ri"][class*="--applied"] .promotion-label__icon {
  width: 2.25rem;
  display: inline-block
}

.product-pricing--is-pdp .promotion-description[class*="--ri"][class*="--applied"] .promotion-label__txt {
  width: auto
}

.product-pricing--is-pdp .promotion-description[class*="--ri"][class*=crescendo] {
  height: auto
}

.product-pricing--is-pdp .promotion-description[class*="--ri"][class*=crescendo] .promotion-label {
  line-height: 2.25rem
}

.product-pricing--is-pdp .promotion-description[class*="--ri"][class*=crescendo][class*="--applied"] {
  background-color: #4ccd8a
}

.product-pricing--is-pdp .promotion-description[class*="--ri"][class*=crescendo][class*="--applied"] .promotion-label__icon {
  display: inline-block
}

.product-pricing--is-pdp .promotion-description[class*="--ri"][class*=crescendo][class*="--applied"] .promotion-label {
  width: auto
}

.product-pricing--is-pdp .promotion-description[class*="--ri"][class*=crescendo][class*="--applied"] .promotion-label__txt {
  padding-left: 0
}

.product-pricing--is-pdp .promotion-description[class*="--rd"],
.product-pricing--is-pdp .promotion-description[class*="--rd"] .promotion-description__labels {
  min-height: 2.25rem;
  padding: 0
}

.product-pricing--is-pdp .promotion-description[class*="--rd"] .promotion-label {
  line-height: 2.25rem;
  width: 100%
}

.product-pricing--is-pdp .promotion-description[class*="--rd"] .promotion-label__txt {
  margin-left: 0;
  font-weight: 400
}

.product-pricing--is-pdp .promotion-description[class*="--rd"][class$="--applied"] {
  background-color: #4ccd8a
}

.product-pricing--is-pdp .promotion-description[class*="--rd"][class$="--applied"] .promotion-description__labels {
  justify-content: center;
  padding: 0
}

.product-pricing--is-pdp .promotion-description[class*="--rd"][class$="--applied"] .promotion-label {
  width: auto
}

.product-pricing--is-pdp .promotion-description[class*="--rd"][class$="--applied"] .promotion-label__icon {
  width: 2.25rem;
  display: inline-block
}

.product-pricing--is-pdp .promotion-description[class*="--rd"][class$="--applied"] .promotion-label__txt {
  width: auto
}

.product-pricing--is-pdp .promotion-description[class*="--rd"][class$="--applied"]:before {
  content: none;
  display: none
}

.product-pricing--is-pdp .promotion-description[class*="--rd"][class*=crescendo] {
  height: auto
}

.product-pricing--is-pdp .promotion-description[class*="--rd"][class*=crescendo][class*="--applied"] {
  background-color: #4ccd8a
}

.product-pricing--is-pdp .promotion-description[class*="--rd"][class*=crescendo][class*="--applied"] .promotion-label__icon {
  display: inline-block
}

.product-pricing--is-pdp .promotion-description[class*="--rd"][class*=crescendo][class*="--applied"] .promotion-label__txt {
  padding-left: 0
}

.product-pricing--is-pdp .promotion-slide {
  border-radius: 10px 10px 0 0;
  transform-origin: center bottom;
  transform: scaleY(1);
  opacity: 1;
  background: #fff29c;
  left: 0;
  top: auto;
  bottom: 100%;
  height: auto;
  position: absolute;
  align-content: unset;
  align-items: unset;
  justify-content: unset;
  padding: 2.25rem 1.5rem 3rem;
  display: block;
  flex-direction: unset;
  z-index: 2;
  width: 100%;
  margin: 0
}

.product-pricing--is-pdp .promotion-slide:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-top: 15px solid #fff29c;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 0 none
}

.product-pricing--is-pdp .promotion-slide--applied:before {
  border-top-color: #4ccd8a
}

.product-pricing--is-pdp .promotion-slide__action {
  justify-content: space-between;
  align-items: center;
  flex-direction: row
}

.product-pricing--is-pdp .promotion-slide-enter,
.product-pricing--is-pdp .promotion-slide-leave-to {
  transform-origin: center bottom;
  transform: scaleY(0);
  opacity: 0;
  left: 0;
  top: auto;
  bottom: 100%
}

.product-pricing--is-pdp .promotion-slide-enter .promotion-slide__action,
.product-pricing--is-pdp .promotion-slide-enter .promotion-slide__icon-cross,
.product-pricing--is-pdp .promotion-slide-enter .promotion-slide__txt,
.product-pricing--is-pdp .promotion-slide-leave-to .promotion-slide__action,
.product-pricing--is-pdp .promotion-slide-leave-to .promotion-slide__icon-cross,
.product-pricing--is-pdp .promotion-slide-leave-to .promotion-slide__txt {
  opacity: 0
}

@media (min-width: 50em) {
  .product-pricing--is-pdp .product-pricing__cntnr-blk {
    padding: 1.5rem 3rem
  }
}

@media (min-width: 70em) {
  .product-pricing--is-pdp .product-pricing__cntnr-blk {
    padding: 1.5rem 4.5rem
  }
}

.product-pricing--promotion {
  border-top: 0 none
}

.product-pricing__cntnr-blk {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0
}

.product-pricing__price-blk {
  display: inline-flex;
  flex-direction: row;
  flex: 0 1 auto
}

.product-pricing__main-blk {
  display: inline-flex;
  flex: 0 1 auto;
  flex-direction: column;
  padding-right: 1.5rem
}

.product-pricing__main-price {
  font-size: 2.0736em;
  height: 75%;
  font-weight: 700;
  position: relative;
  color: #0e3368;
  white-space: nowrap;
  z-index: 6
}

.product-pricing__main-price .discount {
  color: #db3832
}

.product-pricing__main-price .cents {
  font-size: .83333em;
  white-space: inherit
}

.product-pricing__yellow-bg:before {
  content: "";
  position: absolute;
  width: 100%;
  display: inline-block;
  height: 40%;
  background-color: #fff29c;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1
}

.product-pricing__main-ppu {
  font-size: .69444em;
  line-height: 1.2;
  font-weight: 300;
  align-self: flex-end;
  width: 100%
}

.product-pricing__dscnt-blk {
  display: inline-flex;
  flex: 0 1 auto;
  flex-direction: column;
  padding-right: 1em
}

.product-pricing__dscnt-price {
  height: 75%;
  color: #0e3368;
  font-weight: 300;
  font-size: 1em;
  text-decoration: line-through;
  white-space: nowrap
}

.product-pricing__dscnt-ppu {
  font-size: .69444em;
  line-height: 1.2;
  font-weight: 300;
  text-decoration: line-through;
  color: #fff
}

.product-pricing .out-of-stock-msg {
  display: inline-block;
  color: #db3832;
  max-width: 200px;
  text-align: center;
  font-size: .83333em;
  line-height: 1.1;
  font-weight: 700
}

.product-pricing .out-of-stock-msg__icon-sad {
  margin: 0 auto;
  fill: #db3832;
  width: 24px;
  height: 24px;
  display: none
}

.product-pricing__no-button {
  background-color: transparent;
  width: 100%;
  height: 40px
}

.product-pricing.hidden {
  display: none
}

.product-pricing.sticky {
  z-index: 10;
  position: fixed;
  background-color: #f5f4f2;
  padding: .75rem 1.5rem;
  bottom: 0;
  left: 0;
  box-shadow: 0 3px 5px 3px #e5e5e5;
  width: 100%
}

.product-pricing.top .product-pricing__promotion-focus {
  width: calc(100% + 3rem);
  margin: 0 -1.5rem
}

@media (min-width: 37.5em) {
  .product-pricing.top .product-pricing__promotion-focus {
    width: calc(100% + 9rem);
    margin: 0 -4.5rem
  }
}

@media (min-width: 50em) {
  .product-pricing.top .product-pricing__promotion-focus {
    width: 100%;
    margin: 0
  }
}

.product-pricing.top .promotion-description,
.product-pricing.top .promotion-slide {
  width: calc(100% + 3rem);
  margin: 0 -1.5rem
}

@media (min-width: 37.5em) {
  .product-pricing.top .promotion-description,
  .product-pricing.top .promotion-slide {
    width: calc(100% + 9rem);
    margin: 0 -4.5rem
  }
}

@media (min-width: 50em) {
  .product-pricing.top .promotion-description,
  .product-pricing.top .promotion-slide {
    width: 100%;
    margin: 0
  }
}

@media (min-width: 50em) {
  .product-pricing.top {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f5f4f2
  }
}

.product-pricing [is=counter-button] {
  width: 100%
}

.product-pricing .add-to-cart {
  margin: 0
}

.product-pricing .a-button,
.product-pricing button {
  max-width: unset
}

.product-zoom {
  z-index: 9;
  transform: translateX(-200%);
  opacity: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  transition: opacity .3s
}

.product-zoom.opened {
  transform: translateX(0);
  opacity: 1
}

.product-zoom-cross {
  z-index: 1;
  color: #0970e6;
  text-align: center;
  font-size: 1.44em;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
  position: absolute;
  top: 9rem;
  right: 6rem
}

.product-zoom-content {
  height: 100%;
  text-align: center;
  padding: 4.5rem 0
}

.product-zoom-content-item {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

.product-zoom .flickity-prev-next-button {
  width: 40px;
  height: 40px;
  padding: 0;
  min-height: 0;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2)
}

.product-zoom .flickity-prev-next-button.previous {
  left: 6rem
}

.product-zoom .flickity-prev-next-button.next {
  right: 6rem
}

.product-zoom .flickity-prev-next-button .arrow {
  fill: #0970e6
}

.webcollage {
  margin: 1.5rem 0
}

.promotion-carousel {
  margin: 0 auto;
  max-width: 1024px
}

.promotion-carousel .product-carousel__title {
  text-align: center;
  text-transform: uppercase
}

.promotion-carousel.product-carousel {
  background-color: transparent
}

.promotion-carousel .product-carousel__item .product-card {
  width: 100%
}

@media (min-width: 37.5em) {
  .promotion-carousel .product-carousel__item .product-card {
    flex-direction: column;
    width: 250px
  }

  .promotion-carousel .product-carousel__item .product-card__body,
  .promotion-carousel .product-carousel__item .product-card__hdr {
    width: 100%
  }
}

.promotion-description {
  font-size: 1em;
  border-radius: .5rem;
  margin-bottom: .75rem;
  cursor: pointer
}

.promotion-description,
.promotion-description__labels {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%
}

.promotion-description__labels {
  padding: 0;
  z-index: 0;
  align-items: center
}

.promotion-description__legals {
  display: none;
  font-size: .75em
}

.promotion-description__colored {
  position: relative;
  z-index: 0;
  width: 25%;
  background-color: #0e3368;
  border-bottom-right-radius: .5rem;
  border-top-right-radius: .5rem
}

.promotion-description__loyalty-card {
  position: absolute;
  z-index: 1;
  left: 75%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex
}

.promotion-description__loyalty-card img {
  margin: 0
}

.promotion-description .promotion-label__txt {
  color: #db3832;
  font-weight: 700
}

.promotion-description[class*="--pf"],
.promotion-description[class*="--ta"] {
  background-color: #fff29c;
  height: 2.25rem;
  line-height: 2.25rem;
  cursor: default
}

.promotion-description[class*="--promo"] {
  background-color: #fff29c;
  height: 2.25rem;
  line-height: 2.25rem
}

.promotion-description[class*="--promo"][class*="--applied"] {
  background: none
}

.promotion-description[class*="--promo"][class*="--applied"] .promotion-label {
  width: 100%
}

.promotion-description[class*="--promo"][class*="--applied"] .promotion-label__txt {
  color: #0e3368;
  font-weight: 400
}

.promotion-description[class*="--rd"] {
  background-color: #fff29c;
  height: auto
}

.promotion-description[class*="--rd"] .promotion-description__labels {
  padding: .5rem;
  width: 75%
}

.promotion-description[class*="--rd"] .promotion-label {
  line-height: 1.4;
  height: auto;
  width: 85%
}

.promotion-description[class*="--rd"] .promotion-label__icon {
  display: none
}

.promotion-description[class*="--rd"] .promotion-label__txt {
  padding: 0;
  white-space: normal;
  margin-left: .375rem
}

.promotion-description[class*="--rd"] .promotion-label--applied {
  width: 80%
}

.promotion-description[class*="--rd"] .promotion-label[class*=crescendo] {
  height: auto
}

.promotion-description[class*="--rd"][class*="--applied"] {
  background-color: #4ccd8a;
  padding: 0;
  height: auto
}

.promotion-description[class*="--rd"][class*="--applied"] .promotion-description__labels {
  padding: .5rem .5rem .5rem 1.5rem
}

.promotion-description[class*="--rd"][class*="--applied"] .promotion-label {
  width: 100%
}

.promotion-description[class*="--rd"][class*="--applied"] .promotion-label__txt {
  margin-left: 0;
  padding-left: 0;
  color: #0e3368;
  font-weight: 400
}

.promotion-description[class*="--rd"][class*="--applied"]:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "";
  display: inline-block;
  border-radius: 1.5rem .5rem .5rem 1.5rem;
  background-color: #4ccd8a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.8 5.6c-.5-.5-1.2-.5-1.7 0L9.7 16l-5.8-5.8c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l6.6 6.6c.2.2.5.3.8.3.3 0 .6-.1.8-.3L21.8 7.3c.5-.5.5-1.3 0-1.7z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 24px 24px;
  width: 2.25rem;
  height: 2.25rem
}

.promotion-description[class*="--ri"] {
  background-color: #fff29c;
  min-height: 2.25rem;
  line-height: 2.25rem
}

.promotion-description[class*="--ri"][class*="--applied"] {
  background: none
}

.promotion-description[class*="--ri"][class*="--applied"] .promotion-label {
  width: 100%
}

.promotion-description[class*="--ri"][class*="--applied"] .promotion-label__txt {
  padding-left: 0;
  color: #0e3368;
  font-weight: 400
}

.promotion-description[class*="--ri"][class*=crescendo] {
  height: auto
}

.promotion-slide-enter-active {
  transition: all ease-in;
  transition-duration: .3s
}

.promotion-slide-enter-active .promotion-slide__action,
.promotion-slide-enter-active .promotion-slide__icon-cross,
.promotion-slide-enter-active .promotion-slide__txt {
  transition: all ease-in;
  transition-delay: .3s;
  transition-duration: .6s
}

.promotion-slide-enter {
  transform-origin: center top;
  transform: scaleY(0);
  opacity: 0;
  left: 0;
  bottom: 0
}

.promotion-slide-enter .promotion-slide__action,
.promotion-slide-enter .promotion-slide__icon-cross,
.promotion-slide-enter .promotion-slide__txt {
  opacity: 0
}

@media (min-width: 50em) {
  .promotion-slide-enter {
    transform-origin: left center;
    transform: scaleX(0);
    left: 100%;
    bottom: auto;
    opacity: 0;
    right: 0;
    top: 0
  }

  .promotion-slide-enter .promotion-slide__action,
  .promotion-slide-enter .promotion-slide__icon-cross,
  .promotion-slide-enter .promotion-slide__txt {
    opacity: 0
  }
}

.promotion-slide {
  position: absolute;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  padding: 2.25rem 1.5rem 1.5rem;
  background-color: #fff29c;
  display: flex;
  flex-direction: column;
  z-index: 2;
  left: 0;
  top: 100%;
  width: 100%;
  transform-origin: top center;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2)
}

.promotion-slide:before {
  position: absolute;
  content: "";
  bottom: 100%;
  left: 75%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-top: 0 none;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff29c
}

.promotion-slide--is-last {
  transform-origin: top center
}

.promotion-slide--is-last:before {
  bottom: 100%;
  left: 70%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-top: 0 none;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff29c
}

.promotion-slide__icon-cross {
  position: absolute;
  width: 24px;
  height: 24px;
  top: .75rem;
  right: .75rem;
  fill: #0e3368;
  cursor: pointer;
  opacity: 1
}

.promotion-slide__txt {
  font-size: 1em;
  color: #0e3368;
  line-height: 1.3;
  text-align: left;
  width: 100%;
  padding-bottom: .75rem;
  opacity: 1
}

.promotion-slide__txt .label {
  font-size: 1em;
  font-weight: 700;
  color: #db3832
}

.promotion-slide__txt .discountAmount {
  font-size: 1.44em;
  font-weight: 700;
  color: #db3832
}

.promotion-slide__txt .discountedPrice {
  font-size: 1em;
  font-weight: 700;
  color: #0e3368
}

.promotion-slide__txt .initialPrice {
  text-decoration: line-through;
  font-size: 1em;
  color: #0e3368
}

.promotion-slide__txt .offerAvailability {
  font-size: .83333em;
  color: #0e3368
}

.promotion-slide__action {
  opacity: 1;
  display: flex;
  flex-direction: row;
  align-items: center
}

.promotion-slide__title {
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 0;
  padding-right: 1.5rem
}

@media (min-width: 37.5em) {
  .promotion-slide:before {
    left: 50%
  }
}

@media (min-width: 50em) {
  .promotion-slide {
    box-shadow: none;
    transform-origin: left center;
    height: 100%;
    width: 100%;
    left: 100%;
    right: 0;
    top: 0
  }

  .promotion-slide:before {
    top: 50%;
    right: 100%;
    left: auto;
    width: 0;
    height: 0;
    bottom: auto;
    transform: translateY(-50%);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #fff29c
  }

  .promotion-slide--is-last {
    transform-origin: right center;
    right: 100%;
    left: auto
  }

  .promotion-slide--is-last:before {
    right: auto;
    left: 100%;
    bottom: auto;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fff29c;
    border-right: 0 none
  }

  .promotion-slide__title {
    margin-bottom: .75rem;
    padding-right: 0
  }

  .promotion-slide__action {
    align-items: unset;
    flex-direction: column
  }
}

.filters-checkbox .checkbox input + label:before {
  margin: 3px calc(18px + 1em) 0 18px
}

.filters-checkbox label {
  display: flex;
  flex-direction: row
}

.filters-checkbox label:first-child {
  flex-grow: 1
}

.filters-checkbox label .badge {
  margin-left: 1em
}

.filters-checkbox .see-more > .title {
  margin-left: 18px;
  margin-top: 18px
}

.filters-checkbox .see-more > .content {
  margin-top: .8rem
}

.filters-currency .expansion-panel__content {
  display: flex;
  flex-direction: row
}

.filters-currency .expansion-panel__content .input-number {
  position: relative;
  margin: 0 5px;
  display: flex;
  flex: 1;
  flex-direction: column
}

.filters-currency .expansion-panel__content .input-number:first-child {
  margin-left: 0
}

.filters-currency .expansion-panel__content .input-number:last-child {
  margin-right: 0
}

.filters-currency .expansion-panel__content .input-number:after {
  position: absolute;
  bottom: 1px;
  right: 1.5rem;
  padding: .5em;
  content: "\20AC"
}

.filters-currency .expansion-panel__content .input-number > * {
  flex: 1;
  width: 100%
}

.filters-currency .expansion-panel__content .input-number input {
  padding-right: 3rem;
  font-size: 14px
}

.filters-list {
  position: relative
}

.filters-list__reset:after {
  display: block;
  height: 1em;
  content: ""
}

.filters-list__list {
  list-style: none;
  margin: 1.5rem 0 0
}

.filters-list__list:not(:empty) {
  margin: 1em 0
}

.filters-list__list .filters-list__element {
  display: inline-block;
  background: #fff;
  border-radius: 20px;
  padding: 8px 20px;
  margin: 3px
}

.filters-list__list .filters-list__element.filters-list__element--ifchecked {
  display: none
}

.filters-list__list .filters-list__element.filters-list__element--checking {
  padding: 0
}

.filters-list__list .filters-list__element.filters-list__element--checking > label {
  padding: 8px 20px;
  display: block;
  height: 100%;
  width: 100%;
  cursor: pointer;
  color: #0970e6;
  font-weight: 400
}

.filters-list__remove {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E") no-repeat transparent 50%;
  width: 15px;
  border: 0;
  overflow: hidden;
  text-indent: -999em;
  padding: 0;
  float: right;
  margin-right: -6px;
  margin-left: 6px;
  height: 1.5rem;
  cursor: pointer
}

.filters-list__remove:focus,
.filters-list__remove:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E") no-repeat transparent 50%
}

.filters-list #filters-list__checkbox {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0
}

.filters-list #filters-list__checkbox:checked ~ .filters-list__list .filters-list__element--ifchecked {
  display: inline-block
}

.filters-list #filters-list__checkbox:checked ~ .filters-list__list .filters-list__element--checking {
  display: none
}

.filters-list__total {
  position: absolute;
  top: 0;
  right: 0
}

@media (max-width: 37.5em) {
  .filters-list__total {
    text-align: center;
    position: static
  }

  .filters-list__total--hidden-mobile {
    display: none
  }
}

.filters-navigation {
  padding-top: 1em
}

.filters-navigation__element {
  padding: 0 1em
}

.filters-navigation .radio-button {
  cursor: pointer
}

.filters-navigation .radio-button__label {
  display: flex
}

.filters-navigation .radio-button__input:checked ~ .radio-button__label .filters-navigation__link {
  color: #0970e6
}

.filters-navigation__link {
  font-weight: 700;
  color: #095ba5;
  flex-grow: 1;
  font-size: .875em
}

.filters-navigation__link:focus,
.filters-navigation__link:hover {
  color: #0970e6
}

.filters-navigation .see-more__content {
  margin-top: .875em
}

.filters-navigation:after {
  content: " ";
  height: 1px;
  background: #e5e5e5;
  margin-top: 1em;
  display: block
}

.filters-navigation--with-see-more {
  padding-bottom: 1em
}

.filters-navigation--with-see-more:after {
  content: none;
  display: none
}

.filters-radio .radio-button input + label:before {
  margin: 3px calc(18px + 1em) 0 18px
}

.filters-radio label {
  display: flex;
  flex-direction: row
}

.filters-radio label:first-child {
  flex-grow: 1
}

.filters-radio label .badge {
  margin-left: 1em
}

.filters-radio .see-more > .title {
  margin-left: 18px;
  margin-top: 18px
}

.filters-radio .see-more > .content {
  margin-top: .8rem
}

.filters-range .expansion-panel__content {
  display: flex;
  flex-direction: row
}

.filters-range .expansion-panel__content .input-number {
  margin: 0 5px;
  display: flex;
  flex: 1;
  flex-direction: column
}

.filters-range .expansion-panel__content .input-number:first-child {
  margin-left: 0
}

.filters-range .expansion-panel__content .input-number:last-child {
  margin-right: 0
}

.filters-range .expansion-panel__content .input-number > * {
  flex: 1;
  width: 100%
}

.filters-range .expansion-panel__content .input-number input {
  font-size: 14px
}

.filters-switch .toggle-switch label .toggle {
  margin: 0 1em 0 0
}

.filters-switch .toggle-switch > label {
  display: flex;
  flex-direction: row
}

.filters-switch .toggle-switch > label .toggle-switch__label {
  flex-grow: 1
}

.filters-switch__badge {
  padding-top: 4px
}

.filters-switch__badge .badge {
  margin-left: 1em
}

#search-bar {
  position: relative;
  display: flex;
  padding-left: 0;
  text-align: left;
  align-items: center;
  z-index: 1000;
  width: 100%;
  transition: width .5s ease-out, left .5s ease-out
}

#search-bar,
#search-bar:before {
  background: #fff;
  height: 3rem;
  left: 0
}

#search-bar:before {
  content: "";
  display: block;
  width: calc(100vw - 4.6875rem);
  top: -1px;
  position: fixed;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: opacity .2s ease-out, visibility .2s ease-out;
  transition-delay: .2s
}

@media (min-width: 64em) {
  #search-bar {
    position: absolute;
    left: auto;
    right: 0;
    height: 5.39rem;
    padding-left: 1em
  }

  #search-bar:before {
    width: calc(100vw - 8.875rem);
    height: 5.45rem
  }
}

#search-bar input#search-bar-input {
  left: 0
}

@media (min-width: 64em) {
  #search-bar input#search-bar-input {
    font-size: 1.2em;
    line-height: 1;
    margin: 0
  }
}

#search-bar .button-back,
#search-bar .button-clean {
  display: none
}

#search-bar .button-back {
  position: absolute;
  display: block;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s ease-out, visibility .2s ease-out;
  top: 11px;
  left: 10px
}

@media (min-width: 64em) {
  #search-bar .button-back {
    position: relative;
    margin: 0 20px 0 10px;
    top: auto;
    left: auto
  }
}

#search-bar .button-clean {
  top: 50%;
  transform: translateY(-50%)
}

#search-bar .button-search {
  visibility: visible;
  opacity: 1;
  transition: opacity .2s ease-out, visibility .2s ease-out
}

@media (min-width: 64em) {
  #search-bar .button-search {
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    right: 0
  }
}

#search-bar label {
  display: none
}

@media (min-width: 64em) {
  #search-bar label.search-label {
    position: fixed;
    top: 25px;
    left: 76px;
    font-size: 1.2em;
    color: #0970e6;
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s ease-out, visibility .15s ease-out
  }
}

#search-bar.opened {
  position: absolute;
  top: 0;
  width: calc(100vw - 5.5rem);
  left: -5.5rem;
  right: 0
}

@media (min-width: 37.5em) {
  #search-bar.opened {
    width: calc(100vw - 8.5rem);
    left: -8.5rem
  }
}

@media (min-width: 64em) {
  #search-bar.opened {
    width: calc(100vw - 8.875rem);
    left: auto;
    right: 0
  }
}

#search-bar.opened:before {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s
}

#search-bar.opened input#search-bar-input {
  display: inherit;
  width: 100%;
  color: #0970e6;
  left: 43px
}

@media (min-width: 64em) {
  #search-bar.opened input#search-bar-input {
    margin: 0 25px 0 0;
    left: 0
  }

  #search-bar.opened input#search-bar-input::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity .2s ease-out
  }

  #search-bar.opened input#search-bar-input::-moz-placeholder {
    opacity: 0;
    transition: opacity .2s ease-out
  }

  #search-bar.opened input#search-bar-input:-ms-input-placeholder {
    opacity: 0;
    transition: opacity .2s ease-out
  }

  #search-bar.opened input#search-bar-input:-moz-placeholder {
    opacity: 0;
    transition: opacity .2s ease-out
  }
}

@media (min-width: 64em) {
  #search-bar.opened input#search-bar-input:invalid + .search-label {
    display: block;
    opacity: 1;
    visibility: visible
  }
}

#search-bar.opened .button-back {
  display: inherit;
  opacity: 1;
  visibility: visible;
  transition: opacity .4s ease-out, visibility .4s ease-out
}

@media (min-width: 64em) {
  #search-bar.opened .button-back {
    transition-delay: .5s
  }
}

#search-bar.opened .button-search {
  visibility: hidden;
  opacity: 0
}

@media (min-width: 64em) {
  #search-bar.opened .button-search {
    visibility: visible;
    opacity: 1
  }
}

#search-form {
  margin-bottom: 0;
  position: absolute;
  width: 30%;
  height: 100%
}

@media (min-width: 64em) {
  #search-form {
    position: static;
    width: auto
  }
}

.search-sorting .multiselect {
  padding: 0 1em
}

.search-sorting .multiselect--active {
  padding-left: 1em
}

.search-sorting .multiselect__element {
  line-height: 2em
}

.typeahead__suggestions {
  height: calc(100vh - 3.125rem);
  overflow-y: auto;
  vertical-align: top;
  padding: 1.5em;
  text-align: left;
  flex: 1 1 100%
}

@media (min-width: 64em) {
  .typeahead__suggestions {
    height: calc(100vh - 5.45rem)
  }
}

.typeahead__suggestions li {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: .3rem 0;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, .3);
  border-image-source: linear-gradient(270deg, #c4efff, #e5e5e5);
  border-image-slice: 0 0 45;
  background-clip: padding-box
}

.typeahead__suggestions li:hover {
  border-image-source: linear-gradient(270deg, #0970e6, #0e3368)
}

.typeahead__suggestions li a {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 10px 0 5px;
  text-decoration: none;
  clear: both;
  font-weight: 700;
  line-height: 100%;
  color: #0970e6
}

.typeahead__suggestions li a:hover {
  text-decoration: none;
  outline: 0
}

.typeahead__suggestions li a span {
  width: 90%
}

.typeahead__suggestions li a p {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #575757;
  padding: 5px 0
}

.typeahead__suggestions li a .ext {
  position: absolute;
  top: 15%;
  right: 0;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.84.097a1.223 1.223 0 0 0-.586-.093H3.792c-.691 0-1.25.559-1.249 1.25a1.247 1.247 0 0 0 1.249 1.249h5.512c.105-.009.193-.008.288-.01L6.428 5.657.353 11.654c-.074.073-.114.164-.165.248-.291.48-.25 1.105.165 1.52.244.245.564.366.884.366.222 0 .437-.081.636-.201.084-.052.174-.093.248-.165l6.075-5.997 2.922-2.922-.002 5.324a1.246 1.246 0 0 0 2.134.884c.226-.226.366-.538.367-.883l.004-8.574a1.25 1.25 0 0 0-.782-1.157z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50%
}

.typeahead__suggestions li a.is-drugstore p {
  order: 1;
  font-size: 18px;
  font-weight: 700
}

.typeahead__suggestions li a.is-drugstore span {
  order: 2
}

.typeahead__suggestions li img {
  margin: 0
}

.typeahead__suggestions li em {
  font-weight: 400;
  font-style: normal
}

.typeahead__products {
  height: calc(100vh - 3.125rem);
  overflow-y: auto;
  vertical-align: top;
  padding: 1.5rem;
  background-color: #f5f4f2;
  text-align: left;
  display: none
}

@media (min-width: 64em) {
  .typeahead__products {
    height: calc(100vh - 5.45rem)
  }
}

.typeahead__products__title {
  color: #575757;
  font-size: 1.15em;
  padding: 1em 0
}

.typeahead__products__title--drugstore {
  color: #575757;
  padding: 2em 0 1em
}

.typeahead__products__list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5
}

.typeahead__products__list-item {
  display: block;
  width: 100%;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 0
}

.typeahead__products__list-item .product-card {
  padding: .75rem
}

@media (min-width: 50em) {
  .typeahead__suggestions {
    flex: 1 1 50%;
    padding: 1.5em 1.5em 1.5em 4em
  }

  .typeahead__products {
    display: initial;
    flex: 1 1 50%;
    flex-direction: column
  }
}

@media (min-width: 70em) {
  .typeahead__suggestions {
    flex: 1 1 30%
  }

  .typeahead__products {
    flex: 1 1 70%
  }

  .typeahead__products__list {
    flex-flow: row wrap
  }

  .typeahead__products__list-item {
    display: flex;
    width: 50%
  }
}

@media (min-width: 90em) {
  .typeahead__products__list-item {
    width: 33.33%
  }
}

.side-panel__checkbox {
  opacity: 0;
  position: absolute;
  left: 0
}

@media (max-width: 37.5em) {
  .side-panel__checkbox + .side-panel__panel,
  .side-panel__checkbox ~ .side-panel__section {
    width: 100%;
    transition: .2s ease-in-out
  }

  .side-panel__checkbox + .side-panel__panel {
    position: absolute;
    background: #f5f4f2;
    z-index: 1001;
    right: 100%;
    top: 0
  }

  .side-panel__checkbox:checked + .side-panel__panel {
    right: 0;
    position: absolute;
    min-height: 100vh
  }

  .side-panel__checkbox:checked ~ .side-panel__section {
    position: absolute;
    top: 0;
    height: 100vh;
    overflow: hidden
  }
}

.side-panel__panel {
  right: 100%;
  top: 0;
  background: #f5f4f2;
  z-index: 4;
  position: absolute;
  background-color: inherit
}

.side-panel__panel__close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E") no-repeat;
  overflow: hidden;
  text-indent: 99px;
  height: 16px;
  width: 16px;
  cursor: pointer
}

.side-panel__opening-icon {
  position: -webkit-sticky;
  position: sticky;
  display: block;
  z-index: 3;
  cursor: pointer
}

@media (min-width: 37.5em) {
  .side-panel__opening-icon {
    display: none
  }
}

.side-panel__opening-icon:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='65'%3E%3Cpath fill='%230970e6' d='M38.6 16.2c-5.6-3.6-11-4.5-13-5C16.5 8.9 4.6 4.6 0 0v65c4.6-4.6 16.5-8.9 25.6-11.3 2-.5 7.4-1.4 13-5 5.1-3.1 8.1-9.4 8.1-16.2 0-5.6-3-13.1-8.1-16.3z'/%3E%3C/svg%3E") no-repeat 0;
  height: 65px;
  width: 47px;
  z-index: 4;
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .5));
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .5))
}

.side-panel__opening-icon:after,
.side-panel__opening-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.side-panel__opening-icon:after {
  background: #fff no-repeat 50%;
  background-size: 22px 22px;
  height: 30px;
  width: 30px;
  z-index: 5;
  border-radius: 100px;
  left: 13px
}

.side-panel__opening-content {
  height: 0;
  display: block;
  overflow: hidden
}

@media (min-width: 37.5em) {
  .side-panel {
    display: flex
  }

  .side-panel__panel {
    flex: 0 1 278px;
    right: auto;
    top: auto;
    background: #f5f4f2;
    position: static
  }

  .side-panel__section {
    overflow: hidden;
    flex: 1 1 80%
  }
}

.side-panel--account .side-panel__panel__close {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E") no-repeat
}

.side-panel--account .side-panel__panel {
  background: #fff
}

.side-panel--account__head {
  background: #e5e5e5;
  padding: 1em;
  text-align: center;
  color: #0e3368;
  font-size: 1.5rem
}

.side-panel--account__nav {
  background: #fff;
  list-style: none;
  margin: 0
}

.side-panel--account__nav__logout,
.side-panel--account__nav__logout:visited {
  color: #575757;
  margin: 1em;
  display: inline-block;
  font-size: .83333em
}

.side-panel--account__nav__element {
  margin: 0;
  line-height: 24px
}

.side-panel--account__nav__element__link {
  padding: 1em;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  color: #0e3368;
  font-weight: 500;
  vertical-align: middle
}

.side-panel--account__nav__element__link:visited {
  color: #0e3368
}

.side-panel--account__nav__element__link:before {
  margin-right: 1em;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='%230e3368'%3E%3Cpath d='M55.59 48.8H23.77a8.53 8.53 0 0 0-8.52 8.52v12.92a1.5 1.5 0 0 0 1.5 1.5h45.86a1.5 1.5 0 0 0 1.5-1.5V57.33a8.53 8.53 0 0 0-8.52-8.53zm5.52 19.94H18.25V57.33a5.53 5.53 0 0 1 5.52-5.52h31.82a5.53 5.53 0 0 1 5.52 5.52zM41.18 44.15a17.36 17.36 0 1 0-17.26-17.37 17.34 17.34 0 0 0 17.26 17.37zm0-31.73a14.36 14.36 0 1 1-14.26 14.36 14.33 14.33 0 0 1 14.26-14.36z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
  background-size: 25px 25px;
  height: 25px;
  width: 25px;
  display: inline-block;
  vertical-align: middle
}

.side-panel--account__nav__element__link--account-section-addresses:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%230970e6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.55 23c.27-.32 6.69-8.07 6.69-14.41a7.24 7.24 0 0 0-14.48 0c0 6.08 6.41 14.07 6.69 14.41a.71.71 0 0 0 .55.26.71.71 0 0 0 .55-.26zm-.74-1.87C10.12 18.82 6.18 13 6.18 8.58a5.82 5.82 0 0 1 11.64 0c0 4.59-3.92 10.3-5.61 12.54l-.2.27z'/%3E%3Cpath d='M9.25 9A2.75 2.75 0 1 1 12 11.72 2.73 2.73 0 0 1 9.25 9'/%3E%3C/svg%3E")
}

.side-panel--account__nav__element__link--account-section-info:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%230970e6' fill-rule='evenodd' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.25 17.44a.75.75 0 0 0 1.5 0A3.5 3.5 0 0 1 16 13.75a3.5 3.5 0 0 1 3.25 3.69.75.75 0 0 0 1.5 0 5.25 5.25 0 0 0-2.51-4.55 3 3 0 1 0-4.2-.16 5.22 5.22 0 0 0-2.79 4.71zm5-8.19a1.47 1.47 0 1 1-1.47 1.47 1.47 1.47 0 0 1 1.44-1.47zM5 10.64h5.53a.75.75 0 1 0 0-1.5H5a.75.75 0 0 0 0 1.5zM5 13.57h4.09a.75.75 0 0 0 0-1.5H5a.75.75 0 0 0 0 1.5zM5 16.5h4.09a.75.75 0 0 0 0-1.5H5a.75.75 0 0 0 0 1.5z'/%3E%3Cpath d='M22.5 20.75h-21A.76.76 0 0 1 .75 20V6a.76.76 0 0 1 .75-.75h21a.76.76 0 0 1 .75.75v14a.76.76 0 0 1-.75.75zm-20.25-1.5h19.5V6.75H2.25z'/%3E%3C/svg%3E")
}

.side-panel--account__nav__element__link--account-section-loyalty:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%230970e6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M11.5 12.31c0 2-3.35 4.57-4 4.69-.69-.12-4-2.79-4-4.77a2.12 2.12 0 0 1 2-2.23c.92 0 1.33.56 2 1.25.67-.7 1-1.21 2-1.21a2.15 2.15 0 0 1 2 2.27z' clip-rule='evenodd'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M12.5 10h1v7h-1z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath d='M17.5 10h1v7h-1z'/%3E%3C/clipPath%3E%3CclipPath id='d'%3E%3Cpath d='M19.5 10h1v7h-1z'/%3E%3C/clipPath%3E%3CclipPath id='e'%3E%3Cpath d='M14.5 10h2v7h-2z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d='M22.5 20.75h-21A.76.76 0 0 1 .75 20V6a.76.76 0 0 1 .75-.75h21a.76.76 0 0 1 .75.75v14a.76.76 0 0 1-.75.75zm-20.25-1.5h19.5V6.75H2.25z'/%3E%3Cpath d='M11.5 12.31c0 2-3.35 4.57-4 4.69-.69-.12-4-2.79-4-4.77a2.12 2.12 0 0 1 2-2.23c.92 0 1.33.56 2 1.25.67-.7 1-1.21 2-1.21a2.15 2.15 0 0 1 2 2.27z' fill-rule='evenodd'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M-16-236h320v568H-16z'/%3E%3C/g%3E%3Cpath d='M12.5 10h1v7h-1z'/%3E%3Cg clip-path='url(%23b)'%3E%3Cpath d='M-16-236h320v568H-16z'/%3E%3C/g%3E%3Cpath d='M17.5 10h1v7h-1z'/%3E%3Cg clip-path='url(%23c)'%3E%3Cpath d='M-16-236h320v568H-16z'/%3E%3C/g%3E%3Cpath d='M19.5 10h1v7h-1z'/%3E%3Cg clip-path='url(%23d)'%3E%3Cpath d='M-16-236h320v568H-16z'/%3E%3C/g%3E%3Cpath d='M14.5 10h2v7h-2z'/%3E%3Cg clip-path='url(%23e)'%3E%3Cpath d='M-16-236h320v568H-16z'/%3E%3C/g%3E%3Cpath d='M22.5 20.75h-21A.76.76 0 0 1 .75 20V6a.76.76 0 0 1 .75-.75h21a.76.76 0 0 1 .75.75v14a.76.76 0 0 1-.75.75zm-20.25-1.5h19.5V6.75H2.25z'/%3E%3C/svg%3E")
}

.side-panel--account__nav__element__link--account-section-notifications:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%230970e6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 8.61A3.39 3.39 0 1 0 15.39 12 3.38 3.38 0 0 0 12 8.61zm0 5.28A1.89 1.89 0 1 1 13.89 12 1.89 1.89 0 0 1 12 13.89z'/%3E%3Cpath d='M20.21 12a2.06 2.06 0 0 1 1.34-1.92l.65-.24-.2-.67a11 11 0 0 0-.85-2.08l-.32-.59-.62.26A2 2 0 0 1 17.59 4l.29-.61-.58-.34a10.2 10.2 0 0 0-2.4-1l-.63-.19-.27.6a2 2 0 0 1-3.74 0L10 1.78l-.63.16A10.29 10.29 0 0 0 6.75 3l-.55.32.22.59a2 2 0 0 1-2.58 2.67l-.59-.21-.31.55A10.22 10.22 0 0 0 2 9.29l-.16.6.56.27A2.05 2.05 0 0 1 3.51 12a2 2 0 0 1-1.15 1.84l-.56.27.16.6a10.14 10.14 0 0 0 1.14 2.64l.32.55.58-.24a2.06 2.06 0 0 1 2.19.46 2 2 0 0 1 .48 2.11l-.2.59.56.31a10.09 10.09 0 0 0 2.34.92l.63.17.25-.61a2 2 0 0 1 3.74 0l.27.6.64-.21a10.2 10.2 0 0 0 2.1-.89l.6-.33-.27-.63a2 2 0 0 1 .43-2.25 2 2 0 0 1 2.28-.41l.62.28.34-.59a10 10 0 0 0 1-2.36l.19-.66-.65-.24A2.06 2.06 0 0 1 20.21 12zM20 15.9a3.54 3.54 0 0 0-4.26 4.17c-.23.11-.46.2-.7.29a3.54 3.54 0 0 0-5.85.08 8.25 8.25 0 0 1-.93-.38 3.54 3.54 0 0 0-4.16-4 7.82 7.82 0 0 1-.52-1.23A3.59 3.59 0 0 0 5 12a3.57 3.57 0 0 0-1.43-2.85c.12-.34.26-.67.41-1a3.53 3.53 0 0 0 4-4.1 10.26 10.26 0 0 1 1.19-.49 3.51 3.51 0 0 0 3 1.59A3.55 3.55 0 0 0 15 3.64a8.2 8.2 0 0 1 1 .42 3.57 3.57 0 0 0 .94 3.31 3.53 3.53 0 0 0 3.17 1c.1.21.18.43.27.65a3.53 3.53 0 0 0 0 6 9 9 0 0 1-.38.88z'/%3E%3C/svg%3E")
}

.side-panel--account__nav__element__link--account-section-orders:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%230970e6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 5.86l-9.64-4.54a.78.78 0 0 0-.6 0L2 5.11a.76.76 0 0 0-.48.7V19a.76.76 0 0 0 .47.69l9.73 4a.72.72 0 0 0 .29.06.75.75 0 0 0 .26-.05L22 20.11a.76.76 0 0 0 .49-.7V6.54a.76.76 0 0 0-.49-.68zm-9.62 3.72L9.73 8.34l6.86-3.22.12-.12L20 6.58zM12 2.82l3 1.39-6.89 3.24a.5.5 0 0 0-.11.08L4.34 5.82zM3 6.88l8.61 4V22l-8.56-3.52zm10.16 14.91v-10.9L21 7.82v11.07z'/%3E%3C/svg%3E")
}

.side-panel--account__nav__element__link--account-section-payment:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%230970e6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22.92 4.73H1.59a.65.65 0 0 0-.65.65v14.5a.65.65 0 0 0 .65.65h21.33a.66.66 0 0 0 .65-.65V5.38a.66.66 0 0 0-.65-.65zm-.65 14.5h-20V12.4h20zm0-9.83h-20V6h20z'/%3E%3C/svg%3E")
}

.side-panel--account__nav__element__link--account-section-products:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='%230970e6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.5 4.75h-2v-2.5a1 1 0 0 0-1-1h-12a1 1 0 0 0-1 1v17a1 1 0 0 0 1 1h2v1.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-16a1 1 0 0 0-1-1zM5 18.75v-16h11v2H7.5a1 1 0 0 0-1 1v13zm14 2.5H8v-15h11z'/%3E%3Cpath d='M13.25 10.5h3.25a.75.75 0 0 0 0-1.5h-3.25a.75.75 0 0 0 0 1.5zM10 9.22a.63.63 0 0 0-.16.24.73.73 0 0 0 0 .58.63.63 0 0 0 .16.24.75.75 0 0 0 1.06 0 .78.78 0 0 0 .16-.24.72.72 0 0 0 .06-.29.75.75 0 0 0-.28-.53.77.77 0 0 0-1 0zM16.5 13h-3.25a.75.75 0 0 0 0 1.5h3.25a.75.75 0 0 0 0-1.5zM10 13.22a.75.75 0 0 0-.22.53.72.72 0 0 0 .06.29.63.63 0 0 0 .16.24.75.75 0 0 0 1.06 0 .63.63 0 0 0 .16-.24.72.72 0 0 0 .06-.29.75.75 0 0 0-.22-.53.77.77 0 0 0-1.06 0zM16.5 17h-3.25a.75.75 0 0 0 0 1.5h3.25a.75.75 0 0 0 0-1.5zM11 17.22a.77.77 0 0 0-1.06 0 .63.63 0 0 0-.16.24.75.75 0 0 0-.06.29.72.72 0 0 0 .06.29.63.63 0 0 0 .16.24.75.75 0 0 0 .53.22.72.72 0 0 0 .29-.06.74.74 0 0 0 .4-.4.72.72 0 0 0 .06-.29.75.75 0 0 0-.06-.29.78.78 0 0 0-.16-.24z'/%3E%3C/svg%3E")
}

.social-links {
  display: flex;
  margin: 0
}

.social-links li {
  display: block;
  margin: 0;
  margin-right: 1em;
  flex-basis: auto
}

.social-links li:last-child {
  margin-right: 0
}

.social-links a {
  display: block;
  border-radius: 5px;
  padding: .3125rem;
  width: 2.5rem;
  max-width: 10vw;
  background-color: hsla(0, 0%, 100%, .125)
}

.social-links a:after {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1;
  content: ""
}

.social-links a[href*="facebook."]:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><path fill="%23fff" stroke="none" d="M45.53,75.72V43.13H56.47l1.64-12.7H45.53V22.32c0-3.68,1-6.18,6.29-6.18h6.73V4.78a90,90,0,0,0-9.8-.5c-9.7,0-16.34,5.92-16.34,16.79v9.37h-11v12.7h11V75.72Z"></path></svg>')
}

.social-links a[href*=".google."]:after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g><polygon fill="%23fff" points="73.46 36.28 73.46 41.92 65.11 41.92 65.11 50.27 59.48 50.27 59.48 41.92 51.13 41.92 51.13 36.28 59.48 36.28 59.48 27.94 65.11 27.94 65.11 36.28 73.46 36.28" /><path fill="%23fff" d="M47.17,40c0,7.44-3.09,14-9,17.63A20.74,20.74,0,1,1,41,24.46l-5.48,5.75a12.81,12.81,0,1,0,1.63,17.94,5.35,5.35,0,0,0,1.34-3.43H27.3V36.81H39.67v0h7.25A21.75,21.75,0,0,1,47.17,40Z" /></g></svg>')
}

.social-links a[href*="instagram."]:after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g><path fill="%23fff" d="M74,25.89a25.13,25.13,0,0,0-1.59-8.31,17.5,17.5,0,0,0-10-10A25.12,25.12,0,0,0,54.11,6C50.46,5.81,49.3,5.77,40,5.77s-10.46,0-14.11.21a25.12,25.12,0,0,0-8.31,1.59,17.5,17.5,0,0,0-10,10A25.13,25.13,0,0,0,6,25.89C5.81,29.54,5.77,30.7,5.77,40s0,10.46.21,14.11a25.12,25.12,0,0,0,1.59,8.31,17.5,17.5,0,0,0,10,10A25.12,25.12,0,0,0,25.89,74c3.65.17,4.82.21,14.11.21s10.46,0,14.11-.21a25.12,25.12,0,0,0,8.31-1.59,17.5,17.5,0,0,0,10-10A25.12,25.12,0,0,0,74,54.11c.17-3.65.21-4.82.21-14.11S74.19,29.54,74,25.89ZM67.86,53.83a18.94,18.94,0,0,1-1.18,6.36,11.34,11.34,0,0,1-6.5,6.5,18.94,18.94,0,0,1-6.36,1.18c-3.61.16-4.69.2-13.83.2s-10.22,0-13.83-.2a18.94,18.94,0,0,1-6.36-1.18,11.34,11.34,0,0,1-6.5-6.5,18.94,18.94,0,0,1-1.18-6.36c-.16-3.61-.2-4.69-.2-13.83s0-10.22.2-13.83a18.94,18.94,0,0,1,1.18-6.36,11.34,11.34,0,0,1,6.5-6.5,18.94,18.94,0,0,1,6.36-1.18c3.61-.16,4.69-.2,13.83-.2s10.22,0,13.83.2a18.94,18.94,0,0,1,6.36,1.18,11.34,11.34,0,0,1,6.5,6.5,18.94,18.94,0,0,1,1.18,6.36c.16,3.61.2,4.69.2,13.83S68,50.22,67.86,53.83Z" /><path fill="%23fff" d="M40,22.42A17.58,17.58,0,1,0,57.58,40,17.58,17.58,0,0,0,40,22.42Zm0,29A11.41,11.41,0,1,1,51.41,40,11.41,11.41,0,0,1,40,51.41Z" /><circle fill="%23fff" cx="58.27" cy="21.73" r="4.11" /></g></svg>')
}

.social-links a[href*="pinterest."]:after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g><path fill="%23fff" d="M64.33,31.82c0,13.12-8.27,23.69-19.76,23.69-3.86,0-7.49-2-8.74-4.37L33.45,60.2a42.38,42.38,0,0,1-4.73,10c-.88-.27-1.75-.58-2.61-.91-.33-3-.63-7.66.13-10.95.7-3,4.47-18.94,4.47-18.94a13.67,13.67,0,0,1-1.14-5.65c0-5.3,3.08-9.25,6.89-9.25,3.25,0,4.82,2.43,4.82,5.36,0,3.26-2.08,8.16-3.15,12.68a5.54,5.54,0,0,0,5.64,6.89c6.77,0,12-7.15,12-17.45,0-9.12-6.56-15.5-15.91-15.5C29,16.47,22.63,24.6,22.63,33a14.87,14.87,0,0,0,2.83,8.69,1.13,1.13,0,0,1,.27,1.1c-.29,1.2-.93,3.79-1.05,4.32-.17.7-.56.84-1.28.51-4.75-2.22-7.73-9.17-7.73-14.77,0-12,8.73-23,25.17-23C54.06,9.81,64.33,19.23,64.33,31.82Z" /></g></svg>')
}

.social-links a[href*="twitter."]:after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g><g><path fill="%23fff" d="M26.8,68.87c26.79,0,41.45-22.22,41.45-41.45,0-.63,0-1.25,0-1.88A29.68,29.68,0,0,0,75.5,18a29.53,29.53,0,0,1-8.38,2.3,14.66,14.66,0,0,0,6.42-8.07,29,29,0,0,1-9.26,3.52,14.57,14.57,0,0,0-25.2,10A16.1,16.1,0,0,0,39.45,29a41.37,41.37,0,0,1-30-15.23,14.63,14.63,0,0,0,4.52,19.46,14.74,14.74,0,0,1-6.59-1.82v.2A14.6,14.6,0,0,0,19,45.94a14.65,14.65,0,0,1-6.56.26A14.57,14.57,0,0,0,26.06,56.31,29.22,29.22,0,0,1,8,62.56a28,28,0,0,1-3.47-.2,41.44,41.44,0,0,0,22.3,6.51" /></g></g></svg>')
}

.social-links a[href*="youtube."]:after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"><g><path fill="%23fff" d="M74,22.8a8.92,8.92,0,0,0-6.28-6.32C62.21,15,40,15,40,15s-22.21,0-27.75,1.49A8.92,8.92,0,0,0,6,22.8C4.49,28.37,4.49,40,4.49,40S4.49,51.63,6,57.2a8.92,8.92,0,0,0,6.28,6.32C17.79,65,40,65,40,65s22.21,0,27.75-1.49A8.92,8.92,0,0,0,74,57.2C75.51,51.63,75.51,40,75.51,40S75.51,28.37,74,22.8ZM32.74,50.56V29.44L51.3,40Z" /></g></svg>')
}

.social-links_label {
  position: absolute;
  left: -1000rem;
  opacity: 0
}

.star-rating {
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23e5e5e5' d='M24 9.5c-.1-.4-.4-.6-.8-.7l-7.1-1-3.2-6.4c-.2-.4-.5-.6-.9-.6s-.7.2-.9.5L7.9 7.8l-7.1 1c-.3.1-.6.3-.8.7-.1.4 0 .7.2 1l5.1 5-1.2 7.1c-.1.4.1.7.4 1 .2.1.4.2.6.2.2 0 .3 0 .5-.1l6.4-3.3 6.3 3.3c.3.2.7.1 1-.1.3-.2.5-.6.4-1l-1.2-7.1 5.1-5c.4-.3.5-.7.4-1z'/%3E%3C/svg%3E");
  width: 200px
}

.star-rating,
.star-rating__foreground {
  background-repeat: repeat-x;
  background-size: 40px;
  height: 40px
}

.star-rating__foreground {
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23db3832' d='M24 9.5c-.1-.4-.4-.6-.8-.7l-7.1-1-3.2-6.4c-.2-.4-.5-.6-.9-.6s-.7.2-.9.5L7.9 7.8l-7.1 1c-.3.1-.6.3-.8.7-.1.4 0 .7.2 1l5.1 5-1.2 7.1c-.1.4.1.7.4 1 .2.1.4.2.6.2.2 0 .3 0 .5-.1l6.4-3.3 6.3 3.3c.3.2.7.1 1-.1.3-.2.5-.6.4-1l-1.2-7.1 5.1-5c.4-.3.5-.7.4-1z'/%3E%3C/svg%3E")
}

.store-delivery-card.store-delivery-card--large {
  display: flex;
  padding: 1.5rem;
  background-color: #e5e5e5;
  flex-direction: column;
  align-items: center;
  justify-content: space-between
}

@media (min-width: 64em) {
  .store-delivery-card.store-delivery-card--large {
    border-radius: 5px;
    flex-direction: row
  }
}

@media (min-width: 64em) {
  .store-delivery-card.store-delivery-card--large .store-delivery-card__title {
    padding-right: .75rem
  }
}

.store-delivery-card.store-delivery-card--large .store-delivery-card__title .subtitle {
  margin-bottom: .75rem;
  padding-bottom: .75rem;
  border-bottom: .0625rem solid #0e3368;
  font-weight: 700;
  text-transform: uppercase
}

@media (min-width: 64em) {
  .store-delivery-card.store-delivery-card--large .store-delivery-card__title .subtitle {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0
  }
}

.store-delivery-card.store-delivery-card--large p {
  text-align: center
}

@media (min-width: 64em) {
  .store-delivery-card.store-delivery-card--large p {
    padding-left: .75rem;
    border-left: .0625rem solid #0e3368;
    text-align: left;
    flex: auto
  }
}

.store-delivery-card.store-delivery-card--large strong {
  font-weight: inherit
}

@media (min-width: 64em) {
  .store-delivery-card.store-delivery-card--large .button {
    margin-top: 0
  }
}

.store-open-meta.store-open-meta--as-block {
  padding: .5em 1.5rem;
  border-radius: 5px;
  width: 100%;
  color: #0e3368;
  font-weight: 400;
  align-items: baseline
}

.store-open-meta.store-open-meta--as-block:before {
  background-color: #0e3368
}

.store-open-meta.store-open-meta--as-block.store-open-meta--is-open {
  background-color: rgba(166, 211, 152, .2)
}

.store-open-meta.store-open-meta--as-block.store-open-meta--is-closed {
  background-color: #ffccbd
}

.svg-icons-sprite {
  display: none;
  position: fixed;
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
  overflow: hidden
}

.user-product-list-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e5e5;
  border-top: 0;
  padding: .75rem 1.5rem
}

@media (min-width: 37.5em) {
  .user-product-list-item {
    padding: .75rem
  }
}

@media (min-width: 70em) {
  .user-product-list-item {
    flex-direction: row;
    padding-right: 1.5rem
  }
}

.user-product-list-item .button-remove {
  padding: 0
}

.user-product-list-item__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1
}

.user-product-list-item__container:first-child {
  padding-left: .375rem;
  padding-right: .375rem;
  padding-bottom: .375rem
}

@media (min-width: 70em) {
  .user-product-list-item__container:first-child {
    max-width: 75px;
    min-width: 75px;
    margin-right: 2.25rem
  }
}

.user-product-list-item__actions {
  display: flex;
  justify-content: space-between;
  align-items: center
}

@media (min-width: 70em) {
  .user-product-list-item__actions {
    margin-right: 1.5rem
  }
}

.user-product-list-item__info {
  padding: 0 .75rem;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media (min-width: 70em) {
  .user-product-list-item__info {
    display: flex;
    justify-content: space-between
  }
}

.user-product-list-item__pricing {
  margin-top: .375rem;
  display: flex;
  justify-content: space-between
}

.user-product-list-item .amount-display {
  color: #0e3368
}

.user-product-list-item__amount {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: .69444em;
  font-weight: 400;
  line-height: 1.35;
  color: #929292
}

@media (min-width: 70em) {
  .user-product-list-item__amount {
    min-width: 125px
  }
}

.user-product-list-item__title {
  font-weight: 700;
  color: #0e3368;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media (min-width: 70em) {
  .user-product-list-item__title {
    padding-right: .75rem;
    max-width: 300px
  }
}

@media (min-width: 90em) {
  .user-product-list-item__title {
    max-width: 400px
  }
}

.user-product-list-item__title span {
  font-weight: 400;
  font-size: .83333em;
  display: block;
  margin-top: -3px;
  color: #929292;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: .75rem
}

.user-product-list-item__img {
  margin: 0;
  border: 0 none;
  display: block;
  width: 65px;
  height: 65px
}

.account-details {
  margin: 0 -1.5rem
}

.account-details .account-details__section {
  background-color: #f5f4f2;
  padding: 2.25rem 1.5rem 1.5rem
}

.account-details .expansion-panel > .expansion-panel__content {
  padding: 0
}

.account-details .expansion-panel > .expansion-panel__title {
  padding: 2.25rem 1.5rem
}

.account-details .expansion-panel > .expansion-panel__title:before {
  right: 1.5rem
}

@media (max-width: 37.5em) {
  .account-details .expansion-panel:first-child .expansion-panel__title {
    border-top: 0;
    padding-top: .75rem
  }

  .account-details .expansion-panel:first-child .expansion-panel__title:before {
    margin-top: -1.3em
  }
}

.account-details .form:not(:first-child) {
  padding-top: 1.5rem;
  border-top: 1px solid #e5e5e5
}

.add-edit-address-form .checkbox-group {
  display: flex;
  align-self: center
}

.add-edit-address-form .checkbox-group .checkbox {
  margin-right: 1.5rem
}

.add-edit-address-form textarea {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  color: #929292;
  font-weight: 400;
  padding: .5em 1em
}

.add-edit-address-form .address-choice {
  margin-bottom: 1.5rem
}

.add-edit-address-form .address-choice .radio-button {
  margin-bottom: .375rem
}

.add-edit-address-form .address-choice .radio-button .radio-button__label:before {
  margin-right: .75rem
}

.add-edit-address-form .address-choice .address {
  margin-left: calc(.75rem + 18px)
}

.add-edit-address-form .modal__body {
  padding-bottom: 0
}

.address-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0
}

.address-list__item {
  flex: 1 1 300px
}

.address-section {
  background-color: #f5f4f2;
  padding: 2.25rem .75rem 1.5rem
}

.address-section > .link--terciary {
  display: block;
  margin-bottom: 1.5rem;
  margin-left: 1.5rem
}

.loyalty-registration-form .checkbox {
  margin-bottom: 1.5rem
}

.loyalty-summary-card {
  flex: 1 1 100%;
  padding: 1.5rem 0;
  background-color: #fff
}

@media (max-width: 37.5em) {
  .loyalty-summary-card {
    margin-left: -3rem;
    margin-right: -3rem;
    padding: 3rem
  }
}

@media (min-width: 70em) {
  .loyalty-summary-card {
    border-radius: 10px;
    padding: 2.25rem 1.5rem 1.5rem;
    box-shadow: 0 0 4px 2px #e5e5e5
  }
}

.loyalty-summary-card .loyalty-summary-card__img {
  margin-bottom: .75rem;
  width: 75%;
  min-width: 175px;
  max-width: 300px
}

.loyalty-summary-card .cta {
  display: block
}

.loyalty-summary-card__cardinfo {
  display: flex;
  flex-direction: column;
  align-items: center
}

.loyalty-summary-card__cardinfo .paragraph {
  margin-bottom: .75rem
}

.loyalty-summary-card__subtitle {
  color: #0e3368;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin: 0 1.5rem .75rem
}

.loyalty-summary-card__servicetitle {
  color: #575757;
  font-family: Open Sans, sans-serif;
  font-weight: 700;
  font-size: .9em;
  line-height: 1.5em;
  margin-top: 1.5rem
}

.loyalty-summary-card__servicetitle + p {
  margin-bottom: .75rem
}

.loyalty-summary-card--empty {
  display: flex;
  justify-content: center;
  margin: 0;
  box-shadow: none
}

.loyalty-summary-coupons {
  border-radius: 10px;
  overflow: hidden;
  flex-grow: 1;
  box-shadow: 0 0 4px 2px #e5e5e5
}

.loyalty-summary-coupons__title-block {
  position: relative;
  text-align: left;
  background-color: #fff29c;
  color: #0e3368;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  padding: 1.5rem 0 1.5rem 4.5rem
}

.loyalty-summary-coupons__title-block:before {
  content: "";
  vertical-align: middle;
  background: url("data:image/svg+xml,%3Csvg width='31' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230E3368' fill-rule='nonzero'%3E%3Cpath d='M29 35.337c-.297 0-.58-.13-.77-.357L26.58 33l-1.77 1.832a1.005 1.005 0 0 1-.75.307 1.004 1.004 0 0 1-.73-.357l-1.65-1.98-1.77 1.832a1.004 1.004 0 0 1-1.49 0l-1.82-2.129a.983.983 0 0 1-.176-.975 1.006 1.006 0 0 1 1.706-.302l1.12 1.317L21 30.693a.935.935 0 0 1 .75-.307c.283.011.549.14.73.357l1.65 1.98 1.77-1.832c.195-.203.467-.314.75-.307.283.011.549.14.73.357l.68.802.74-22.476-.73.763a1.005 1.005 0 0 1-.75.307 1.004 1.004 0 0 1-.73-.357L25 8.02 23.23 9.85a1.004 1.004 0 0 1-1.49 0l-1.65-1.98-1.48 1.535a1.026 1.026 0 0 1-1.44.04 1.002 1.002 0 0 1-.04-1.426l2.26-2.327c.195-.203.467-.314.75-.307.283.011.549.14.73.357l1.65 1.98 1.77-1.832a.943.943 0 0 1 .71-.346c.283.01.549.14.73.356l1.65 1.98L29.2 6.01a1.007 1.007 0 0 1 1.106-.227.99.99 0 0 1 .614.94L30 34.376c0 .547-.448.99-1 .99v-.03z'/%3E%3Cpath d='M13.34 35.248a1 1 0 0 1-.91-.575L.11 8.416A.983.983 0 0 1 .3 7.294a1.007 1.007 0 0 1 1.13-.205L3.8 8.16l.7-2.486a.993.993 0 0 1 .542-.632 1.01 1.01 0 0 1 .838-.001l2.37 1.069L9 3.634a.992.992 0 0 1 .515-.626c.254-.127.55-.14.815-.038l2.37 1.09.7-2.486a.998.998 0 0 1 .88-.723c.423-.038.824.193 1 .575l12.33 26.297a.983.983 0 0 1-.198 1.112 1.007 1.007 0 0 1-1.122.205l-2.37-1.07-.7 2.485a.993.993 0 0 1-.542.632 1.01 1.01 0 0 1-.838.002L19.46 30l-.7 2.485a.993.993 0 0 1-.542.632 1.01 1.01 0 0 1-.838.002L15 32.049l-.7 2.486a.998.998 0 0 1-.88.722l-.08-.01zM3.06 10l10.05 21.416.29-.99a.993.993 0 0 1 .542-.632 1.01 1.01 0 0 1 .838-.002l2.37 1.07.7-2.486a.992.992 0 0 1 .536-.644 1.01 1.01 0 0 1 .844-.01l2.37 1.07.7-2.485a.993.993 0 0 1 .542-.632 1.01 1.01 0 0 1 .838-.002l1 .436L14.6 4.693l-.29.99a.993.993 0 0 1-.542.632 1.01 1.01 0 0 1-.838.002l-2.37-1.04-.7 2.485a.993.993 0 0 1-.542.632 1.01 1.01 0 0 1-.838.002l-2.37-1.07-.7 2.486a.993.993 0 0 1-.556.641c-.273.121-.586.115-.854-.017L3.06 10z'/%3E%3Cg%3E%3Cpath d='M12.67 25.228h-.2a1 1 0 0 1-.634-.424.982.982 0 0 1-.146-.745l2.43-11.821a1.02 1.02 0 0 1 1.2-.792c.552.109.91.64.8 1.188l-2.47 11.802a.998.998 0 0 1-.98.792zM17.8 22.149a2.682 2.682 0 0 1-2.653-2.27 2.662 2.662 0 0 1 1.868-2.939 2.7 2.7 0 0 1 3.215 1.387 2.65 2.65 0 0 1-.153 2.572 2.706 2.706 0 0 1-2.277 1.25zm0-3.357a.696.696 0 0 0-.669.673.695.695 0 0 0 .63.71.693.693 0 0 0 .239-1.362.697.697 0 0 0-.2-.001v-.02zM9.92 19.396a2.685 2.685 0 0 1-2.639-2.07 2.656 2.656 0 0 1 1.469-3 2.715 2.715 0 0 1 2.056-.112 2.681 2.681 0 0 1 1.534 1.36 2.64 2.64 0 0 1-.143 2.573 2.696 2.696 0 0 1-2.277 1.249zm0-3.346a.692.692 0 0 0-.59.323.677.677 0 0 0-.03.667c.152.3.503.446.826.343a.683.683 0 0 0-.206-1.333z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
  height: 40px;
  width: 40px;
  z-index: 2;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%)
}

.loyalty-summary-coupons__title {
  position: relative;
  text-align: left;
  background-color: #fff29c;
  color: #0e3368;
  font-weight: 700;
  text-transform: uppercase
}

.loyalty-summary-coupons__title a {
  color: #0e3368;
  display: block;
  padding: 1.5rem 0 1.5rem 4.5rem
}

.loyalty-summary-coupons__title a:before {
  background: url("data:image/svg+xml,%3Csvg width='31' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230E3368' fill-rule='nonzero'%3E%3Cpath d='M29 35.337c-.297 0-.58-.13-.77-.357L26.58 33l-1.77 1.832a1.005 1.005 0 0 1-.75.307 1.004 1.004 0 0 1-.73-.357l-1.65-1.98-1.77 1.832a1.004 1.004 0 0 1-1.49 0l-1.82-2.129a.983.983 0 0 1-.176-.975 1.006 1.006 0 0 1 1.706-.302l1.12 1.317L21 30.693a.935.935 0 0 1 .75-.307c.283.011.549.14.73.357l1.65 1.98 1.77-1.832c.195-.203.467-.314.75-.307.283.011.549.14.73.357l.68.802.74-22.476-.73.763a1.005 1.005 0 0 1-.75.307 1.004 1.004 0 0 1-.73-.357L25 8.02 23.23 9.85a1.004 1.004 0 0 1-1.49 0l-1.65-1.98-1.48 1.535a1.026 1.026 0 0 1-1.44.04 1.002 1.002 0 0 1-.04-1.426l2.26-2.327c.195-.203.467-.314.75-.307.283.011.549.14.73.357l1.65 1.98 1.77-1.832a.943.943 0 0 1 .71-.346c.283.01.549.14.73.356l1.65 1.98L29.2 6.01a1.007 1.007 0 0 1 1.106-.227.99.99 0 0 1 .614.94L30 34.376c0 .547-.448.99-1 .99v-.03z'/%3E%3Cpath d='M13.34 35.248a1 1 0 0 1-.91-.575L.11 8.416A.983.983 0 0 1 .3 7.294a1.007 1.007 0 0 1 1.13-.205L3.8 8.16l.7-2.486a.993.993 0 0 1 .542-.632 1.01 1.01 0 0 1 .838-.001l2.37 1.069L9 3.634a.992.992 0 0 1 .515-.626c.254-.127.55-.14.815-.038l2.37 1.09.7-2.486a.998.998 0 0 1 .88-.723c.423-.038.824.193 1 .575l12.33 26.297a.983.983 0 0 1-.198 1.112 1.007 1.007 0 0 1-1.122.205l-2.37-1.07-.7 2.485a.993.993 0 0 1-.542.632 1.01 1.01 0 0 1-.838.002L19.46 30l-.7 2.485a.993.993 0 0 1-.542.632 1.01 1.01 0 0 1-.838.002L15 32.049l-.7 2.486a.998.998 0 0 1-.88.722l-.08-.01zM3.06 10l10.05 21.416.29-.99a.993.993 0 0 1 .542-.632 1.01 1.01 0 0 1 .838-.002l2.37 1.07.7-2.486a.992.992 0 0 1 .536-.644 1.01 1.01 0 0 1 .844-.01l2.37 1.07.7-2.485a.993.993 0 0 1 .542-.632 1.01 1.01 0 0 1 .838-.002l1 .436L14.6 4.693l-.29.99a.993.993 0 0 1-.542.632 1.01 1.01 0 0 1-.838.002l-2.37-1.04-.7 2.485a.993.993 0 0 1-.542.632 1.01 1.01 0 0 1-.838.002l-2.37-1.07-.7 2.486a.993.993 0 0 1-.556.641c-.273.121-.586.115-.854-.017L3.06 10z'/%3E%3Cg%3E%3Cpath d='M12.67 25.228h-.2a1 1 0 0 1-.634-.424.982.982 0 0 1-.146-.745l2.43-11.821a1.02 1.02 0 0 1 1.2-.792c.552.109.91.64.8 1.188l-2.47 11.802a.998.998 0 0 1-.98.792zM17.8 22.149a2.682 2.682 0 0 1-2.653-2.27 2.662 2.662 0 0 1 1.868-2.939 2.7 2.7 0 0 1 3.215 1.387 2.65 2.65 0 0 1-.153 2.572 2.706 2.706 0 0 1-2.277 1.25zm0-3.357a.696.696 0 0 0-.669.673.695.695 0 0 0 .63.71.693.693 0 0 0 .239-1.362.697.697 0 0 0-.2-.001v-.02zM9.92 19.396a2.685 2.685 0 0 1-2.639-2.07 2.656 2.656 0 0 1 1.469-3 2.715 2.715 0 0 1 2.056-.112 2.681 2.681 0 0 1 1.534 1.36 2.64 2.64 0 0 1-.143 2.573 2.696 2.696 0 0 1-2.277 1.249zm0-3.346a.692.692 0 0 0-.59.323.677.677 0 0 0-.03.667c.152.3.503.446.826.343a.683.683 0 0 0-.206-1.333z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
  left: 1rem;
  transform: translateY(-50%)
}

.loyalty-summary-coupons__title a:after,
.loyalty-summary-coupons__title a:before {
  content: "";
  vertical-align: middle;
  height: 40px;
  width: 40px;
  z-index: 2;
  position: absolute;
  top: 50%
}

.loyalty-summary-coupons__title a:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24'%3E%3Cdefs%3E%3Cpath id='a' d='M19.402 7.347a1.187 1.187 0 0 0-1.678 0l-5.85 5.85-5.85-5.85a1.187 1.187 0 0 0-1.677 1.677l6.639 6.638c.232.232.535.347.839.347.016 0 .033-.009.05-.01.016.001.033.01.049.01.304 0 .608-.115.839-.347l6.639-6.638a1.186 1.186 0 0 0 0-1.677'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%230e3368' xlink:href='%23a'/%3E%3Cg mask='url(%23b)'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
  right: 1rem;
  transform: translateY(-50%) rotate(-90deg)
}

.loyalty-summary-coupons__items {
  border-radius: 10px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, .2)
}

.loyalty-summary-coupons__container {
  padding: 1.5rem;
  background: #fff
}

.loyalty-summary-coupons__badges {
  margin-top: 1.5rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  min-height: 7em
}

@media (min-width: 50em) {
  .loyalty-summary-coupons__badges {
    justify-content: space-around;
    flex-direction: row;
    min-height: 1px
  }
}

.loyalty-summary-coupons__badges img {
  max-width: 10em;
  margin: 0
}

.loyalty-summary-coupons__list {
  list-style: none;
  margin: 0
}

.loyalty-summary-coupons__list li {
  display: inline-block;
  width: 48%;
  vertical-align: top;
  text-align: center;
  font-weight: 700;
  font-size: 1.728em;
  border-right: 1px solid #e5e5e5;
  line-height: normal;
  margin: 0
}

.loyalty-summary-coupons__list li:last-child {
  border: 0
}

.loyalty-summary-coupons__list li span {
  color: #575757;
  font-size: 1rem;
  font-weight: 200;
  display: block
}

.loyalty-summary-coupons__list li a {
  display: block;
  color: #0e3368;
  padding: .75rem 1.5rem 1.5rem
}

.loyalty-summary-reward {
  flex-grow: 1;
  display: block;
  cursor: pointer;
  color: #0e3368;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1.5rem;
  box-shadow: 0 0 4px 2px #e5e5e5
}

@media (min-width: 70em) {
  .loyalty-summary-reward {
    margin-bottom: 3rem
  }
}

.loyalty-summary-reward__title {
  position: relative;
  text-align: left;
  background-color: #095ba5;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1.5rem 0 1.5rem 4.5rem
}

.loyalty-summary-reward__title:before {
  background: url("data:image/svg+xml,%3Csvg width='39' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='nonzero'%3E%3Cpath d='M26 32H4a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h13a1 1 0 0 1 0 2H5v4h21a1 1 0 0 1 0 2z'/%3E%3Cpath d='M16 26H3a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h13a1 1 0 0 1 0 2H4v4h12a1 1 0 0 1 0 2z'/%3E%3Cpath d='M16 20H3a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h17a1 1 0 0 1 0 2H4v4h12a1 1 0 0 1 0 2z'/%3E%3Cpath d='M18 14H1a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h17a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zM2 12h15V8H2v4z'/%3E%3Cpath d='M21 8H3a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zM4 6h16V2H4v4zM27 32a11.17 11.17 0 1 1 11.13-11.17C38.125 26.981 33.151 31.972 27 32zm0-20.33a9.17 9.17 0 1 0 9.17 9.17A9.18 9.18 0 0 0 27 11.67z'/%3E%3Cpath d='M27.68 25.86a5.24 5.24 0 1 1 2.93-9.59 1.001 1.001 0 0 1-1.12 1.66 3.24 3.24 0 1 0 .35 5.1 1.002 1.002 0 1 1 1.34 1.49 5.23 5.23 0 0 1-3.5 1.34z'/%3E%3Cpath d='M27 22h-5a1 1 0 1 1 0-2h5a1 1 0 1 1 0 2z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
  left: 1rem;
  transform: translateY(-50%)
}

.loyalty-summary-reward__title:after,
.loyalty-summary-reward__title:before {
  content: "";
  vertical-align: middle;
  height: 40px;
  width: 40px;
  z-index: 2;
  position: absolute;
  top: 50%
}

.loyalty-summary-reward__title:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24'%3E%3Cdefs%3E%3Cpath id='a' d='M19.402 7.347a1.187 1.187 0 0 0-1.678 0l-5.85 5.85-5.85-5.85a1.187 1.187 0 0 0-1.677 1.677l6.639 6.638c.232.232.535.347.839.347.016 0 .033-.009.05-.01.016.001.033.01.049.01.304 0 .608-.115.839-.347l6.639-6.638a1.186 1.186 0 0 0 0-1.677'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23fff' xlink:href='%23a'/%3E%3Cg mask='url(%23b)'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
  right: 1rem;
  transform: translateY(-50%) rotate(-90deg)
}

.loyalty-summary-reward__amount {
  background-color: #fff;
  text-align: center;
  color: #0e3368;
  font-weight: 700;
  font-size: 1.728em;
  padding: 1.5rem
}

.registration-form .sub-title,
.registration-form > a,
.registration-form > hr,
.registration-form > p {
  margin: 0 0 1.5rem
}

.registration-form .modal .a-button {
  margin: .75rem auto
}

.registration-form .feedback {
  flex: 1 1 100%;
  font-size: .83333em;
  margin-top: .5rem
}

.registration-form .feedback--error {
  color: #db3832
}

.registration-form .checkbox + .feedback {
  margin-top: -.75rem;
  margin-bottom: 1.5rem
}

.registration-form .form section {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e5e5e5
}

.registration-form .form .checkbox {
  border-top: 1px solid #e5e5e5;
  padding-top: 1.5rem
}

.registration-form .form .checkbox label {
  padding-left: 2.25rem;
  position: relative;
  display: inline-block
}

.registration-form .form .checkbox label:before {
  position: absolute;
  left: 0;
  top: 5px
}

.registration-form .form .checkbox a {
  font-weight: 700
}

.registration-form__login {
  text-align: center
}

.registration-form__login .link {
  display: block
}

.registration-form__login .link--terciary {
  display: inline-block;
  margin-top: 2.25rem
}

.registration-form__actions {
  text-align: center
}

.update-preferences {
  display: flex;
  flex-direction: column;
  align-items: center
}

.update-preferences__legals {
  max-width: 650px
}

.update-preferences__optin-item {
  display: flex;
  flex-wrap: wrap;
  margin: 1.5rem 0 0;
  border-bottom: 1px solid #f5f4f2
}

.update-preferences__optin-item .toggle-switch-group {
  flex: 0 1 360px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0 auto
}

@media (min-width: 37.5em) {
  .update-preferences__optin-item .toggle-switch-group--solo {
    justify-content: flex-start
  }
}

.update-preferences__optin-item .toggle-switch {
  flex: 0 0 180px
}

.update-preferences__optin-item p {
  flex: 1 1 450px;
  margin: 0 0 1.5rem;
  padding-right: 1.5rem
}

.update-preferences.form .toggle-switch,
.update-preferences.form .toggle-switch + .toggle-switch {
  margin-top: 0
}

.update-preferences__mention {
  margin-bottom: 1.5rem
}

.update-preferences__cookies {
  text-align: center;
  margin: 3rem 0 1.5rem
}

.update-preferences__links {
  margin-bottom: 2.25rem
}

.update-preferences .checkbox {
  position: relative;
  padding-left: 2.25rem;
  margin-bottom: 1.5rem
}

.update-preferences .checkbox input + label:before {
  position: absolute;
  left: 0;
  margin-right: 0;
  top: 5px
}

.update-preferences__action {
  text-align: center
}

.update-preferences__action .a-button {
  width: 100%;
  max-width: 300px;
  margin: 0 auto
}

.alcohol-banner {
  padding: 1.5rem 0
}

.alcohol-banner__box {
  display: flex;
  padding: 1.5em;
  border: .1875rem solid #000;
  min-height: 3.75rem;
  background-color: #fff;
  color: #0e3368;
  font-size: 1.625vw;
  align-items: center;
  justify-content: center
}

@media (min-width: 64em) {
  .alcohol-banner__box {
    font-size: inherit
  }
}

.alcohol-banner__visual {
  max-width: 15vw;
  margin-right: 1.5em
}

.alcohol-banner__visual img {
  display: block;
  margin-bottom: 0
}

.alcohol-banner__content {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.alcohol-banner__content > * {
  display: block
}

.alcohol-banner__content > em {
  font-style: normal;
  text-align: right
}

.boxed-content {
  position: relative;
  max-width: 900px;
  width: 100%;
  margin: 0;
  background-color: transparent;
  min-height: 20em
}

@media (min-width: 37.5em) {
  .boxed-content {
    width: 90%;
    padding: .75rem;
    background-color: #fff;
    border-radius: 30px
  }
}

.boxed-content__header {
  padding: 1.5rem 1rem;
  padding-left: 3em;
  text-align: center
}

@media (min-width: 37.5em) {
  .boxed-content__header {
    padding-left: unset
  }
}

.boxed-content__content {
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 30px 30px 0 0;
  padding-bottom: 6em
}

@media (min-width: 37.5em) {
  .boxed-content__content {
    background-color: transparent;
    padding: .75rem;
    border-radius: 0;
    border: 0
  }
}

.boxed-content__content--transparent {
  background-color: transparent;
  border: 0;
  padding-top: .75rem
}

@media (min-width: 37.5em) {
  .boxed-content__content--transparent {
    padding: .75rem
  }
}

.boxed-content__content--compact {
  padding: 0;
  padding-bottom: 6em;
  overflow: hidden
}

.boxed-content__intro {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 1.5rem;
  margin-bottom: 2.25rem
}

@media (min-width: 37.5em) {
  .boxed-content__intro {
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
    padding-top: 1.5rem;
    padding-bottom: 0
  }
}

.breadcrumb-trail {
  font-family: Ubuntu, sans-serif
}

.breadcrumb-trail__list {
  list-style: none;
  margin: 0
}

.breadcrumb-trail__item {
  display: inline-block;
  margin-bottom: 0
}

@media (min-width: 37.5em) {
  .breadcrumb-trail__item:before {
    content: "";
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='10'%3E%3Cpath fill='%23db3832' d='M0 0l4 5.032L0 10c.444-1.462.667-3.129.667-5S.444 1.462 0 0z'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    height: 10px;
    width: 10px
  }

  .breadcrumb-trail__item:first-child:before {
    content: none
  }

  .breadcrumb-trail__link,
  .breadcrumb-trail__link:visited {
    font-size: .75em;
    color: #0e3368
  }

  .breadcrumb-trail__link:focus,
  .breadcrumb-trail__link:hover {
    color: #0970e6
  }

  .breadcrumb-trail__link--homepage {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230e3368' d='M19.75 23h-5.32a1 1 0 0 1-1-1v-5.66h-3.08V22a1 1 0 0 1-1 1H3.73a1 1 0 0 1-1-1v-7.77H1a1 1 0 0 1-.7-1.69L11.28 1a1 1 0 0 1 1.44 0l11 11.54a1 1 0 0 1 .2 1.08 1 1 0 0 1-.92.61h-2.25V22a1 1 0 0 1-1 1zm-4.32-2h3.32v-7.76a1 1 0 0 1 1-1h.9L12 3.15l-8.65 9.08h.38a1 1 0 0 1 1 1V21h3.62v-5.66a1 1 0 0 1 1-1h5.08a1 1 0 0 1 1 1z'/%3E%3C/svg%3E") no-repeat 50%;
    text-indent: -9999px;
    overflow: hidden;
    width: 12px;
    height: 12px;
    display: inline-block
  }

  .breadcrumb-trail__link--homepage:focus,
  .breadcrumb-trail__link--homepage:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230970e6' d='M19.75 23h-5.32a1 1 0 0 1-1-1v-5.66h-3.08V22a1 1 0 0 1-1 1H3.73a1 1 0 0 1-1-1v-7.77H1a1 1 0 0 1-.7-1.69L11.28 1a1 1 0 0 1 1.44 0l11 11.54a1 1 0 0 1 .2 1.08 1 1 0 0 1-.92.61h-2.25V22a1 1 0 0 1-1 1zm-4.32-2h3.32v-7.76a1 1 0 0 1 1-1h.9L12 3.15l-8.65 9.08h.38a1 1 0 0 1 1 1V21h3.62v-5.66a1 1 0 0 1 1-1h5.08a1 1 0 0 1 1 1z'/%3E%3C/svg%3E")
  }
}

@media (max-width: 37.5em) {
  .breadcrumb-trail__item {
    display: none
  }

  .breadcrumb-trail__item:nth-last-child(2) {
    display: block;
    font-size: .75em;
    text-transform: uppercase
  }

  .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link {
    position: absolute;
    left: 0;
    top: 0
  }

  .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link:before {
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 10'%3E%3Cpath fill='%230970e6' d='M13.9 4h-10l2.7-2.2c.4-.4.5-1 .1-1.4-.4-.4-1-.5-1.4-.1l-4.7 4c-.4.4-.5 1-.1 1.4l.1.1 4.7 4c.4.4 1.1.3 1.4-.1.4-.5.3-1.1-.1-1.5L3.9 6h10c.6 0 1-.4 1-1s-.4-1-1-1z'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    display: inline-block;
    height: 1em;
    width: 1em;
    padding: .5em;
    margin-right: .5em
  }

  .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link:focus,
  .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link:hover {
    color: #095ba5
  }

  .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link:focus:before,
  .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 10'%3E%3Cpath fill='%23095ba5' d='M13.9 4h-10l2.7-2.2c.4-.4.5-1 .1-1.4-.4-.4-1-.5-1.4-.1l-4.7 4c-.4.4-.5 1-.1 1.4l.1.1 4.7 4c.4.4 1.1.3 1.4-.1.4-.5.3-1.1-.1-1.5L3.9 6h10c.6 0 1-.4 1-1s-.4-1-1-1z'/%3E%3C/svg%3E")
  }

  .breadcrumb-trail--dark .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link {
    padding: .5em;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    border-radius: 0 0 10px
  }

  .breadcrumb-trail--dark .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link:before {
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 10'%3E%3Cpath fill='%23fff' d='M13.9 4h-10l2.7-2.2c.4-.4.5-1 .1-1.4-.4-.4-1-.5-1.4-.1l-4.7 4c-.4.4-.5 1-.1 1.4l.1.1 4.7 4c.4.4 1.1.3 1.4-.1.4-.5.3-1.1-.1-1.5L3.9 6h10c.6 0 1-.4 1-1s-.4-1-1-1z'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    display: inline-block;
    height: 1em;
    width: 1em;
    padding: .5em;
    margin-right: .5em
  }

  .breadcrumb-trail--dark .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link:focus,
  .breadcrumb-trail--dark .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link:hover {
    color: #f5f4f2
  }

  .breadcrumb-trail--dark .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link:focus:before,
  .breadcrumb-trail--dark .breadcrumb-trail__item:nth-last-child(2) .breadcrumb-trail__link:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 10'%3E%3Cpath fill='%23f5f4f2' d='M13.9 4h-10l2.7-2.2c.4-.4.5-1 .1-1.4-.4-.4-1-.5-1.4-.1l-4.7 4c-.4.4-.5 1-.1 1.4l.1.1 4.7 4c.4.4 1.1.3 1.4-.1.4-.5.3-1.1-.1-1.5L3.9 6h10c.6 0 1-.4 1-1s-.4-1-1-1z'/%3E%3C/svg%3E")
  }
}

.breadcrumb-center {
  text-align: center;
  padding-top: 1em
}

.cards-intro {
  background-color: #fff
}

.cards-intro .page-title {
  margin-bottom: 1.5rem
}

.cards-intro__head {
  padding: 1.5rem;
  width: 100%;
  background-color: inherit
}

.cards-intro__main {
  padding: 1.5rem;
  padding-top: 0
}

.cards-intro__store-form {
  padding: 1.5rem;
  background-color: #0e3368
}

@media (min-width: 64em) {
  .cards-intro__store-form {
    padding: 3rem
  }
}

.cards-intro__store-form-wrapper {
  display: flex;
  padding: 1.5rem;
  border-radius: 5px;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  justify-content: space-between
}

@media (min-width: 64em) {
  .cards-intro__store-form-wrapper {
    flex-direction: row
  }
}

.cards-intro__store-form .title {
  margin-bottom: 1.5rem
}

@media (min-width: 64em) {
  .cards-intro__store-form .title {
    margin-bottom: 0
  }
}

.cards-intro__store-form .store-search {
  margin: 0;
  padding: 0
}

.cards-intro--sticky-mode .cards-intro__head {
  position: fixed;
  top: 0;
  left: 0
}

.cards-list {
  padding: 1.5rem 0;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .cards-list {
    padding-right: 1.5rem;
    padding-left: 1.5rem
  }
}

.cards-list__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

.cards-list__head .filters--buttons,
.cards-list__head .page-title {
  margin: 0 1.5rem 1.5rem
}

@media (min-width: 37.5em) {
  .cards-list__head .filters--buttons,
  .cards-list__head .page-title {
    margin-right: 0;
    margin-left: 0
  }
}

.cards-list__anchors {
  display: flex;
  margin-top: 1.5rem;
  width: 100%;
  flex-basis: 100%;
  justify-content: space-between
}

.cards-list__anchors ol {
  display: inline-flex;
  overflow-y: hidden;
  overflow-x: auto;
  margin: 0;
  padding: 1.5rem;
  border-radius: 5px;
  background-color: #fff;
  max-width: 100%
}

.cards-list__anchors li {
  display: block;
  margin: 0;
  padding: 0 .75rem
}

.cards-list__anchors li a {
  color: #095ba5;
  font-weight: 700
}

.cards-list__anchors li span {
  text-decoration: line-through
}

#basket {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

@media (min-width: 50em) {
  .checkout-payment {
    border-radius: 30px
  }
}

.checkout-payment__form__basket {
  display: none
}

@media (min-width: 50em) {
  .checkout-payment__form__basket {
    display: block
  }
}

.checkout-payment__delivery-info {
  margin-bottom: 26px
}

.checkout-payment--brief {
  padding: 40px 40px 0;
  color: #fff
}

.checkout-payment--brief--explanation {
  text-align: center
}

.checkout-payment--remaining {
  padding: 36px;
  text-align: center
}

@media (min-width: 50em) {
  .checkout-payment--remaining {
    text-align: left
  }
}

.checkout-payment--remaining-info {
  color: #fff
}

.checkout-payment--remaining-amount {
  color: #fff;
  background-color: #095ba5;
  padding: 0 5px
}

.page-info {
  margin: .69em 0;
  padding: .69em 0
}

@media screen and (min-width: 1023px) {
  .page-info {
    display: flex
  }
}

.page-info h1 {
  font-size: 1.7em
}

@media screen and (min-width: 1023px) {
  .page-info h1 {
    font-size: 2.7em
  }
}

.page-info .page-copy {
  padding-left: 2%;
  align-self: flex-end;
  white-space: nowrap
}

.basket-products-list {
  border-bottom: 1px solid #e5e5e5;
  flex: 1
}

@media screen and (min-width: 1023px) {
  .basket-products-list {
    display: flex
  }
}

.basket-products-list__inner {
  width: 100%
}

.basket-products-list__category {
  border-top: 1px solid #e5e5e5
}

.basket-products-list__unavailable {
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e5e5
}

@media (min-width: 50em) {
  .basket-products-list__unavailable {
    margin-bottom: 40px
  }
}

.basket-products-list li,
.basket-products-list ol {
  padding: 0;
  margin: 0
}

.basket-products-list .category-info {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  padding: 10px 10px 7px;
  display: flex;
  justify-content: space-between
}

.basket-products-list .category-info__title {
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  color: #575757;
  text-transform: uppercase;
  flex: 1 0 auto
}

.basket-products-list .category-info__items {
  border-radius: 10.5px;
  background-color: #e5e5e5;
  font-size: 12px;
  font-weight: 300;
  padding: 0 10px
}

.basket-products-list .category-info__items--unavailable {
  background-color: #db3832;
  color: #fff;
  font-weight: 700
}

.basket-products-list ol {
  display: flex;
  flex-flow: row wrap
}

.basket-products-list .product {
  background-color: #fff;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  list-style: none;
  width: 100%;
  position: relative
}

.basket-products-list .product:last-child {
  border-bottom: 0
}

.basket-products-list .product__delete {
  position: absolute;
  top: 20px;
  cursor: pointer;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background: #0970e6;
  border-radius: 50%
}

.basket-products-list .product__delete:focus {
  outline: 0;
  background: #095ba5
}

@media (min-width: 70em) {
  .basket-products-list .product__delete--unavailable {
    display: none
  }
}

.basket-products-list .product__promotion {
  top: 100%
}

.basket-products-list .basket-product {
  height: 90px;
  display: flex;
  padding: 5px 0;
  transition: background-color .3s ease-out;
  position: relative;
  overflow: hidden
}

.basket-products-list .basket-product .icon {
  width: 16px;
  height: 16px;
  margin: 12px;
  fill: #fff
}

.basket-products-list .product--unavailable .basket-product {
  background-color: #e5e5e5
}

.basket-products-list .product--unavailable .counter__value,
.basket-products-list .product--unavailable .price {
  text-decoration: line-through
}

.basket-products-list .basket-product-image--unavailable {
  opacity: .5
}

.basket-products-list .product--enable-delete .basket-product {
  background-color: #e5e5e5
}

.basket-products-list .product--enable-delete .basket-product-image {
  opacity: .5
}

.basket-products-list .promotion .price {
  display: inline;
  padding: 0 5px;
  position: relative;
  z-index: 1
}

.basket-products-list .promotion .price:before {
  content: "";
  border: 6px solid #fff29c;
  position: absolute;
  z-index: -1;
  width: 100%;
  left: 0;
  top: 10px
}

@media (min-width: 50em) {
  .basket-products-list .promotion .price:before {
    top: 13px
  }
}

.basket-products-list .promotion--applied .price {
  color: #db3832
}

.basket-products-list .promotion--loyalty .price {
  color: #0e3368
}

.basket-products-list .promotion--loyalty-card {
  position: absolute;
  right: -8px;
  top: -8px;
  width: 50px
}

.basket-products-list .promotion--loyalty-card__img {
  transform: rotate(-13deg);
  box-shadow: 0 0 15px 0 #575757;
  border-radius: 4px
}

.basket-products-list .price-info {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 2%;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #0e3368
}

.basket-products-list .price-info--unavailable {
  color: #575757
}

.basket-products-list .price-info__replace {
  position: absolute;
  right: 170px
}

.basket-products-list .price-info__replace__link {
  display: none
}

.basket-products-list .price-info__replace__icon {
  margin-right: 10px;
  border-radius: 50%;
  border: 2px solid #0970e6;
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
  display: none
}

@media (min-width: 70em) {
  .basket-products-list .price-info__replace__icon {
    display: block
  }
}

.basket-products-list .price-info__replace__icon__inner.icon {
  fill: #0970e6;
  position: absolute;
  top: -1px;
  left: -1px
}

@media (min-width: 50em) {
  .basket-products-list .price-info {
    top: 50%;
    transform: translateY(-50%)
  }
}

.basket-products-list .price-info .price {
  font-weight: 700;
  font-size: 1.3em;
  line-height: 1em;
  white-space: nowrap
}

@media (min-width: 50em) {
  .basket-products-list .price-info .price {
    font-size: 1.4em
  }
}

.basket-products-list .price-info .label-price {
  font-size: .8em;
  color: #575757
}

.basket-products-list .price-info .label-promotion-price {
  text-decoration: line-through;
  font-weight: 700;
  color: #0e3368;
  padding-right: 5px
}

.basket-products-list .cell {
  flex-grow: 1
}

.basket-products-list .cell.media {
  flex: 0 0 72px;
  padding: 10px 7px 0;
  max-width: 72px;
  overflow: hidden;
  position: relative
}

.basket-products-list .cell.details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0
}

.basket-products-list .cell.details .product-info {
  width: 100%;
  min-width: 0
}

@media (min-width: 70em) {
  .basket-products-list .cell.details .product-info {
    width: 50%
  }
}

.basket-products-list .cell.details .product-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  padding: 7px 0 0;
  color: #0e3368;
  padding-right: 10px
}

@media (max-width: 37.5em) {
  .basket-products-list .cell.details .product-title--promo {
    padding-right: 50px
  }
}

.basket-products-list .cell.details .product-title--unavailable {
  color: #575757;
  width: 70%
}

@media (min-width: 70em) {
  .basket-products-list .cell.details .product-title--unavailable {
    width: auto
  }
}

.basket-products-list .cell.details .packaging {
  color: #575757;
  font-size: 12px;
  margin-bottom: 5px
}

.basket-products-list .cell.details .packaging--unavailable {
  display: none
}

@media (min-width: 70em) {
  .basket-products-list .cell.details .packaging--unavailable {
    display: block
  }
}

.basket-products-list .cell.details .quantity-info {
  text-align: left;
  width: 50%;
  white-space: nowrap
}

.delivery-choices {
  padding: .375rem;
  background-color: #f5f4f2;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

.delivery-choices .choose-delivery-type {
  flex: 1;
  flex-basis: 400px;
  margin: .375rem
}

.empty-basket {
  border-radius: 30px;
  border: 1px solid #0e3368;
  padding: 40px 30px;
  color: #0e3368;
  margin: 10px 10px 0
}

@media (min-width: 50em) {
  .empty-basket {
    padding: 45px 50px;
    width: 70%;
    margin: 45px auto
  }
}

.empty-basket__picto {
  width: 120px;
  height: 120px;
  margin-bottom: 30px
}

.empty-basket__picto .icon-broken-text {
  fill: #0e3368;
  font-family: Open Sans, sans-serif;
  font-weight: 700
}

.empty-basket__title {
  font-size: 30px;
  font-weight: 700;
  font-family: Ubuntu, sans-serif
}

@media (min-width: 70em) {
  .empty-basket__title {
    font-size: 33px
  }
}

.empty-basket__explanation {
  font-size: 16px;
  font-weight: 400;
  font-family: Ubuntu, sans-serif
}

.empty-basket__button__inner {
  display: none
}

.order-info {
  margin: 15px 3.4722%
}

.order-info .copy {
  font-size: 1.3em;
  margin-top: 0
}

.checkout-payment {
  background-color: #0e3368;
  min-height: 400px;
  padding-bottom: 100px
}

@media (min-width: 50em) {
  .checkout-payment {
    min-height: inherit;
    padding-bottom: 0
  }
}

.checkout-payment__tnc {
  border-radius: 10px;
  border: 1px solid #fff;
  padding: 25px 20px;
  margin: 36px;
  display: flex;
  flex-direction: row
}

@media (min-width: 50em) {
  .checkout-payment__tnc {
    padding: 25px 15%
  }
}

.checkout-payment__tnc__description {
  margin-left: 20px;
  color: #fff
}

.checkout-payment__tnc__description__link {
  color: #fff;
  text-decoration: underline
}

.checkout-payment__tnc__description__link:hover {
  text-decoration: none
}

.checkout-payment__tnc__check {
  margin-top: 10px
}

.checkout-payment__tnc__check__label {
  display: none
}

.checkout-payment__form {
  padding: 0;
  margin: 0
}

.checkout-payment__form__info {
  padding: 36px 36px 0
}

.checkout-payment__form__info__title {
  color: #fff;
  font-size: 30px
}

@media (min-width: 50em) {
  .checkout-payment__form__info__title {
    font-size: 44px
  }
}

.checkout-payment__form__info__subtitle {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  margin: 40px 0 10px;
  max-width: 90%
}

@media (min-width: 50em) {
  .checkout-payment__form__info__subtitle {
    font-size: 28px
  }
}

.checkout-payment__form__button {
  text-align: center;
  padding: 30px;
  width: 100%;
  position: absolute;
  background-color: #0e3368;
  transition: box-shadow .3s ease-in-out;
  z-index: 1000
}

@media (min-width: 50em) {
  .checkout-payment__form__button {
    display: flex;
    justify-content: flex-end
  }
}

.checkout-payment__form__button--sticky {
  position: fixed;
  bottom: 0;
  left: 0
}

@media (min-width: 50em) {
  .checkout-payment__form__button {
    z-index: inherit;
    text-align: right;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px
  }
}

.checkout-payment__form__button--disabled {
  opacity: .5
}

@media (min-width: 50em) {
  .checkout-payment__form__button--radius {
    border-radius: 30px
  }
}

.checkout-payment__form__button--hidden {
  visibility: hidden
}

@media (min-width: 50em) {
  .checkout-payment__form__button {
    position: relative
  }

  .checkout-payment__form__button .a-button {
    width: 240px;
    background-color: #fff;
    border: 1px solid #fff
  }

  .checkout-payment__form__button .a-button:focus {
    outline: 0;
    border: 1px solid #fee2a2
  }
}

.checkout-payment__billing-address-check {
  color: #fff;
  font-size: .83333em;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: left;
  display: flex
}

.checkout-payment .icon-error {
  width: 36px;
  height: 26px;
  margin-right: 10px
}

.card-triptic {
  padding-top: 6rem;
  padding-bottom: 4.5rem
}

.card-triptic__header {
  text-align: center;
  margin-bottom: 1.5rem;
  color: #0e3368
}

.card-triptic__cards {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  max-width: calc(1190px + 3rem);
  margin: 0 auto
}

@media (min-width: 37.5em) {
  .card-triptic__cards {
    flex-direction: row
  }
}

.triptic-card {
  background-position: top;
  background-size: contain;
  flex-basis: 33%;
  display: flex;
  flex-direction: column;
  background-color: #db3832;
  border-radius: 10px;
  margin: .75rem
}

@media (min-width: 70em) {
  .triptic-card {
    margin: 1.5rem
  }
}

.triptic-card--red,
.triptic-card:first-child {
  background-color: #db3832;
  color: #fff
}

.triptic-card--green,
.triptic-card:nth-child(2) {
  background-color: #068d49;
  color: #0e3368
}

.triptic-card--foam,
.triptic-card:nth-child(3) {
  background-color: #c9f0db;
  color: #0e3368
}

.triptic-card img {
  margin: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: block;
  width: 100%
}

.triptic-card__content {
  padding: 2.25rem;
  line-height: 1.2;
  font-family: Ubuntu, sans-serif;
  color: inherit;
  font-weight: 700;
  font-size: 1.5rem
}

.paper-catalogs {
  overflow: hidden;
  padding: 3rem 3rem 6rem;
  width: 100%;
  max-width: 100%;
  background-color: #f5f4f2
}

@media (max-width: 37.5em) {
  .paper-catalogs {
    padding: 1.5rem
  }
}

@media (min-width: 64em) {
  .paper-catalogs {
    overflow: visible
  }
}

.paper-catalogs .editorial-intro {
  margin-top: 0;
  margin-bottom: 1.5rem
}

.paper-catalogs__carousel {
  display: flex;
  overflow-x: auto;
  margin: 0 auto;
  max-width: 1190px
}

.paper-catalogs__carousel .flickity-viewport {
  overflow: visible
}

@media (min-width: 64em) {
  .paper-catalogs__carousel .flickity-viewport {
    overflow: hidden
  }
}

.paper-catalogs__carousel .flickity-prev-next-button {
  display: none
}

@media (min-width: 70em) {
  .paper-catalogs__carousel .flickity-prev-next-button {
    top: -3.75rem;
    right: 0;
    display: flex;
    padding: 0;
    background-color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    align-items: center;
    justify-content: center;
    transform: none;
    transition: opacity .15s
  }

  .paper-catalogs__carousel .flickity-prev-next-button:active {
    opacity: 1
  }

  .paper-catalogs__carousel .flickity-prev-next-button .flickity-button-icon {
    top: 50%;
    left: 50%;
    margin-top: -.625rem;
    margin-left: -.625rem;
    width: 1.25rem;
    height: auto;
    transition: .2s
  }

  .paper-catalogs__carousel .flickity-prev-next-button .flickity-button-icon .arrow {
    fill: #0970e6
  }

  .paper-catalogs__carousel .flickity-prev-next-button:hover .flickity-button-icon {
    transform: translateX(1px)
  }

  .paper-catalogs__carousel .flickity-prev-next-button:hover .flickity-button-icon .arrow {
    fill: #095ba5
  }

  .paper-catalogs__carousel .flickity-prev-next-button:disabled {
    opacity: 1;
    box-shadow: none
  }

  .paper-catalogs__carousel .flickity-prev-next-button:disabled .flickity-button-icon .arrow {
    fill: #929292
  }

  .paper-catalogs__carousel .flickity-prev-next-button.previous {
    right: 3.125rem;
    left: auto
  }

  .paper-catalogs__carousel .flickity-prev-next-button.previous:hover .flickity-button-icon {
    transform: translateX(-1px)
  }

  .paper-catalogs__carousel .flickity-prev-next-button.previous:hover .flickity-button-icon .arrow {
    fill: #095ba5
  }
}

.paper-catalogs__carousel .paper-catalog {
  min-width: 275px;
  transition: box-shadow .3s
}

.paper-catalogs__carousel .paper-catalog:hover {
  box-shadow: none
}

@media (max-width: 37.5em) {
  .paper-catalogs__carousel .paper-catalog {
    width: 70vw
  }
}

.paper-catalogs__carousel.flickity-enabled {
  display: block;
  overflow-x: visible
}

.paper-catalogs__sources {
  display: none;
  margin: 1.5rem auto 0;
  max-width: 1190px;
  flex-wrap: wrap;
  transform: translateX(-1.5rem)
}

@media (min-width: 37.5em) {
  .paper-catalogs__sources {
    display: flex
  }
}

.paper-catalogs__source {
  display: block;
  margin: .5em 0 0 1.5rem
}

.paper-catalogs__source .link--terciary {
  font-size: .83333em
}

.contact-block {
  display: flex;
  padding-top: 1.5rem;
  background-color: #f5f4f2;
  flex-wrap: wrap;
  justify-content: space-between
}

@media (min-width: 50em) {
  .contact-block {
    padding-bottom: 1.5rem
  }
}

.contact-block .title {
  margin: 0 1.5rem;
  text-align: center;
  flex-basis: 100%
}

@media (min-width: 50em) {
  .contact-block .title {
    margin-bottom: 1.5rem
  }
}

.contact-block__push {
  display: flex;
  margin: 0 1.5rem;
  padding: 1.5rem 0;
  text-align: center;
  flex: 1 1 25rem;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start
}

@media (min-width: 50em) {
  .contact-block__push {
    margin: 0;
    padding: 1.5rem
  }
}

.contact-block__push .subtitle {
  margin-bottom: 1em;
  color: #575757;
  font-weight: 700
}

.contact-block__push + .contact-block__push {
  border-top: .0625rem solid #575757
}

@media (min-width: 50em) {
  .contact-block__push + .contact-block__push {
    border-top: 0;
    border-left: .0625rem solid #e5e5e5
  }
}

.contact-block__phone-link,
.contact-block__phone-link:focus,
.contact-block__phone-link:hover {
  display: flex;
  margin-bottom: 1em;
  background-color: #fff;
  align-items: center
}

@media (min-width: 50em) {
  .contact-block__phone-link,
  .contact-block__phone-link:focus,
  .contact-block__phone-link:hover {
    margin-bottom: 0;
    border: 0;
    height: auto;
    background-color: transparent;
    color: #0e3368;
    font-size: 1rem;
    line-height: inherit
  }
}

.contact-block__phone-link:after,
.contact-block__phone-link:focus:after,
.contact-block__phone-link:hover:after {
  display: block;
  margin-left: .5em;
  width: 24px;
  height: 24px;
  line-height: 1;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='%230970e6'%3E%3Cpath d='M60.6 6.42H18.69a1.5 1.5 0 0 0-1.5 1.5v65.41a1.5 1.5 0 0 0 1.5 1.5H60.6a1.5 1.5 0 0 0 1.5-1.5V7.92a1.5 1.5 0 0 0-1.5-1.5zm-1.5 3v5.92H20.19V9.42zm0 8.92v37.91H20.19V18.33zM20.19 71.83V59.25H59.1v12.58z'/%3E%3Ccircle cx='39.65' cy='66' r='3'/%3E%3C/g%3E%3C/svg%3E")
}

@media (min-width: 50em) {
  .contact-block__phone-link:after,
  .contact-block__phone-link:focus:after,
  .contact-block__phone-link:hover:after {
    margin-right: .5em;
    margin-left: 0;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='%230e3368'%3E%3Cpath d='M60.6 6.42H18.69a1.5 1.5 0 0 0-1.5 1.5v65.41a1.5 1.5 0 0 0 1.5 1.5H60.6a1.5 1.5 0 0 0 1.5-1.5V7.92a1.5 1.5 0 0 0-1.5-1.5zm-1.5 3v5.92H20.19V9.42zm0 8.92v37.91H20.19V18.33zM20.19 71.83V59.25H59.1v12.58z'/%3E%3Ccircle cx='39.65' cy='66' r='3'/%3E%3C/g%3E%3C/svg%3E");
    order: -1
  }
}

.editorial-content {
  padding: 1.5rem
}

.editorial-content__heading {
  margin-bottom: 1.5rem
}

.editorial-product-list {
  position: relative
}

.editorial-product-list .title {
  position: relative;
  z-index: 1;
  padding: 1em;
  width: 100%;
  display: block;
  text-align: center
}

@media (min-width: 50em) {
  .editorial-product-list .title {
    font-size: 4em
  }
}

.editorial-product-list__picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 10px
}

.editorial-product-list__picture .image {
  border-radius: 10px;
  width: 100%
}

.editorial-product-list__picture + .title {
  color: #fff
}

.editorial-product-list__products {
  max-width: 1190px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row
}

.editorial-product-list__product {
  flex: 0 0 25%;
  display: flex
}

.editorial-product-list .VueCarousel-dot {
  margin-top: 0 !important;
  padding: 5px !important
}

.editorial-product-list .VueCarousel-dot-button {
  width: 3px !important;
  height: 3px !important;
  background: #929292 !important
}

.editorial-product-list .VueCarousel-dot--active .VueCarousel-dot-button {
  background: #0970e6 !important;
  width: 5px !important;
  height: 5px !important
}

.editorial-product-list .VueCarousel-navigation {
  display: block;
  position: absolute;
  top: -75px;
  right: 10px
}

@media (max-width: 37.5em) {
  .editorial-product-list .VueCarousel-navigation {
    display: none
  }
}

.editorial-product-list .VueCarousel-navigation-next,
.editorial-product-list .VueCarousel-navigation-prev {
  top: 0 !important;
  transform: none !important;
  width: 40px !important;
  height: 40px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230970e6' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E") #fff no-repeat 50% !important;
  background-size: 24px 24px !important;
  border-radius: 45px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
  overflow: hidden;
  text-indent: -9999px;
  z-index: 1 !important
}

.editorial-product-list .VueCarousel-navigation-next:focus,
.editorial-product-list .VueCarousel-navigation-next:hover,
.editorial-product-list .VueCarousel-navigation-prev:focus,
.editorial-product-list .VueCarousel-navigation-prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230e3368' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E")
}

.editorial-product-list .VueCarousel-navigation-prev {
  transform: rotate(180deg) !important;
  left: -100px !important
}

.hero-neue {
  width: 100%
}

.hero-neue__picture {
  position: relative;
  max-height: 400px;
  width: 100%
}

.hero-neue__picture * {
  width: 100%
}

.hero-neue__content {
  margin: -100px .5em .5em;
  padding: 1.5rem 3em;
  background: #fff;
  border-radius: 80px;
  max-width: 800px;
  position: relative;
  z-index: 1
}

.hero-neue__description {
  margin: .75rem 0;
  color: #0e3368;
  font-size: .85em
}

.hero-neue__modalities {
  margin-top: .5em;
  font-size: .65em;
  font-style: italic;
  color: #575757
}

@media (max-width: 37.5em) {
  .hero-neue__cta,
  .hero-neue__description {
    display: none
  }
}

@media (min-width: 64em) {
  .hero-neue__content {
    margin: -165px 1.5rem 1.5rem
  }
}

@media (min-width: 70em) {
  .hero-neue__content {
    margin: -200px 2em 2em
  }
}

@media (min-width: 90em) {
  .hero-neue__content {
    margin: -250px 2em 2em
  }
}

.highlights {
  padding: 3rem 1.5rem
}

.highlights__internal {
  display: flex;
  margin: 0 auto;
  padding: .75rem;
  max-width: 1190px;
  flex-wrap: wrap;
  justify-content: space-around
}

.home-hero {
  width: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover
}

.home-hero + .home-hero {
  position: absolute;
  left: -1000rem
}

.home-hero__wrapper {
  display: flex;
  overflow: hidden;
  width: inherit;
  flex-direction: row
}

.home-hero__content {
  position: relative;
  margin-left: auto;
  padding: 2.25rem;
  padding-right: 3rem;
  padding-left: 0;
  width: 50%;
  background-color: #f5f4f2;
  text-align: right
}

@media (min-width: 37.5em) {
  .home-hero__content {
    padding-top: 3rem;
    padding-right: 3.75rem;
    padding-bottom: 3rem;
    max-width: 50%;
    width: 30rem;
    font-size: 1rem
  }
}

@media (min-width: 64em) {
  .home-hero__content {
    padding-right: 6.75rem;
    max-width: 33.33333%;
    width: 32rem
  }
}

.home-hero--pink .home-hero__content {
  background-color: #ffccbd;
  color: #0e3368
}

.home-hero--pink .home-hero__content .heading,
.home-hero--pink .home-hero__content p {
  color: #0e3368
}

.home-hero--pink .home-hero__content .home-hero__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.home-hero--pink .home-hero__content .home-hero__cta:visited {
  color: #fff
}

.home-hero--pink .home-hero__content .home-hero__cta:focus,
.home-hero--pink .home-hero__content .home-hero__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.home-hero--pale-green .home-hero__content {
  background-color: #c9f0db;
  color: #0e3368
}

.home-hero--pale-green .home-hero__content .heading,
.home-hero--pale-green .home-hero__content p {
  color: #0e3368
}

.home-hero--pale-green .home-hero__content .home-hero__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.home-hero--pale-green .home-hero__content .home-hero__cta:visited {
  color: #fff
}

.home-hero--pale-green .home-hero__content .home-hero__cta:focus,
.home-hero--pale-green .home-hero__content .home-hero__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.home-hero--dark-blue .home-hero__content {
  background-color: #0e3368;
  color: #c9f0db
}

.home-hero--dark-blue .home-hero__content .heading,
.home-hero--dark-blue .home-hero__content p {
  color: #c9f0db
}

.home-hero--dark-blue .home-hero__content .home-hero__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
  color: #0970e6;
  background-color: #fff;
  border-color: #fff
}

.home-hero--dark-blue .home-hero__content .home-hero__cta:visited {
  color: #fff
}

.home-hero--dark-blue .home-hero__content .home-hero__cta:focus,
.home-hero--dark-blue .home-hero__content .home-hero__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.home-hero--dark-blue .home-hero__content .home-hero__cta:visited {
  color: #0970e6
}

.home-hero--dark-blue .home-hero__content .home-hero__cta:focus,
.home-hero--dark-blue .home-hero__content .home-hero__cta:hover {
  border-color: #fff;
  background-color: #fff;
  color: #0e3368
}

.home-hero--bright-blue .home-hero__content {
  background-color: #095ba5;
  color: #ffccbd
}

.home-hero--bright-blue .home-hero__content .heading,
.home-hero--bright-blue .home-hero__content p {
  color: #ffccbd
}

.home-hero--bright-blue .home-hero__content .home-hero__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
  color: #0970e6;
  background-color: #fff;
  border-color: #fff
}

.home-hero--bright-blue .home-hero__content .home-hero__cta:visited {
  color: #fff
}

.home-hero--bright-blue .home-hero__content .home-hero__cta:focus,
.home-hero--bright-blue .home-hero__content .home-hero__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.home-hero--bright-blue .home-hero__content .home-hero__cta:visited {
  color: #0970e6
}

.home-hero--bright-blue .home-hero__content .home-hero__cta:focus,
.home-hero--bright-blue .home-hero__content .home-hero__cta:hover {
  border-color: #fff;
  background-color: #fff;
  color: #0e3368
}

.home-hero--promo-yellow .home-hero__content {
  background-color: #fff29c;
  color: #0e3368
}

.home-hero--promo-yellow .home-hero__content .heading {
  color: #db3832
}

.home-hero--promo-yellow .home-hero__content p {
  color: #0e3368
}

.home-hero--promo-yellow .home-hero__content .home-hero__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.home-hero--promo-yellow .home-hero__content .home-hero__cta:visited {
  color: #fff
}

.home-hero--promo-yellow .home-hero__content .home-hero__cta:focus,
.home-hero--promo-yellow .home-hero__content .home-hero__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.home-hero--green .home-hero__content {
  background-color: #4ccd8a;
  color: #0e3368
}

.home-hero--green .home-hero__content .heading,
.home-hero--green .home-hero__content p {
  color: #0e3368
}

.home-hero--green .home-hero__content .home-hero__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer;
  color: #0970e6;
  background-color: #fff;
  border-color: #fff
}

.home-hero--green .home-hero__content .home-hero__cta:visited {
  color: #fff
}

.home-hero--green .home-hero__content .home-hero__cta:focus,
.home-hero--green .home-hero__content .home-hero__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.home-hero--green .home-hero__content .home-hero__cta:visited {
  color: #0970e6
}

.home-hero--green .home-hero__content .home-hero__cta:focus,
.home-hero--green .home-hero__content .home-hero__cta:hover {
  border-color: #fff;
  background-color: #fff;
  color: #0e3368
}

.home-hero--light-grey .home-hero__content {
  background-color: #f5f4f2;
  color: #0e3368
}

.home-hero--light-grey .home-hero__content .heading,
.home-hero--light-grey .home-hero__content p {
  color: #0e3368
}

.home-hero--light-grey .home-hero__content .home-hero__cta {
  font-family: Ubuntu, sans-serif;
  background-color: #0970e6;
  border: 1px solid #0970e6;
  color: #fff;
  border-radius: 25px;
  padding: .375rem 1.5rem;
  display: inline-block;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .9rem;
  transition-property: border-color, background-color;
  transition-duration: .3s;
  font-weight: 700;
  cursor: pointer
}

.home-hero--light-grey .home-hero__content .home-hero__cta:visited {
  color: #fff
}

.home-hero--light-grey .home-hero__content .home-hero__cta:focus,
.home-hero--light-grey .home-hero__content .home-hero__cta:hover {
  background-color: #095ba5;
  color: #fff
}

.home-hero__content:before {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  border-radius: 1.25rem;
  width: 27.5rem;
  height: 27.5rem;
  background-color: inherit;
  transform: scaleX(.7) translateX(-25%) translateY(-50%) rotate(45deg);
  content: ""
}

@media (min-width: 37.5em) {
  .home-hero__content:before {
    transform: scaleX(.7) translateX(-60%) translateY(-50%) rotate(45deg)
  }
}

.home-hero .heading {
  position: relative;
  z-index: 2;
  font-size: .5rem;
  text-align: right
}

@media (min-width: 37.5em) {
  .home-hero .heading {
    font-size: 1rem
  }
}

.home-hero .style1 {
  font-size: 1.8em;
  font-weight: 700
}

.home-hero .style1,
.home-hero .style2 {
  display: block;
  font-family: Ubuntu, sans-serif
}

.home-hero .style2 {
  font-size: 5em;
  text-transform: capitalize;
  line-height: 1.6;
  white-space: nowrap
}

.home-hero__cta {
  position: relative;
  z-index: 2;
  margin-top: 1.5rem
}

@media (max-width: 37.5em) {
  .home-hero__cta {
    margin-top: 0
  }
}

.home-hero p {
  position: relative;
  z-index: 2;
  display: none;
  margin: 0;
  color: #0e3368;
  font-size: .83333em;
  font-weight: 400
}

@media (min-width: 37.5em) {
  .home-hero p {
    display: block
  }
}

.hub {
  display: block;
  padding: 8px
}

.hub__blocks {
  display: flex;
  flex-flow: row wrap;
  max-width: 1190px;
  margin: auto
}

.hub__block {
  overflow: hidden;
  flex-grow: 0;
  margin: 8px;
  width: calc(100% - 16px)
}

@media (min-width: 37.5em) {
  .hub__block {
    margin: 8px;
    width: calc(25% - 16px)
  }
}

@media (min-width: 70em) {
  .hub__block {
    margin: 16px;
    width: calc(25% - 32px)
  }
}

@media (min-width: 90em) {
  .hub__block {
    margin: 24px;
    width: calc(25% - 48px)
  }
}

.hub--3cols .hub__block {
  margin: 8px;
  width: calc(100% - 16px)
}

@media (min-width: 37.5em) {
  .hub--3cols .hub__block {
    margin: 8px;
    width: calc(33.33333% - 16px)
  }
}

@media (min-width: 70em) {
  .hub--3cols .hub__block {
    margin: 16px;
    width: calc(33.33333% - 32px)
  }
}

@media (min-width: 90em) {
  .hub--3cols .hub__block {
    margin: 24px;
    width: calc(33.33333% - 48px)
  }
}

.hub--2cols .hub__block {
  margin: 8px;
  width: calc(100% - 16px)
}

@media (min-width: 37.5em) {
  .hub--2cols .hub__block {
    margin: 8px;
    width: calc(50% - 16px)
  }
}

@media (min-width: 70em) {
  .hub--2cols .hub__block {
    margin: 16px;
    width: calc(50% - 32px)
  }
}

@media (min-width: 90em) {
  .hub--2cols .hub__block {
    margin: 24px;
    width: calc(50% - 48px)
  }
}

.iframe iframe {
  width: 100%
}

.list-block {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}

.list-component {
  padding: 2.25rem 1.5rem 1.5rem
}

.list-component + .list-component {
  border-top: 1px solid #e5e5e5
}

.list-component__header {
  margin-bottom: .75rem
}

.list-component__header .heading {
  font-weight: 700;
  font-size: 1.2rem
}

.list-component p {
  margin-bottom: .75rem
}

.mini-push {
  position: relative
}

.mini-push__picture {
  width: 100%
}

@media (min-width: 37.5em) {
  .mini-push__picture {
    border-radius: 30px
  }
}

.mini-push__picture * {
  width: 100%
}

.mini-push__inner {
  position: absolute;
  top: 2em;
  padding: 1.5rem;
  max-width: 600px;
  background-color: #fff;
  border-radius: 30px;
  margin: 1em
}

@media (min-width: 37.5em) {
  .mini-push__inner {
    top: 1.5rem;
    right: 1.5rem;
    width: auto;
    margin: 1.5rem 1em 1.5rem 1.5rem
  }
}

.mini-push__inner .title {
  margin-bottom: .75rem
}

@media (max-width: 37.5em) {
  .mini-push__inner .title {
    font-size: 1em
  }
}

.multiple-banner {
  background-color: #fff;
  margin-bottom: 25px
}

@media (min-width: 50em) {
  .multiple-banner {
    margin-bottom: 0
  }
}

.news-card {
  overflow: hidden;
  padding: .375rem
}

.news-card__inner {
  position: relative;
  border-radius: 10px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  background-color: #fff
}

.news-card__inner .heading {
  font-weight: 700;
  margin-bottom: .75rem
}

.news-card--no-image .news-card__inner {
  background-color: #095ba5;
  color: #fff
}

.news-card--no-image .news-card__inner .heading {
  color: inherit
}

.news-card__image {
  margin: -1.5rem;
  max-width: calc(100% + 3rem);
  margin-bottom: 1.5rem;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px
}

.news-card__date-marker {
  position: absolute;
  top: 0;
  right: 0;
  padding: .3rem .6rem;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #fff;
  color: #0e3368;
  font-size: .8rem
}

.product-banner {
  display: flex;
  flex-direction: column;
  position: relative
}

@media (min-width: 37.5em) {
  .product-banner {
    flex-direction: row;
    margin: 35px 0
  }
}

.product-banner__info {
  position: relative;
  overflow: hidden;
  padding: 1.5rem;
  flex-basis: 50%;
  flex-shrink: 0;
  border-radius: 30px 30px 0 0
}

@media (min-width: 37.5em) {
  .product-banner__info {
    border-radius: 30px
  }
}

.product-banner__picture {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%
}

.product-banner__picture .image {
  height: 100%;
  max-width: none
}

.product-banner__content {
  border-radius: 30px;
  position: relative;
  z-index: 1;
  margin-right: 1.5rem;
  max-height: 360px;
  padding: 2em
}

.product-banner__description {
  font-size: .875em
}

.product-banner__products {
  display: flex;
  flex-basis: calc(50% + 1.5rem);
  flex-shrink: 1;
  overflow: hidden
}

@media (min-width: 37.5em) {
  .product-banner__products {
    padding-top: calc(1.5rem + 35px);
    padding-bottom: calc(1.5rem + 35px);
    margin: -35px 0 -35px -1.5rem
  }
}

.product-banner__products.VueCarousel {
  display: block
}

@media (min-width: 64em) {
  .product-banner__products {
    flex-basis: calc(70% + 1.5rem)
  }

  .product-banner__info {
    flex-basis: 30%
  }
}

.product-banner .VueCarousel-navigation {
  display: none
}

.product-banner .VueCarousel-dot {
  margin-top: 0 !important;
  padding: 5px !important
}

.product-banner .VueCarousel-dot-button {
  width: 3px !important;
  height: 3px !important;
  background: #929292 !important
}

.product-banner .VueCarousel-dot--active .VueCarousel-dot-button {
  background: #0970e6 !important;
  width: 5px !important;
  height: 5px !important
}

@media (min-width: 37.5em) {
  .product-banner .VueCarousel-pagination {
    display: none
  }

  .product-banner .VueCarousel-navigation {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px
  }

  .product-banner .VueCarousel-navigation-next,
  .product-banner .VueCarousel-navigation-prev {
    top: 0 !important;
    transform: none !important;
    width: 40px !important;
    height: 40px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230970e6' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E") #fff no-repeat 50%;
    background-size: 24px 24px;
    border-radius: 45px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    overflow: hidden;
    text-indent: -9999px;
    z-index: 1 !important
  }

  .product-banner .VueCarousel-navigation-next:focus,
  .product-banner .VueCarousel-navigation-next:hover,
  .product-banner .VueCarousel-navigation-prev:focus,
  .product-banner .VueCarousel-navigation-prev:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230e3368' d='M97.4 46L73.6 22.7c-1-1-2.4-1.5-3.4-1.5s-2.4.5-3.4 1.5c-1.9 1.9-1.9 4.8 0 6.8L82.4 45H4.8C1.9 45 0 46.9 0 49.8s1.9 4.8 4.8 4.8h77.6l-15 15c-1.9 1.9-1.9 4.8 0 6.8 1.9 1.9 4.8 1.9 6.8 0l23.2-23.1c2-1.9 2.8-4.5 0-7.3z'/%3E%3C/svg%3E")
  }

  .product-banner .VueCarousel-navigation-prev {
    transform: rotate(180deg) !important;
    left: -100px !important
  }
}

.product-banner .page-title {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.product-banner__picture ~ .product-banner__content {
  background: #0e3368;
  color: #fff
}

.product-banner__picture ~ .product-banner__content .page-title {
  color: #fff
}

.product-banner__cta {
  margin-top: 2em
}

.push-content {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.push-content__media {
  flex: 1;
  order: 1;
  flex-basis: 256px;
  padding: 1.5rem
}

.push-content__aside {
  flex: 1;
  order: 2;
  padding: 1.5rem;
  flex-basis: 256px
}

.push-content__aside .heading {
  font-size: 2rem
}

.push-content--design_2 .push-content__media {
  order: 2
}

.push-content--design_2 .push-content__aside {
  order: 1
}

.push-store-map__box {
  position: relative;
  display: block;
  overflow: hidden
}

.push-store-map .marker {
  position: absolute;
  z-index: 1;
  top: 1.5rem;
  left: 50%;
  width: 7.5rem;
  height: 7.5rem;
  transform: translateX(-50%)
}

@media (min-width: 64em) {
  .push-store-map .marker {
    top: 50%;
    right: 75%;
    left: auto;
    width: 5rem;
    height: 5rem;
    transform: translate(50%, -50%)
  }
}

.push-store-map__visual {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  transform: translate(-50%, -50%)
}

@media (min-width: 64em) {
  .push-store-map__visual {
    position: static;
    transform: none
  }
}

.push-store-map__visual img,
.push-store-map__visual picture {
  display: block;
  width: inherit;
  margin: 0
}

.push-store-map__content {
  position: relative;
  margin: 1.5rem;
  margin-top: 4.5rem;
  padding: 1.5rem;
  padding-top: 4.5rem;
  border-radius: 1.6875rem;
  background: #fff;
  color: #0e3368;
  line-height: 1.25
}

@media (min-width: 64em) {
  .push-store-map__content {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    margin: 0;
    padding: 2em 3rem;
    width: calc(100% - 1.5rem * 2);
    max-width: 35rem;
    transform: translateY(-50%)
  }
}

.push-store-map__title {
  display: block;
  font-size: 1.2em;
  font-weight: 700
}

.push-store-map__description {
  display: block;
  margin-top: 1em
}

.push-store-map__opening-range {
  display: flex;
  margin-top: 1em;
  align-items: center
}

.push-store-map__opening-range:before {
  display: block;
  border-radius: 50%;
  margin-left: .5em;
  margin-right: 1rem;
  width: .5rem;
  height: .5rem;
  background-color: #4ccd8a;
  content: ""
}

@media (min-width: 64em) {
  .push-store-map__opening-range:before {
    margin-right: 2.5rem
  }
}

.push-store-map__fee {
  display: flex;
  margin-top: 1em;
  align-items: center
}

.push-store-map__fee-icon {
  display: block;
  margin-right: .5rem;
  margin-bottom: 0;
  width: 1.5rem
}

@media (min-width: 64em) {
  .push-store-map__fee-icon {
    margin-right: 2rem
  }
}

.push-store-map .cta {
  margin-top: 1.5rem
}

@media (max-width: 37.5em) {
  .push-store-map .cta {
    display: block;
    text-align: center
  }
}

.quick-access {
  padding: 0 3rem;
  background-image: linear-gradient(180deg, #f5f4f2 50%, #fff 0)
}

@media (max-width: 37.5em) {
  .quick-access {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

.quick-access__links {
  display: flex;
  max-width: 690px;
  margin: 0 auto;
  padding: .75rem 1.5rem;
  border-radius: .625rem;
  background-color: #0970e6;
  list-style: none;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

@media (min-width: 64em) {
  .quick-access__links {
    max-width: 1190px;
    flex-direction: row;
    border-radius: 3.125rem
  }
}

.quick-access__item {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  flex: 1 1 20%
}

@media (min-width: 64em) {
  .quick-access__item {
    max-width: 20%
  }

  .quick-access__item:not(:last-child) {
    border-right: 1px solid hsla(0, 0%, 100%, .2)
  }
}

.quick-access__link {
  position: relative;
  display: flex;
  padding: .5em;
  border-bottom: 3px solid transparent;
  height: 100%;
  color: #fff;
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  align-items: center;
  transition: .3s
}

.quick-access__link:visited {
  color: #fff
}

.quick-access__link:focus,
.quick-access__link:hover {
  transform: translateY(-3px)
}

.quick-access__link:after {
  display: inline-block;
  margin-left: 1rem;
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8.5 4.7c-.5.5-.5 1.2 0 1.7l5.8 5.9-5.8 5.8c-.5.5-.5 1.2 0 1.7s1.2.5 1.7 0l6.6-6.6c.2-.2.3-.5.3-.8 0-.3-.1-.6-.3-.8L10.2 5c-.5-.7-1.3-.7-1.7-.3z'/%3E%3C/svg%3E")
}

@media (min-width: 64em) {
  .quick-access__link {
    padding: .75rem;
    font-size: .83333em;
    justify-content: center
  }
}

.quick-access__link-icon {
  display: inline-block;
  margin-right: 1rem;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  flex-shrink: 0
}

.quick-access__link-icon--shopping-list {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath fill='%23fff' d='M51 25.79l-6.3-6.08a.17.17 0 0 0-.12-.06c-.06 0-.09.05-.09.11a.2.2 0 0 0 0 .1 5.28 5.28 0 0 1 1.07 3 2 2 0 0 1-2 2.26 2 2 0 0 1-1.9-2 2.76 2.76 0 0 1 1-1.95.61.61 0 0 0 .19-.43c0-.71-1.26-1.58-2.74-1.58-2.46 0-3.42 3.49-3.42 7.64s1 7.59 3.42 7.59c1.48 0 2.74-.86 2.74-1.57a.6.6 0 0 0-.19-.43 2.76 2.76 0 0 1-1-1.95 2 2 0 0 1 1.9-2 2 2 0 0 1 2 2.26 5.29 5.29 0 0 1-1.07 3 .2.2 0 0 0 0 .1.1.1 0 0 0 .09.11.16.16 0 0 0 .12-.06l6.3-6.01a1.28 1.28 0 0 0 0-2.06zM51.87 55.64h3.64a1.5 1.5 0 0 0 0-3h-3.64a1.5 1.5 0 0 0 0 3zM51.87 47.07h3.64a1.5 1.5 0 0 0 0-3h-3.64a1.5 1.5 0 0 0 0 3zM24.44 55.64h19.07a1.5 1.5 0 0 0 0-3H24.44a1.5 1.5 0 0 0 0 3zM24.44 47.07h19.07a1.5 1.5 0 0 0 0-3H24.44a1.5 1.5 0 0 0 0 3z'/%3E%3Cpath fill='%23fff' d='M63.27 7.53H16.73A1.5 1.5 0 0 0 15.23 9v61.32a1.5 1.5 0 0 0 1.5 1.5h46.54a1.5 1.5 0 0 0 1.5-1.5V9a1.5 1.5 0 0 0-1.5-1.47zm-1.5 61.29H18.23V10.53h43.54z'/%3E%3Cpath fill='%23fff' d='M29 27.84l6.29 6.07a.16.16 0 0 0 .11.06.11.11 0 0 0 .1-.12.18.18 0 0 0-.06-.12 10.46 10.46 0 0 1-2.55-6.9 10.57 10.57 0 0 1 2.55-6.95.19.19 0 0 0 .06-.12.11.11 0 0 0-.1-.12.17.17 0 0 0-.11.06L29 25.79a1.28 1.28 0 0 0 0 2.06z'/%3E%3C/svg%3E")
}

.quick-access__link-icon--catalog {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.482 23.701'%3E%3Cpath fill='%23fff' d='M15.912 3.7h-.829V1.571a1.57 1.57 0 0 0-2.033-1.5L1.168 3.745a.651.651 0 0 0-.158.073A1.555 1.555 0 0 0 0 5.272v16.859A1.572 1.572 0 0 0 1.57 23.7h14.342a1.571 1.571 0 0 0 1.57-1.57V5.272a1.572 1.572 0 0 0-1.57-1.572zm-2.419-2.2l.09.066V4.2H4.768zm2.419 20.7L1.5 22.131l.066-16.916c.013 0 .021-.011.033-.013h14.313l.07.071z'/%3E%3Cpath fill='%23fff' d='M6.865 12.481a.055.055 0 0 0 .035.019.036.036 0 0 0 .033-.039.06.06 0 0 0-.019-.039 3.484 3.484 0 0 1-.847-2.3 3.52 3.52 0 0 1 .847-2.311.062.062 0 0 0 .019-.039.036.036 0 0 0-.033-.036.055.055 0 0 0-.038.019L4.775 9.776a.429.429 0 0 0 0 .684zM8.472 12.652c.491 0 .91-.288.911-.524a.2.2 0 0 0-.063-.144.919.919 0 0 1-.325-.648.667.667 0 0 1 .63-.661.674.674 0 0 1 .662.751 1.754 1.754 0 0 1-.357 1 .068.068 0 0 0-.011.034.034.034 0 0 0 .031.038.054.054 0 0 0 .039-.02l2.09-2.021a.428.428 0 0 0 0-.684l-2.09-2.018a.056.056 0 0 0-.039-.021.035.035 0 0 0-.031.039.071.071 0 0 0 .011.034 1.754 1.754 0 0 1 .357 1 .675.675 0 0 1-.662.751.667.667 0 0 1-.63-.661.919.919 0 0 1 .325-.648.2.2 0 0 0 .063-.144c0-.237-.42-.525-.911-.525-.818 0-1.138 1.16-1.138 2.542s.32 2.53 1.138 2.53zM13.044 15.577H4.438a.5.5 0 1 0 0 1h8.606a.5.5 0 0 0 0-1zM13.044 18.651H4.438a.5.5 0 1 0 0 1h8.606a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E")
}

.quick-access__link-icon--loyalty-program {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.5 22.499'%3E%3Cpath fill='%23fff' d='M22.917 10.08l-2.275-1.72.83-2.729A1.467 1.467 0 0 0 20.1 3.737l-2.851-.051-.93-2.7a1.468 1.468 0 0 0-2.232-.721L11.75 1.9 9.413.265a1.468 1.468 0 0 0-2.228.723l-.93 2.7-2.855.049a1.468 1.468 0 0 0-1.373 1.894l.83 2.729-2.274 1.719a1.467 1.467 0 0 0 0 2.341l2.274 1.719-.83 2.729A1.468 1.468 0 0 0 3.4 18.762l2.851.052.93 2.7a1.469 1.469 0 0 0 2.228.725L11.75 20.6l2.339 1.637a1.467 1.467 0 0 0 2.226-.726l.93-2.7 2.851-.053a1.466 1.466 0 0 0 1.376-1.893l-.83-2.729 2.276-1.72a1.465 1.465 0 0 0 0-2.339zm-3.6 3.178a.75.75 0 0 0-.265.817l1.014 3.186-3.376.062a.749.749 0 0 0-.7.506l-1.05 3.176-2.76-1.936a.752.752 0 0 0-.86 0L8.6 21.021l-1.1-3.192a.749.749 0 0 0-.695-.506l-3.344-.018.982-3.23a.75.75 0 0 0-.265-.817l-2.691-1.982L4.18 9.241a.75.75 0 0 0 .265-.817L3.431 5.237l3.376-.062a.748.748 0 0 0 .695-.5l1.05-3.176 2.768 1.932a.752.752 0 0 0 .86 0l2.72-1.953L16 4.671a.75.75 0 0 0 .7.5l3.345.018-.983 3.23a.75.75 0 0 0 .265.817l2.658 2.009z'/%3E%3Cpath fill='%23fff' d='M9.068 10.5a1.909 1.909 0 0 0 1.906-1.893 1.907 1.907 0 0 0-1.893-1.92h-.013a1.909 1.909 0 0 0-1.907 1.891A1.91 1.91 0 0 0 9.055 10.5zm-.907-1.915a.909.909 0 0 1 .914-.9.907.907 0 0 1 .9.913.952.952 0 0 1-.912.9.909.909 0 0 1-.902-.913zM12.882 12.308a1.91 1.91 0 0 0-.018 2.7 1.907 1.907 0 1 0 .018-2.7zm1.976 2a.907.907 0 1 1 .009-1.282.908.908 0 0 1-.009 1.285zM15.205 6.742a.5.5 0 0 0-.7.088L8 15.2a.5.5 0 1 0 .789.614l6.508-8.371a.5.5 0 0 0-.092-.701z'/%3E%3C/svg%3E")
}

.quick-access__link-icon--find-a-store {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath fill='%23fff' d='M72.11 22.71l-4-7a6.24 6.24 0 0 0-5.61-3.14h-45a6.24 6.24 0 0 0-5.6 3.15l-4 7.22a9.52 9.52 0 0 0-.43 8.22 8.53 8.53 0 0 0 5.58 5 7.69 7.69 0 0 0 2.09.22h.4V68a1.5 1.5 0 0 0 1.5 1.5h45.63a1.5 1.5 0 0 0 1.5-1.5V36.27h.54a6.51 6.51 0 0 0 1.07 0 8.53 8.53 0 0 0 6.5-4.74 9.46 9.46 0 0 0-.17-8.82zM33 66.47V46.65h13.6v19.82zm28.12 0H49.64V45.15a1.5 1.5 0 0 0-1.5-1.5h-16.6a1.5 1.5 0 0 0-1.5 1.5v21.32H18.52V36a8.07 8.07 0 0 0 5.22-3.55c1.56 2.45 4.33 3.75 8.14 3.75s6.58-1.3 8.14-3.75c1.56 2.45 4.33 3.75 8.14 3.75s6.58-1.3 8.14-3.75a8 8 0 0 0 4.86 3.44zm8.42-36.31a5.57 5.57 0 0 1-4.23 3.11 3.85 3.85 0 0 1-.6 0h-.32c-4.46 0-6.63-2.23-6.63-6.81a1.51 1.51 0 0 0-3 0c0 4.57-2.11 6.7-6.63 6.7s-6.63-2.13-6.63-6.7a1.51 1.51 0 0 0-3 0c0 4.57-2.11 6.7-6.63 6.7s-6.63-2.13-6.63-6.7a1.51 1.51 0 0 0-3 0c0 4.6-2.17 6.83-6.63 6.83h-.25a5.72 5.72 0 0 1-1.51-.11 5.47 5.47 0 0 1-3.62-3.25 6.5 6.5 0 0 1 .29-5.6l4-7.21a3.25 3.25 0 0 1 3-1.6h45a3.25 3.25 0 0 1 3 1.6l4 7a6.45 6.45 0 0 1 .07 6.05z'/%3E%3C/svg%3E")
}

.quick-access__link-icon--brands {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%230970e6' d='M20.7 3.5c-9 .1-16.4 7.4-16.4 16.5v16.5h16.4c9.1.2 16.6-7 16.9-16s-7-16.6-16-16.9c-.3-.1-.6-.1-.9-.1z'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M28.5 14.1c-2 0-3.6 1.6-3.6 3.6v3.5h2v-3.5c0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6v3.5h2v-3.5c0-2-1.6-3.6-3.6-3.6zM33.8 21.4c-.7 0-1.3.5-1.3 1.2V24h1.4c.7 0 1.2-.6 1.2-1.3-.1-.7-.6-1.3-1.3-1.3zM20.5 21.3c2 0 3.7-1.6 3.7-3.7 0-2-1.6-3.6-3.7-3.6-2 0-3.6 1.6-3.6 3.6 0 2.1 1.6 3.7 3.6 3.7zm0-5.3c.9 0 1.7.8 1.7 1.7 0 .9-.7 1.7-1.7 1.7-.9 0-1.7-.8-1.7-1.7.1-.9.8-1.7 1.7-1.7zM12.7 21.3c2.1 0 3.7-1.6 3.7-3.6S14.8 14 12.7 14h-1.5v-2.4h-2v6.2c0 1.9 1.5 3.5 3.5 3.5zm-1.5-3.6v-1.8h1.5c.9 0 1.7.8 1.7 1.7 0 .9-.7 1.7-1.6 1.7-.9.1-1.6-.7-1.6-1.6zM12.7 21.9c-2 0-3.7 1.6-3.7 3.6s1.6 3.7 3.7 3.7h3.7v-3.6c0-2-1.7-3.7-3.7-3.7zm0 5.3c-.9 0-1.7-.7-1.7-1.7 0-.9.7-1.7 1.7-1.7.9 0 1.7.8 1.7 1.7v1.6h-1.7zM20.9 21.9h-.4c-2 0-3.7 1.6-3.7 3.6v6.1h2v-2.4h1.7c2 .1 3.7-1.4 3.8-3.5.2-1.9-1.4-3.7-3.4-3.8zm1.3 3.7c0 .9-.7 1.7-1.6 1.7h-1.7v-1.6c0-.9.8-1.7 1.7-1.7.9-.1 1.6.6 1.6 1.6zM28.5 21.9c-2 0-3.6 1.6-3.6 3.6v6.1h2v-2.4h1.6c2 0 3.7-1.6 3.7-3.7-.1-1.9-1.7-3.6-3.7-3.6zm-.1 5.3h-1.6v-1.6c0-.9.7-1.6 1.6-1.6s1.6.7 1.6 1.6c.1.9-.7 1.6-1.6 1.6z'/%3E%3C/g%3E%3C/svg%3E")
}

.quick-access__link-label {
  flex: auto;
  padding-top: 3px;
  line-height: 1.3
}

.quick-links {
  padding: 3rem 0;
  background-color: #fff
}

.quick-links__inner {
  padding: 1.5rem;
  background-color: #f5f4f2
}

.quick-links__links {
  display: flex;
  margin: auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  list-style: none;
  max-width: 1190px
}

@media (min-width: 37.5em) {
  .quick-links__links {
    padding: 1.5rem
  }
}

.quick-links .quick-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
  color: #0e3368;
  font-size: .9rem;
  flex-basis: 100%;
  font-family: Ubuntu, sans-serif
}

@media (min-width: 37.5em) {
  .quick-links .quick-link {
    padding: 0 1.5rem;
    flex-direction: column;
    text-align: center;
    flex-basis: 50%
  }
}

@media (min-width: 50em) {
  .quick-links .quick-link {
    flex-basis: 25%
  }
}

.quick-links .quick-link img {
  display: inline-block;
  margin: 1.5rem;
  height: 64px
}

@media (min-width: 37.5em) {
  .quick-links .quick-link img {
    margin: 1.5rem auto
  }
}

.store-locator-banner {
  background-color: #f5f4f2;
  padding: 3rem 1.5rem;
  padding-top: 4.5rem;
  background-position: 25%;
  background-size: 150%;
  position: relative
}

@media (min-width: 37.5em) {
  .store-locator-banner {
    padding-top: 3rem
  }
}

.store-locator-banner .central-column {
  display: flex;
  align-items: flex-end
}

@media (min-width: 37.5em) {
  .store-locator-banner .central-column {
    padding-left: 30%
  }
}

.store-locator-banner .cta {
  margin-top: 1.5rem
}

.store-locator-banner .marker {
  position: absolute;
  left: 50%;
  top: 1.5rem;
  width: 70px;
  z-index: 15;
  margin-left: -35px;
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .2));
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .2))
}

@media (min-width: 37.5em) {
  .store-locator-banner .marker {
    left: 25%;
    top: 50%;
    margin-top: -70px;
    z-index: 11
  }
}

.store-locator-banner__content {
  padding: 3rem 1.5rem;
  background-color: #fff;
  border-radius: 30px;
  width: 600px;
  margin-left: auto;
  max-width: 100%;
  position: relative;
  z-index: 12
}

@media (min-width: 37.5em) {
  .store-locator-banner__content {
    padding: 3rem
  }
}

.store-locator-banner__background {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 9
}

@media (min-width: 37.5em) {
  .store-locator-banner__background {
    width: 100%
  }
}

.opening:before {
  content: ""
}

.store-news {
  padding: 1.5rem;
  max-width: 900px;
  margin: auto;
  margin-top: 3rem
}

@media (min-width: 37.5em) {
  .store-news img {
    margin-bottom: 0
  }
}

.store-news__heading {
  font-size: 1.728em;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: #0e3368
}

@media (min-width: 64em) {
  .store-news__heading {
    font-size: 2.0736em
  }
}

.store-news__subheading {
  font-size: 1em;
  font-family: Ubuntu, sans-serif;
  color: #0e3368;
  margin-bottom: 1.5rem
}

.store-news__container {
  display: flex;
  flex-direction: column
}

.store-news__container + p {
  margin-top: 1.5rem
}

@media (min-width: 37.5em) {
  .store-news__container {
    flex-direction: row;
    margin-bottom: auto
  }

  .store-news__container > div:first-child {
    margin-right: .75rem
  }

  .store-news__container > div:last-child {
    margin-left: .75rem
  }
}

.store-news__media {
  flex: 1;
  max-width: 100vw;
  margin-left: -1.5rem;
  margin-right: -1.5rem
}

.store-news__media + p {
  margin-top: 1.5rem
}

@media (min-width: 37.5em) {
  .store-news__media {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
  }
}

.store-news__media--compact {
  min-width: 400px
}

@media (min-width: 37.5em) {
  .store-news__media--compact {
    max-width: 45vw;
    margin-left: auto;
    margin-right: 1.5rem;
    float: left
  }
}

@media (min-width: 50em) {
  .store-news__media--compact {
    max-width: 410px
  }
}

.store-news__hub {
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  flex: 1;
  margin-top: 1.5rem
}

.store-news__hub-content {
  padding: 1.5rem
}

.store-news__hub-heading {
  font-size: 1.44em;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: #0e3368
}

.toggle-block {
  max-width: 960px;
  width: 100%;
  margin: 1.5rem auto;
  padding: 1.5rem 3rem
}

@media (max-width: 37.5em) {
  .toggle-block {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

.toggle-block .title {
  margin-bottom: 1em
}

.toggle-block .expansion-panel__title {
  font-size: 1.2rem
}

.toggle-block .expansion-panel__content {
  padding: 0 1em 1em
}

.webform,
.webform .form-element,
.webform__header {
  padding: .75rem
}

.webform .form-element--checkboxes .checkbox {
  margin: .75rem 0
}

.webform .form-element input {
  width: 100%
}

.webform__success {
  color: #068d49
}

.webform__error {
  color: #db3832
}

.form {
  margin-bottom: 1.5rem
}

.form section {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}

.form section .form-field {
  margin-bottom: 1.5rem
}

@media (min-width: 50em) {
  .form section .form-field {
    width: calc(50% - .75rem)
  }

  .form section .form-field:nth-child(odd) {
    margin-right: 1.5rem
  }

  .form section .form-field.form-field--large {
    width: 100%;
    margin-right: 0
  }
}

.form .checkbox-group,
.form > p {
  margin-bottom: 1.5rem
}

.form .radio-group,
.form .toggle-switch,
.form > .checkbox {
  margin-bottom: 1.5rem;
  width: 100%
}

.form .toggle-switch label .toggle-switch__label {
  margin-left: 1.5rem
}

.form .checkbox label:before {
  margin-right: .75rem
}

.form > .a-button {
  margin: .75rem auto
}

.channel-change {
  display: flex;
  flex-direction: column;
  width: 100%
}

.channel-change__content {
  background-color: #fff
}

.channel-change__content,
.channel-change__content__top {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.channel-change__content__top {
  height: 30vh;
  margin-top: .25em;
  justify-content: space-evenly;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 2em;
  border-bottom: 1px solid #f5f4f2
}

@media (max-height: 600px) {
  .channel-change__content__top {
    padding: 0 2em 2em;
    justify-content: space-around
  }
}

.channel-change__content__top__text {
  color: #0e3368;
  font-size: 1.495em;
  font-weight: 400;
  line-height: 30px;
  text-align: center
}

.channel-change__content__bottom {
  width: 100%;
  height: 30vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  padding: 2em
}

.channel-change__content__bottom__text {
  color: #0e3368;
  font-family: Ubuntu, sans-serif;
  font-size: 1.15em;
  font-weight: 700;
  text-align: center;
  padding: 0 1em
}

.channel-change__content__button {
  width: 100%;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 2.5em
}

.channel-change__content__button__text {
  margin: 0 0 0 1em;
  font-weight: 700
}

.channel-change__content__button__image {
  margin: 0 0 0 1em;
  width: 2em;
  height: 80%;
  color: #fff
}

.channel-delivery {
  width: 100%
}

.channel-delivery__text {
  color: #0e3368;
  font-weight: 700
}

.channel-delivery__next-date {
  position: relative;
  color: #575757;
  font-size: .875rem;
  font-weight: 700;
  padding-left: 16.6px;
  margin: 0
}

.channel-delivery__next-date:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #4ccd8a;
  border-radius: 5px;
  position: absolute;
  left: 0;
  bottom: 7px
}

.channel-delivery__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: .5em 0 1em
}

.channel-delivery__bottom__button {
  width: 60%;
  background-color: transparent;
  height: 3em
}

.channel-drive {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  padding-bottom: 1em
}

.channel-drive__logo-part,
.channel-drive__title {
  display: inline-flex;
  align-items: center
}

.channel-drive__title {
  width: 100%;
  justify-content: space-between
}

.channel-drive__name {
  color: #0e3368;
  font-weight: 700;
  font-size: 1rem;
  position: relative
}

.channel-drive__address {
  font-size: 1rem;
  color: #575757
}

.channel-drive__distance {
  color: #0e3368;
  font-weight: 600
}

.channel-drive__next-date {
  position: relative;
  color: #575757;
  font-size: .875rem;
  font-weight: 700;
  padding-left: 1em;
  margin: 0 0 .5em
}

.channel-drive__next-date:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #4ccd8a;
  border-radius: 5px;
  position: absolute;
  left: 0;
  bottom: 7px
}

.channel-drive__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0
}

.channel-drive__bottom__section {
  width: 100%
}

.channel-drive__bottom__section__item {
  font-size: 1rem;
  width: 100%
}

.channel-drive__bottom__section__drive-types {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  width: 100%;
  margin: 0
}

.channel-drive__bottom__button {
  width: 60%;
  background-color: transparent;
  height: 3em
}

.channel-head {
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  width: 100vw;
  padding: 0;
  cursor: pointer;
  height: 2.8125rem
}

@media (min-width: 37.5em) {
  .channel-head {
    max-width: 35em
  }
}

@media (min-width: 64em) {
  .channel-head {
    padding: 0 2em;
    height: 3.125rem
  }
}

.channel-head__left-content {
  display: none;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 1em
}

@media (min-width: 64em) {
  .channel-head__left-content {
    display: flex;
    margin: 0 .5em 0 0
  }
}

.channel-head__left-content__selector--delivery {
  height: 100%;
  display: inline-block;
  width: 40px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M0 0h40v40H0z'/%3E%3Ccircle class='a' cx='10.511' cy='25.712' r='2.311'/%3E%3Ccircle class='a' cx='28.463' cy='25.712' r='2.311'/%3E%3Cpath d='M36.914 21.965c-.58-3.131-6.38-5.339-7.808-5.837a14.023 14.023 0 0 0-6.79-5.19 23.909 23.909 0 0 0-10.536-.342c.048.186.11.367.14.56a6.027 6.027 0 0 1 .08.931 22.41 22.41 0 0 1 9.898.29 12.746 12.746 0 0 1 6.091 4.78.754.754 0 0 0 .399.31c2.54.843 6.702 2.883 7.047 4.75a5.438 5.438 0 0 1-.569 3.41c-.633.014-1.53.024-2.597.031a3.806 3.806 0 0 0-7.612.01c-3.41-.006-7.098-.02-10.343-.036a3.802 3.802 0 0 0-7.602-.043l-1.499-.01c-.19-.027-.729-.566-.709-2.628a13.969 13.969 0 0 1 .776-4.91 6.188 6.188 0 0 1-.458-.068 5.955 5.955 0 0 1-1.014-.3 15.455 15.455 0 0 0-.804 5.29c-.017 1.747.332 2.966 1.036 3.623a1.639 1.639 0 0 0 1.164.492l1.763.012a3.8 3.8 0 0 0 7.075.04c3.4.017 7.319.033 10.902.038a3.806 3.806 0 0 0 7.04-.008c1.35-.008 2.444-.02 3.143-.04a1.126 1.126 0 0 0 .835-.46 6.582 6.582 0 0 0 .952-4.695zM10.51 28.023a2.311 2.311 0 1 1 2.31-2.31 2.311 2.311 0 0 1-2.31 2.31zm17.952 0a2.311 2.311 0 1 1 2.311-2.31 2.311 2.311 0 0 1-2.31 2.31z' fill='%230970e6'/%3E%3Cpath d='M12 12.087a6.027 6.027 0 0 0-.08-.932c-.03-.192-.092-.373-.14-.56a5.976 5.976 0 1 0-6.958 7.378c.15.03.304.05.458.068a5.938 5.938 0 0 0 .72.049c.133 0 .263-.012.394-.02a5.996 5.996 0 0 0 5.575-5.377c.02-.198.031-.4.031-.603zm-4.238 2.359a.5.5 0 0 1-.41.214.506.506 0 0 1-.215-.068c-.023-.011-.05-.007-.071-.022l-.332-.232-.841-.586-.516-.36c-.01-.007-.015-.018-.025-.026a.513.513 0 0 1-.18-.33.472.472 0 0 1-.01-.054V9.077a.5.5 0 0 1 1 0v3.643l.353.246.828.578.295.205a.482.482 0 0 1 .093.097.494.494 0 0 1 .031.6z' fill='%234ccd8a'/%3E%3C/svg%3E") no-repeat 50%;
  background-size: contain
}

.channel-head__left-content__selector--pickup {
  height: 100%;
  display: inline-block;
  width: 40px;
  cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='none' d='M0 0h40v40H0z'/%3E%3Cpath d='M36.914 21.965c-.58-3.131-6.38-5.339-7.808-5.837a14.023 14.023 0 0 0-6.79-5.19 23.529 23.529 0 0 0-14.666.865.738.738 0 0 0-.224.156 14.751 14.751 0 0 0-4.422 11.005c-.017 1.746.332 2.965 1.036 3.622a1.639 1.639 0 0 0 1.164.492l1.763.012a3.8 3.8 0 0 0 7.075.04c3.4.017 7.319.033 10.902.038a3.806 3.806 0 0 0 7.04-.008c1.35-.008 2.444-.02 3.143-.04a1.126 1.126 0 0 0 .835-.46 6.582 6.582 0 0 0 .952-4.695zM10.51 28.023a2.311 2.311 0 1 1 2.31-2.31 2.311 2.311 0 0 1-2.31 2.31zm17.952 0a2.311 2.311 0 1 1 2.311-2.31 2.311 2.311 0 0 1-2.31 2.31zm6.403-2.396c-.633.014-1.53.024-2.597.031a3.806 3.806 0 0 0-7.612.01c-3.41-.006-7.098-.02-10.343-.036a3.802 3.802 0 0 0-7.602-.043l-1.499-.01c-.19-.027-.729-.566-.709-2.628a13.323 13.323 0 0 1 3.888-9.835 22.42 22.42 0 0 1 13.506-.739 12.746 12.746 0 0 1 6.091 4.779.753.753 0 0 0 .399.312c2.54.842 6.701 2.882 7.047 4.749a5.438 5.438 0 0 1-.569 3.41z' fill='%230970e6'/%3E%3C/svg%3E") no-repeat 50%;
  background-size: contain
}

.channel-head__right-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 100%;
  height: 100%;
  flex: auto
}

.channel-head__right-content__title {
  color: #575757;
  margin: 0;
  font-weight: 300;
  font-size: .83333em;
  width: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 43px 0 1.25rem
}

@media (min-width: 64em) {
  .channel-head__right-content__title {
    max-width: none;
    padding: 0
  }
}

.channel-head__right-content__title:after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: -2px 0 -2px 5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230970e6' d='M20.2 9.2c-.5-.5-1.2-.5-1.7 0L12.6 15 6.8 9.2c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l6.6 6.6c.2.2.5.3.8.3.3 0 .6-.1.8-.3l6.6-6.6c.7-.5.7-1.3.3-1.7z'/%3E%3C/svg%3E") no-repeat 50%;
  background-size: contain
}

@media (max-width: 37.5em) {
  .channel-head__right-content__title:after {
    position: absolute;
    top: 1rem;
    right: 1.25rem;
    transform: translateX(-3px)
  }
}

.channel-head__right-content__title--open:after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230970e6' d='M5 17.4c.5.5 1.2.5 1.7 0l5.9-5.8 5.8 5.8c.5.5 1.2.5 1.7 0s.5-1.2 0-1.7l-6.6-6.6c-.2-.2-.5-.3-.8-.3-.3 0-.6.1-.8.3l-6.6 6.6c-.7.5-.7 1.3-.3 1.7z'/%3E%3C/svg%3E") no-repeat 50%
}

.channel-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.channel-list__content {
  width: 100%;
  border-radius: 30px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly
}

.channel-list__content__delivery {
  width: 100%;
  background-color: #f5f4f2;
  padding: 0 2em;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px
}

.channel-list__content__drive {
  width: 100%;
  padding: 0 2em
}

.channel-list__content__drive__list {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none
}

.channel-list__content__drive__item {
  margin: auto
}

.channel-list__content__err {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2em
}

.channel-list__content__err__title {
  font-weight: 700
}

.channel-list__content__err__text {
  margin: 0;
  color: #575757
}

.channel-list__content__more-choice {
  background-color: #c4efff
}

.channel-list__content__bottom {
  padding: 2em;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.channel-list__content__bottom__link {
  padding-left: 1em;
  cursor: pointer
}

.channel-list-header {
  display: inline-flex;
  width: 100%;
  margin: 1em 0
}

.channel-list-header__left-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 4em
}

.channel-list-header__left-content__icon {
  width: 3em;
  margin: 0;
  padding: 0
}

.channel-list-header__divider {
  margin: 0 5%;
  border-left: 1px solid #0e3368
}

.channel-list-header__right-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  height: 4em
}

.channel-list-header__right-content__icon {
  width: 80%;
  margin: 0
}

.channel-list-header__right-content__title {
  color: #0e3368;
  font-weight: 700;
  margin: 0
}

.channel-locator {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center
}

.channel-locator__content {
  text-align: center;
  width: 100%;
  border-radius: 30px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly
}

.channel-locator__content__top {
  margin-top: .25em;
  padding: 1em;
  display: flex;
  flex-direction: column;
  color: #0e3368;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px
}

@media (min-width: 37.5em) {
  .channel-locator__content__top {
    padding: 1em 2em
  }
}

.channel-locator__content__top__description {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly
}

.channel-locator__content__top__description__text {
  font-family: Ubuntu, sans-serif;
  font-size: 1.15em;
  font-weight: 700
}

.channel-locator__content__top__description__text--hidden {
  visibility: hidden
}

.channel-locator__content__top__description__text--big {
  font-family: Ubuntu, sans-serif;
  margin-bottom: 1em;
  font-size: 1.38em;
  font-weight: 100;
  line-height: 30px
}

.channel-locator__content__top__locator {
  width: 100%
}

.channel-locator__content__top__locator--padding {
  padding-bottom: 2em
}

.channel-locator__content__bottom {
  padding: 0 20px 2em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

@media (min-width: 37.5em) {
  .channel-locator__content__bottom {
    padding: .5em 2em 2em
  }
}

.channel-locator__content__bottom__link {
  padding-left: 1em;
  cursor: pointer
}

.channel-login {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%
}

.channel-login__text {
  color: #0e3368;
  font-weight: 700;
  font-size: 1em;
  margin-top: .5em
}

.channel-login__button {
  width: 80%
}

p + .channel-login__button.a-button,
p + .channel-login__buttona.button {
  margin-top: 1em
}

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 5.9375rem;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  flex-direction: column;
  transition: opacity .3s ease
}

@media (min-width: 64em) {
  .modal-mask {
    top: 8.575rem
  }
}

.modal-mask__wrapper {
  position: relative;
  top: -2.8125rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-height: calc(90vh - 5.45rem);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  padding: 0;
  background-color: #fff
}

.modal-mask__wrapper--noRadius {
  border-radius: 0
}

@media (min-width: 37.5em) {
  .modal-mask__wrapper {
    width: 25em;
    margin: 0
  }
}

@media (max-width: 320px) {
  .modal-mask__wrapper {
    margin-bottom: 20%
  }
}

@media (min-width: 64em) {
  .modal-mask__wrapper {
    top: -3.125rem;
    max-height: calc(100vh - 5.45rem)
  }
}

.modal-mask__wrapper__shadow-box {
  display: none;
  transition: opacity .5s ease-out;
  opacity: 0
}

.modal-mask__wrapper__shadow-box--show {
  opacity: 1;
  display: block;
  background: linear-gradient(0deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, .1) 15%, rgba(0, 0, 0, .08) 35%, rgba(0, 0, 0, .06) 55%, rgba(0, 0, 0, .04) 75%, hsla(0, 0%, 100%, .02));
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5em;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px
}

.modal-mask__container {
  width: 100%;
  height: 100%;
  transition: all .3s ease;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

@media (pointer: coarse) and (hover: none) {
  .modal-mask__container {
    display: block
  }
}

@media (min-height: 500px) {
  .modal-mask__container--show-overflow {
    overflow: visible
  }
}

.modal-mask__container__body {
  max-height: calc(90vh - 5.45rem - 3.6em);
  height: 100%;
  border-radius: 30px;
  overflow-y: auto
}

@media (min-width: 64em) {
  .modal-mask__container__body {
    max-height: calc(100vh - 5.45rem)
  }
}

.modal-mask__container__body--show-overflow {
  overflow: visible
}

.modal-mask__container__body--hide-overflow {
  overflow: hidden
}

.modal-mask__container__body::-webkit-scrollbar {
  display: none
}

.modal-mask .modal-enter,
.modal-mask .modal-leave-active {
  opacity: 0
}

.modal-mask .modal-container,
.modal-mask .modal-enter,
.modal-mask .modal-leave-active {
  transform: scale(1)
}

.channel-more-choice {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 1em 2em
}

.channel-more-choice__text {
  color: #0e3368;
  text-align: center;
  line-height: 30px;
  font-weight: 700
}

.channel-more-choice__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1em 0
}

.channel-more-choice__bottom__button {
  width: 100%;
  border-color: #c4efff;
  height: 3.2em;
  font-size: 1em;
  border-radius: 30px
}

.channel-nav {
  position: relative;
  display: flex;
  flex-direction: column;
  height: inherit;
  margin: 0
}

.channel-nav__inactive {
  cursor: none
}

.channel-nav__active {
  height: 100%;
  padding-left: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.channel-nav-title {
  color: #575757;
  margin: 0;
  font-weight: 300;
  font-size: 1em;
  width: inherit
}

.channel-nav__loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px
}

.channel-nav__loader,
.channel-nav__modal__title {
  display: flex;
  justify-content: center;
  align-items: center
}

.channel-nav__modal__title {
  color: #0e3368;
  padding: 1em;
  font-weight: 400;
  text-align: center
}

.channel-nav-link {
  color: #575757;
  margin: 0;
  font-size: .9em;
  cursor: pointer
}

.channel-nav-link:hover {
  color: #929292
}

.channel-nav-link:visited {
  color: #575757
}

.channel-no-product__content {
  display: flex;
  border-radius: 30px;
  padding: 3rem 1.5rem;
  background-color: #fff;
  color: #575757;
  flex-direction: column;
  align-items: center
}

.channel-no-product__picture-wrapper {
  display: block;
  margin-bottom: 3rem;
  color: #db3832;
  text-align: center
}

.channel-no-product__picture {
  display: block;
  margin: 0 auto .5em;
  width: 6.25em
}

.channel-no-product__caption {
  display: block;
  font-weight: 700
}

.channel-no-product__text {
  margin-bottom: 3rem;
  width: 100%;
  text-align: center
}

.channel-no-product__button {
  margin-bottom: 1.5rem;
  width: 100%
}

.channel-store-search {
  padding: 0 20px;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  margin: 0
}

@media (min-width: 70em) {
  .channel-store-search {
    flex-direction: row
  }
}

.channel-store-search--inverted {
  margin: 20px 0;
  height: 100%;
  flex-direction: column-reverse;
  justify-content: space-around;
  align-items: center
}

.channel-store-search__autosuggest {
  width: 100%
}

@media (min-width: 37.5em) {
  .channel-store-search__autosuggest {
    max-width: 300px
  }
}

@media (min-width: 64em) {
  .channel-store-search__autosuggest {
    min-width: 200px
  }
}

.channel-store-search__autosuggest--large {
  width: 100%;
  max-width: 100%
}

@media (min-width: 64em) {
  .channel-store-search__autosuggest--large {
    width: 100%;
    max-width: auto
  }
}

.channel-store-search__option-lbl {
  width: 100%;
  text-align: center;
  font-size: .875rem;
  margin: 1em 0
}

@media (min-width: 37.5em) {
  .channel-store-search__option-lbl {
    margin: 9px 0;
    width: 100px
  }
}

.channel-store-search__option-lbl--size {
  margin: 1em 0;
  font-size: 1em
}

@media (min-width: 64em) {
  .channel-store-search__option-lbl--size {
    margin: 9px 0
  }
}

.channel-store-search__geolocate {
  position: relative;
  width: 100%
}

@media (min-width: 37.5em) {
  .channel-store-search__geolocate {
    max-width: 300px
  }
}

@media (min-width: 64em) {
  .channel-store-search__geolocate {
    min-width: 200px
  }
}

.channel-store-search__geolocate-btn {
  width: 100%;
  text-align: center;
  align-items: center;
  padding: 0 2.5em
}

.channel-store-search__geolocate-btn--large {
  width: 100%
}

.channel-store-search__geolocate-btn__content {
  display: inline-flex;
  justify-content: space-around;
  align-items: center
}

.channel-store-search__geolocate-btn__text {
  color: #fff;
  margin: 0 0 0 1em;
  font-weight: 700
}

.channel-store-search__geolocate-btn__image {
  margin: 0 0 0 1em;
  width: 2em;
  height: 80%;
  color: #fff;
  margin-left: 1em
}

.channel-store-search__geolocate__err {
  background: #0e3368;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  top: 135%;
  left: 0;
  padding: 10px 20px;
  font-size: .875rem;
  line-height: 143%
}

@media (min-width: 37.5em) {
  .channel-store-search__geolocate__err {
    left: -50px;
    width: 300px
  }
}

@media (min-width: 64em) {
  .channel-store-search__geolocate__err {
    padding: 10px;
    width: 350px;
    top: -10px;
    left: 110%
  }
}

.channel-store-search__geolocate__err:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -7px;
  left: 15%;
  border-bottom: 7px solid #0e3368;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent
}

@media (min-width: 37.5em) {
  .channel-store-search__geolocate__err:before {
    left: 45%
  }
}

@media (min-width: 64em) {
  .channel-store-search__geolocate__err:before {
    left: -14px;
    top: 16px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #0e3368
  }
}

.channel-store-search__geolocate__err-wrap {
  position: relative
}

.channel-store-search .autosuggest .autosuggest__listitem {
  padding: .75rem .7875rem;
  margin: 0;
  cursor: pointer;
  text-align: left
}

.channel-store-search .autosuggest .autosuggest__listitem--active,
.channel-store-search .autosuggest .autosuggest__listitem:hover {
  color: #fff;
  background: #0e3368
}

.channel-store-search .autosuggest .autosuggest__listitem__match {
  font-weight: 700
}

.channel-substitute__content {
  display: flex;
  border-radius: 30px;
  padding: 3rem 1.5rem;
  background-color: #fff;
  color: #575757;
  flex-direction: column;
  align-items: center
}

.channel-substitute__picture-wrapper {
  display: block;
  margin-bottom: 3rem;
  color: #db3832;
  text-align: center
}

.channel-substitute__picture {
  display: block;
  margin: 0 auto .5em;
  width: 6.25em
}

.channel-substitute__products {
  display: flex;
  margin-bottom: 1em;
  justify-content: space-around
}

.channel-substitute__products-count {
  display: flex;
  padding: 0 1.5rem;
  color: #0e3368;
  text-align: center;
  flex-direction: column
}

.channel-substitute__products-number {
  display: block;
  font-size: 2.48832em;
  line-height: 1
}

.channel-substitute__products-number-box {
  position: relative;
  display: inline-block
}

.channel-substitute__products-number-icon {
  position: absolute;
  bottom: 100%;
  left: 100%;
  display: flex;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, 50%)
}

.channel-substitute__products-number-icon:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  height: 1rem;
  transform: translate(-50%, -.875rem)
}

.channel-substitute__products-number-icon--negative {
  background-color: #db3832
}

.channel-substitute__products-number-icon--negative:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M21.8 5.6c-.5-.5-1.2-.5-1.7 0L9.7 16l-5.8-5.8c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l6.6 6.6c.2.2.5.3.8.3.3 0 .6-.1.8-.3L21.8 7.3c.5-.5.5-1.3 0-1.7z'/%3E%3C/svg%3E")
}

.channel-substitute__products-number-icon--positive {
  background-color: #4ccd8a
}

.channel-substitute__products-number-icon--positive:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M21.8 5.6c-.5-.5-1.2-.5-1.7 0L9.7 16l-5.8-5.8c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l6.6 6.6c.2.2.5.3.8.3.3 0 .6-.1.8-.3L21.8 7.3c.5-.5.5-1.3 0-1.7z'/%3E%3C/svg%3E")
}

.channel-substitute__products-number-digit {
  position: relative
}

.channel-substitute__products-status {
  display: block
}

.channel-substitute__text {
  margin-bottom: 1em;
  width: 100%;
  text-align: center
}

.channel-substitute__button {
  margin-bottom: 1.5rem;
  width: 100%
}

.time-slot fieldset {
  border: 0;
  margin: 0
}

.time-slot legend {
  display: block;
  text-indent: -9999px;
  height: 0;
  overflow: hidden
}

.time-slot .accessible-hide {
  text-indent: -9999px;
  display: block;
  height: 0
}

.time-slot .accessible-hide,
.time-slot__full {
  position: fixed;
  left: 0;
  transition: all .3s ease-in-out
}

.time-slot__full {
  height: 100%;
  width: 100%;
  overflow: hidden;
  transform: scaleY(0);
  opacity: 0;
  transform-origin: top
}

@media (min-width: 50em) {
  .time-slot__full {
    padding: 0;
    max-width: 480px;
    width: auto
  }
}

.open .time-slot__full {
  display: flex;
  flex-direction: column;
  height: 100%;
  transform: scaleY(1);
  opacity: 0
}

.time-slot__full-container {
  background-color: #f5f4f2;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  height: 100%
}

.time-slot__days {
  background-color: #f5f4f2;
  padding: 1em 0 1em 1em;
  border-radius: 15px 15px 0 0
}

.time-slot__days__top {
  height: 4em;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem
}

.time-slot__days__top__buttons {
  height: 100%;
  width: 30%;
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center
}

@media (max-width: 320px) {
  .time-slot__days__top__buttons {
    width: 35%
  }
}

.time-slot__days-tabslist {
  display: flex;
  list-style: none;
  margin: 0;
  overflow: hidden;
  margin-bottom: 10px
}

@media (min-width: 50em) {
  .time-slot__days-tabslist {
    margin-bottom: 20px
  }
}

.time-slot__days-title {
  font-size: 1.5em;
  font-weight: 200
}

.time-slot__days-tabs {
  overflow-x: scroll
}

.time-slot__days-tabs::-webkit-scrollbar {
  display: none
}

.time-slot__days-daylist {
  width: 30%;
  list-style: none;
  padding: .5% 1%;
  margin: 0 .2%;
  background-color: #c4efff;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #e5e5e5
}

.time-slot__days-daylist:first-child {
  margin-left: 0
}

.time-slot__days-daylist.highlighted {
  background-color: #0e3368;
  color: #fff
}

.time-slot__days-daylist.highlighted--eachday {
  color: #fff
}

.time-slot__days--eachday {
  white-space: nowrap;
  font-size: 14px;
  color: #0e3368;
  font-weight: 700;
  height: 2.5em;
  display: flex;
  justify-content: center;
  align-items: center
}

@media (min-width: 50em) {
  .time-slot__days--eachday {
    font-size: 16px
  }
}

.highlighted .time-slot__days--eachday {
  color: #c4efff
}

.time-slot-form {
  padding: 0;
  margin: 0;
  max-height: calc(50vh - 8em);
  display: flex;
  flex-direction: column
}

@media (min-width: 50em) {
  .time-slot-form {
    max-height: 58vh
  }
}

.time-slot__fieldset::-webkit-scrollbar {
  display: none
}

.time-slot__slots {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #0e3368;
  background-color: #fff;
  padding: .5em 1em
}

@media (min-width: 50em) {
  .time-slot__slots {
    padding: 15px 15px 0
  }
}

.time-slot__slots::-webkit-scrollbar {
  display: none
}

.time-slot__slots .selected {
  background-color: #0e3368;
  color: #fff
}

.time-slot__slots .selected .time-slots-days--eachday {
  color: #fff
}

.time-slot__slots-title {
  padding-bottom: 10px
}

.time-slot__cells,
.time-slot__slots-container {
  display: flex;
  flex-direction: column
}

.time-slot__cells {
  margin: 0
}

.time-slot__cells::-webkit-scrollbar {
  display: none
}

.time-slot__cells-container {
  margin: 0;
  padding: 0 0 .5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  overflow: hidden;
  list-style: none
}

.time-slot__cells--eachday {
  padding: 0;
  margin: 0;
  list-style: none;
  display: none;
  width: 100%;
  max-height: 60%
}

@media (min-width: 37.5em) {
  .time-slot__cells--eachday {
    max-height: 100%
  }

  .time-slot__cells--eachday::-webkit-scrollbar {
    display: none
  }
}

.time-slot__cells--eachday.preselected {
  display: block
}

.time-slot__cells-listitem {
  flex: 1 1 31.7%;
  max-width: 31.7%;
  margin: .17em
}

@media (max-width: 320px) {
  .time-slot__cells-listitem {
    max-width: 31.5%
  }
}

.time-slot__cells .cell {
  text-align: center;
  white-space: nowrap;
  transition: all .4s ease-out;
  padding: .8em;
  display: block;
  cursor: pointer;
  background-color: #c4efff;
  border: 1px solid #c4efff;
  border-radius: 5px;
  font-size: 12px;
  min-height: 3.5em
}

@media (max-width: 320px) {
  .time-slot__cells .cell {
    padding: .8em 0
  }
}

@media (min-width: 50em) {
  .time-slot__cells .cell {
    font-size: 14px
  }
}

.time-slot__cells .cell--selected {
  background-color: #0e3368;
  border-color: #0e3368;
  color: #c4efff
}

.time-slot__cells .cell.unavailable {
  background-color: #fff;
  color: #929292;
  border: 1px solid #929292
}

.time-slot__cells .cell-action {
  display: none
}

.time-slot__cells .cell-action:checked + label {
  background-color: #0e3368;
  color: #fff
}

.time-slot__cells .cell-fees,
.time-slot__cells .cell-hours {
  display: block;
  font-style: normal;
  line-height: 1.2em
}

.time-slot__cells .cell-fees {
  font-weight: 400
}

.time-slot__mask {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background-color: #fff
}

@media (min-width: 50em) {
  .time-slot__mask {
    flex: 1 1 35vh
  }
}

@media (min-width: 50em) and (max-height: 668px) {
  .time-slot__mask {
    min-height: 20vh;
    flex: 1 1 20vh
  }
}

.time-slot__shadow-box {
  display: none;
  transition: all .2s ease-out;
  transform: scale(0)
}

.time-slot__shadow-box--show {
  display: flex;
  justify-content: center;
  background: linear-gradient(0deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, .1) 15%, rgba(0, 0, 0, .08) 35%, rgba(0, 0, 0, .06) 55%, rgba(0, 0, 0, .04) 75%, hsla(0, 0%, 100%, .02));
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5em;
  transform: scale(1)
}

.time-slot__action-container {
  background-color: #fff;
  padding: 15px;
  border-radius: 0 0 15px 15px;
  text-align: center
}

.time-slot__action-container__connect-info {
  color: #929292;
  font-size: 1em;
  padding: 10px
}

.time-slot__action--cta {
  width: 100%
}

.time-slot__action--cta.disabled {
  pointer-events: none;
  background-color: #e5e5e5;
  color: #575757
}

.time-slot__customs__button {
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
  box-shadow: 0 0 5px 5px #e5e5e5;
  color: #0e3368;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-color: transparent;
  outline: none
}

.time-slot__customs__button--disabled {
  pointer-events: none;
  background-color: #e5e5e5;
  color: #575757
}

.time-slot__customs__button__image {
  margin: 0;
  width: 20px;
  height: 20px
}

.time-slot__customs__button__image--previous {
  transform: rotate(180deg)
}

.time-slot-bottom {
  position: absolute;
  bottom: -.6em;
  background-color: #fff;
  left: calc(50% - .75em);
  display: none;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%
}

.time-slot-bottom--show {
  display: flex
}

.time-slot-bottom__arrow {
  width: 50%;
  height: 50%;
  border-left: 2px solid;
  border-top: 2px solid;
  transform: rotate(-135deg) scale(.8);
  transition: all .5s ease-in-out;
  color: #575757
}

.colophon {
  display: block;
  background-color: #0e3368;
  color: #fff
}

.colophon img {
  margin-bottom: 0
}

.colophon .sub-title {
  margin: .5em 1.5rem;
  margin-left: 0;
  color: inherit
}

.colophon .link {
  color: inherit
}

.colophon .mini-push {
  border-bottom: .0625rem solid hsla(0, 0%, 100%, .125);
  background-color: inherit;
  color: inherit
}

@media (min-width: 37.5em) {
  .colophon .mini-push {
    display: none
  }
}

.colophon__wrapper {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  max-width: 77.5rem;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

.colophon__main-links {
  display: flex;
  margin: 1.5rem;
  flex-basis: 100%;
  flex-wrap: wrap;
  justify-content: inherit
}

.colophon__main-links .link {
  font-size: 1rem;
  font-weight: 400
}

.colophon__main-links .links-list {
  margin-bottom: 1.5rem;
  padding-right: 1.5rem;
  min-width: 15.625rem;
  flex: 1 1 50%
}

@media (min-width: 64em) {
  .colophon__main-links .links-list {
    min-width: 0;
    flex-basis: 25%
  }
}

.colophon__secondary-links {
  display: flex;
  padding: 1.5rem;
  background-color: #095ba5;
  flex-basis: 100%;
  flex-wrap: wrap;
  justify-content: center
}

.colophon__secondary-links .links-list {
  width: 100%;
  max-width: 77.5rem
}

@media (min-width: 37.5em) {
  .colophon__secondary-links {
    padding-top: .5em;
    padding-bottom: .5em
  }

  .colophon__secondary-links .links-list {
    text-align: center
  }

  .colophon__secondary-links .links-list__items li {
    display: inline-block;
    padding: 0 .5em
  }

  .colophon__secondary-links .links-list__items li + li {
    margin-top: 0
  }
}

.colophon__social-box {
  display: flex;
  margin: 1.5rem;
  flex-wrap: wrap;
  align-items: center
}

.colophon__social-box .social-links a .svg {
  max-width: 1.875rem
}

.hero {
  height: 120px;
  background-color: #ee5c6f;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center
}

.hero h1 {
  font-size: 1.728em;
  color: #fff;
  background: #db3832;
  margin: 0;
  padding: .5em;
  display: block
}

.main-navigation {
  overflow: auto;
  font-family: Ubuntu, sans-serif
}

.main-navigation,
.main-navigation:before {
  display: block;
  height: 100%;
  background-color: #fff
}

.main-navigation:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  content: ""
}

.main-navigation__groups {
  display: flex;
  flex-wrap: wrap
}

@media (min-width: 64em) {
  .main-navigation__groups {
    margin-left: 1.25vw;
    height: inherit
  }
}

.main-navigation__group {
  border-top: .0625rem solid #f5f4f2;
  height: inherit;
  flex: 1 1 12.00625rem
}

@media (min-width: 64em) {
  .main-navigation__group {
    border-top-width: 0;
    flex-basis: auto
  }
}

.main-navigation__items {
  display: flex;
  margin: 0;
  flex-wrap: wrap
}

@media (min-width: 64em) {
  .main-navigation__items {
    display: inline-flex;
    flex-direction: column;
    max-height: 21.875rem
  }
}

.main-navigation__item {
  display: block;
  margin: 0;
  min-width: 15rem;
  flex: 1 1 50%
}

@media (min-width: 64em) {
  .main-navigation__item {
    width: 25vw;
    max-width: 25vw;
    flex: 0 1 auto
  }
}

.main-navigation__link {
  position: relative;
  display: block;
  padding: .75rem 1.5rem;
  color: #0970e6;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .3s ease-in, color .3s ease-in
}

.main-navigation__link b {
  font-weight: 300
}

.main-navigation__link-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.main-navigation__link-wrapper:after {
  display: block;
  margin-left: 1rem;
  width: 1rem;
  min-width: 1rem;
  max-width: 1rem;
  content: ""
}

.main-navigation__link-label {
  flex: auto
}

.main-navigation__link-icon {
  display: block;
  width: 2.5rem;
  min-width: 2.5rem;
  max-width: 2.5rem;
  flex: auto
}

.main-navigation__link-icon .svg {
  display: block;
  width: 1.5rem;
  height: 1.5rem
}

.main-navigation__link-icon .svg_shape {
  fill: #0970e6
}

.main-navigation__link-icon--account {
  position: relative
}

.main-navigation__link-icon--account:before {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='%23fff'%3E%3Cpath d='M55.59 48.8H23.77a8.53 8.53 0 0 0-8.52 8.52v12.92a1.5 1.5 0 0 0 1.5 1.5h45.86a1.5 1.5 0 0 0 1.5-1.5V57.33a8.53 8.53 0 0 0-8.52-8.53zm5.52 19.94H18.25V57.33a5.53 5.53 0 0 1 5.52-5.52h31.82a5.53 5.53 0 0 1 5.52 5.52zM41.18 44.15a17.36 17.36 0 1 0-17.26-17.37 17.34 17.34 0 0 0 17.26 17.37zm0-31.73a14.36 14.36 0 1 1-14.26 14.36 14.33 14.33 0 0 1 14.26-14.36z'/%3E%3C/g%3E%3C/svg%3E")
}

.main-navigation__link-icon--account-logged-in:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
  background-color: #4ccd8a;
  content: "";
  transform: translate(-50%, 75%)
}

.main-navigation__link--has-panel {
  transition: color .2s ease-in-out
}

.main-navigation__link--has-panel:focus,
.main-navigation__link--has-panel:hover {
  color: #095ba5
}

.main-navigation__link--has-panel .main-navigation__link-wrapper:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230970e6' d='M8.5 4.7c-.5.5-.5 1.2 0 1.7l5.8 5.9-5.8 5.8c-.5.5-.5 1.2 0 1.7s1.2.5 1.7 0l6.6-6.6c.2-.2.3-.5.3-.8 0-.3-.1-.6-.3-.8L10.2 5c-.5-.7-1.3-.7-1.7-.3z'/%3E%3C/svg%3E")
}

@media (min-width: 64em) {
  .main-navigation__link--has-panel .main-navigation__link-wrapper:after {
    display: none
  }
}

.main-navigation__link--external .main-navigation__link-wrapper {
  justify-content: flex-start
}

.main-navigation__link--external .main-navigation__link-wrapper:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath fill='%230970e6' fill-rule='evenodd' d='M10.603.295a1.008 1.008 0 0 0-.331-.218.979.979 0 0 0-.468-.074h-6.77a1 1 0 0 0-1 1 .997.997 0 0 0 1 1h4.41c.084-.008.154-.007.23-.009L5.143 4.525.283 9.323c-.06.058-.091.131-.132.198a.985.985 0 0 0 .839 1.51c.178 0 .35-.066.509-.162.067-.04.139-.074.198-.132l4.86-4.797 2.338-2.338-.002 4.26a.997.997 0 0 0 1.707.707.998.998 0 0 0 .294-.707l.003-6.859a1 1 0 0 0-.294-.708'/%3E%3C/svg%3E")
}

.main-navigation__link--external .main-navigation__link-label {
  flex-grow: 0
}

@media (min-width: 64em) {
  .main-navigation__link--back {
    padding: 0
  }
}

.main-navigation__link--back .main-navigation__link-wrapper:before {
  display: block;
  margin-right: .75rem;
  width: 1.25rem;
  height: 1.25rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230970e6' d='M16.7 19.9c.5-.5.5-1.2 0-1.7l-5.8-5.9 5.8-5.8c.5-.5.5-1.2 0-1.7s-1.2-.5-1.7 0l-6.6 6.6c-.2.2-.3.5-.3.8 0 .3.1.6.3.8l6.6 6.6c.5.7 1.3.7 1.7.3z'/%3E%3C/svg%3E")
}

.main-navigation__link--back .main-navigation__link-label {
  text-transform: uppercase
}

@media (min-width: 64em) {
  .main-navigation__link--back .main-navigation__link-label {
    font-size: .83333em
  }
}

.main-navigation__link--focus,
.main-navigation__link--focus:visited {
  color: #db3832
}

.main-navigation__link--focus .main-navigation__link-wrapper:before {
  display: block;
  margin-right: 1rem;
  width: 1.1rem;
  max-width: 1.5rem;
  max-height: 1.5rem
}

.main-navigation__link--focus.main-navigation__link--promotion .main-navigation__link-wrapper:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.5 22.499'%3E%3Cpath fill='%23db3832' d='M22.917 10.08l-2.275-1.72.83-2.729A1.467 1.467 0 0 0 20.1 3.737l-2.851-.051-.93-2.7a1.468 1.468 0 0 0-2.232-.721L11.75 1.9 9.413.265a1.468 1.468 0 0 0-2.228.723l-.93 2.7-2.855.049a1.468 1.468 0 0 0-1.373 1.894l.83 2.729-2.274 1.719a1.467 1.467 0 0 0 0 2.341l2.274 1.719-.83 2.729A1.468 1.468 0 0 0 3.4 18.762l2.851.052.93 2.7a1.469 1.469 0 0 0 2.228.725L11.75 20.6l2.339 1.637a1.467 1.467 0 0 0 2.226-.726l.93-2.7 2.851-.053a1.466 1.466 0 0 0 1.376-1.893l-.83-2.729 2.276-1.72a1.465 1.465 0 0 0 0-2.339zm-3.6 3.178a.75.75 0 0 0-.265.817l1.014 3.186-3.376.062a.749.749 0 0 0-.7.506l-1.05 3.176-2.76-1.936a.752.752 0 0 0-.86 0L8.6 21.021l-1.1-3.192a.749.749 0 0 0-.695-.506l-3.344-.018.982-3.23a.75.75 0 0 0-.265-.817l-2.691-1.982L4.18 9.241a.75.75 0 0 0 .265-.817L3.431 5.237l3.376-.062a.748.748 0 0 0 .695-.5l1.05-3.176 2.768 1.932a.752.752 0 0 0 .86 0l2.72-1.953L16 4.671a.75.75 0 0 0 .7.5l3.345.018-.983 3.23a.75.75 0 0 0 .265.817l2.658 2.009z'/%3E%3Cpath fill='%23db3832' d='M9.068 10.5a1.909 1.909 0 0 0 1.906-1.893 1.907 1.907 0 0 0-1.893-1.92h-.013a1.909 1.909 0 0 0-1.907 1.891A1.91 1.91 0 0 0 9.055 10.5zm-.907-1.915a.909.909 0 0 1 .914-.9.907.907 0 0 1 .9.913.952.952 0 0 1-.912.9.909.909 0 0 1-.902-.913zM12.882 12.308a1.91 1.91 0 0 0-.018 2.7 1.907 1.907 0 1 0 .018-2.7zm1.976 2a.907.907 0 1 1 .009-1.282.908.908 0 0 1-.009 1.285zM15.205 6.742a.5.5 0 0 0-.7.088L8 15.2a.5.5 0 1 0 .789.614l6.508-8.371a.5.5 0 0 0-.092-.701z'/%3E%3C/svg%3E")
}

.main-navigation__link--focus.main-navigation__link--paper-catalogs .main-navigation__link-wrapper:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.482 23.701'%3E%3Cpath fill='%23db3832' d='M15.912 3.7h-.829V1.571a1.57 1.57 0 0 0-2.033-1.5L1.168 3.745a.651.651 0 0 0-.158.073A1.555 1.555 0 0 0 0 5.272v16.859A1.572 1.572 0 0 0 1.57 23.7h14.342a1.571 1.571 0 0 0 1.57-1.57V5.272a1.572 1.572 0 0 0-1.57-1.572zm-2.419-2.2l.09.066V4.2H4.768zm2.419 20.7L1.5 22.131l.066-16.916c.013 0 .021-.011.033-.013h14.313l.07.071z'/%3E%3Cpath fill='%23db3832' d='M6.865 12.481a.055.055 0 0 0 .035.019.036.036 0 0 0 .033-.039.06.06 0 0 0-.019-.039 3.484 3.484 0 0 1-.847-2.3 3.52 3.52 0 0 1 .847-2.311.062.062 0 0 0 .019-.039.036.036 0 0 0-.033-.036.055.055 0 0 0-.038.019L4.775 9.776a.429.429 0 0 0 0 .684zM8.472 12.652c.491 0 .91-.288.911-.524a.2.2 0 0 0-.063-.144.919.919 0 0 1-.325-.648.667.667 0 0 1 .63-.661.674.674 0 0 1 .662.751 1.754 1.754 0 0 1-.357 1 .068.068 0 0 0-.011.034.034.034 0 0 0 .031.038.054.054 0 0 0 .039-.02l2.09-2.021a.428.428 0 0 0 0-.684l-2.09-2.018a.056.056 0 0 0-.039-.021.035.035 0 0 0-.031.039.071.071 0 0 0 .011.034 1.754 1.754 0 0 1 .357 1 .675.675 0 0 1-.662.751.667.667 0 0 1-.63-.661.919.919 0 0 1 .325-.648.2.2 0 0 0 .063-.144c0-.237-.42-.525-.911-.525-.818 0-1.138 1.16-1.138 2.542s.32 2.53 1.138 2.53zM13.044 15.577H4.438a.5.5 0 1 0 0 1h8.606a.5.5 0 0 0 0-1zM13.044 18.651H4.438a.5.5 0 1 0 0 1h8.606a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E")
}

.main-navigation__link--focus.main-navigation__link--current-events .main-navigation__link-wrapper:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 21.713'%3E%3Cpath fill='%23db3832' d='M19.554 1.146h-1.612V.75a.75.75 0 0 0-1.5 0v.4H6.558v-.4a.75.75 0 0 0-1.5 0v.4H3.446A3.45 3.45 0 0 0 0 4.592v13.675a3.45 3.45 0 0 0 3.446 3.446h16.108A3.45 3.45 0 0 0 23 18.267V4.592a3.45 3.45 0 0 0-3.446-3.446zm-16.108 1.5h1.612v1.42a.75.75 0 0 0 1.5 0v-1.42h9.884v1.42a.75.75 0 0 0 1.5 0v-1.42h1.612A1.948 1.948 0 0 1 21.5 4.592v2.229h-20V4.592a1.948 1.948 0 0 1 1.946-1.946zm16.108 17.567H3.446A1.948 1.948 0 0 1 1.5 18.267V7.821h20v10.446a1.948 1.948 0 0 1-1.946 1.946z'/%3E%3C/svg%3E")
}

.main-navigation__link--focus.main-navigation__link--brands .main-navigation__link-wrapper:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23fff' d='M20.7 3.5c-9 .1-16.4 7.4-16.4 16.5v16.5h16.4c9.1.2 16.6-7 16.9-16s-7-16.6-16-16.9c-.3-.1-.6-.1-.9-.1z'/%3E%3Cg fill='%23db3832'%3E%3Cpath d='M28.5 14.1c-2 0-3.6 1.6-3.6 3.6v3.5h2v-3.5c0-.9.7-1.6 1.6-1.6.9 0 1.6.7 1.6 1.6v3.5h2v-3.5c0-2-1.6-3.6-3.6-3.6zM33.8 21.4c-.7 0-1.3.5-1.3 1.2V24h1.4c.7 0 1.2-.6 1.2-1.3-.1-.7-.6-1.3-1.3-1.3zM20.5 21.3c2 0 3.7-1.6 3.7-3.7 0-2-1.6-3.6-3.7-3.6-2 0-3.6 1.6-3.6 3.6 0 2.1 1.6 3.7 3.6 3.7zm0-5.3c.9 0 1.7.8 1.7 1.7 0 .9-.7 1.7-1.7 1.7-.9 0-1.7-.8-1.7-1.7.1-.9.8-1.7 1.7-1.7zM12.7 21.3c2.1 0 3.7-1.6 3.7-3.6S14.8 14 12.7 14h-1.5v-2.4h-2v6.2c0 1.9 1.5 3.5 3.5 3.5zm-1.5-3.6v-1.8h1.5c.9 0 1.7.8 1.7 1.7 0 .9-.7 1.7-1.6 1.7-.9.1-1.6-.7-1.6-1.6zM12.7 21.9c-2 0-3.7 1.6-3.7 3.6s1.6 3.7 3.7 3.7h3.7v-3.6c0-2-1.7-3.7-3.7-3.7zm0 5.3c-.9 0-1.7-.7-1.7-1.7 0-.9.7-1.7 1.7-1.7.9 0 1.7.8 1.7 1.7v1.6h-1.7zM20.9 21.9h-.4c-2 0-3.7 1.6-3.7 3.6v6.1h2v-2.4h1.7c2 .1 3.7-1.4 3.8-3.5.2-1.9-1.4-3.7-3.4-3.8zm1.3 3.7c0 .9-.7 1.7-1.6 1.7h-1.7v-1.6c0-.9.8-1.7 1.7-1.7.9-.1 1.6.6 1.6 1.6zM28.5 21.9c-2 0-3.6 1.6-3.6 3.6v6.1h2v-2.4h1.6c2 0 3.7-1.6 3.7-3.7-.1-1.9-1.7-3.6-3.7-3.6zm-.1 5.3h-1.6v-1.6c0-.9.7-1.6 1.6-1.6s1.6.7 1.6 1.6c.1.9-.7 1.6-1.6 1.6z'/%3E%3C/g%3E%3C/svg%3E")
}

.main-navigation__link--focus .main-navigation__link-icon .svg_shape {
  fill: #db3832
}

.main-navigation__link--secondary {
  border-top: .0625rem solid #fff;
  background-color: #0e3368;
  color: #fff;
  text-transform: uppercase
}

.main-navigation__link--secondary:visited {
  color: #fff
}

.main-navigation__link--secondary .main-navigation__link-icon .svg_shape {
  fill: #fff
}

.main-navigation__link--tab {
  position: relative;
  display: flex;
  padding: 0;
  height: 3.125rem;
  background-color: #fff;
  color: #095ba5;
  text-align: center;
  line-height: 1.125;
  flex-direction: column;
  justify-content: center
}

@media (min-width: 64em) {
  .main-navigation__link--tab {
    padding: 1.5rem 2vw;
    height: inherit;
    text-align: left
  }
}

@media (min-width: 64em) {
  .main-navigation__link--tab:after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 2vw;
    display: block;
    width: 0;
    height: 3px;
    border-radius: 2px;
    background: #0970e6;
    transition: width .2s ease-in-out
  }
}

.main-navigation__link--tab:visited {
  color: #095ba5
}

.main-navigation__link--tab:focus,
.main-navigation__link--tab:hover {
  outline: none
}

@media (min-width: 64em) {
  .main-navigation__link--tab:focus:after,
  .main-navigation__link--tab:hover:after {
    width: calc(100% - 4vw)
  }
}

.main-navigation__link--tab .main-navigation__link-wrapper:after {
  display: none
}

@media (min-width: 70em) {
  .main-navigation__link--tab .main-navigation__link-wrapper:before {
    display: block;
    margin-right: 1rem;
    width: 1.5rem;
    min-width: 1.5rem;
    max-width: 1.5rem;
    height: 1.5rem
  }
}

.main-navigation__link--tab .main-navigation__link-icon {
  display: none
}

@media (min-width: 70em) {
  .main-navigation__link--tab .main-navigation__link-icon {
    display: block
  }
}

.main-navigation__link--tab .main-navigation__link-icon .svg_shape {
  fill: #0970e6
}

.main-navigation__link--tab .main-navigation__link-label {
  color: #0970e6
}

.main-navigation__link--tab .main-navigation__link-label > * {
  display: block
}

.main-navigation__link--tab .main-navigation__link-label strong {
  margin-bottom: 3px;
  font-size: .875rem;
  text-transform: uppercase
}

.main-navigation__link--tab .main-navigation__link-label em {
  font-size: .75rem;
  font-style: normal
}

.main-navigation__link--tab.main-navigation__link--active,
.main-navigation__link--tab:hover {
  color: #2b8af7
}

@media (min-width: 64em) {
  .main-navigation__link--tab.main-navigation__link--active:after {
    width: calc(100% - 4vw)
  }
}

.main-navigation__link--with-visual .main-navigation__link-visual,
.main-navigation__link--with-visual:last-child .main-navigation__link-visual {
  display: none
}

@media (min-width: 64em) {
  .main-navigation__link--with-visual,
  .main-navigation__link--with-visual:last-child {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: flex;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    background-color: #f5f4f2;
    flex-direction: column;
    justify-content: space-between;
    transition: all .3s ease-in
  }

  .main-navigation__link--with-visual .main-navigation__link-visual,
  .main-navigation__link--with-visual:last-child .main-navigation__link-visual {
    display: block;
    margin: 0 auto;
    padding: .5em;
    max-width: 12.5rem
  }

  .main-navigation__link--with-visual .main-navigation__link-visual img,
  .main-navigation__link--with-visual:last-child .main-navigation__link-visual img {
    display: block;
    margin: 0;
    width: 100%
  }

  .main-navigation__link--with-visual .main-navigation__link-wrapper,
  .main-navigation__link--with-visual:last-child .main-navigation__link-wrapper {
    padding: 0 1.75vw 1.75vw;
    line-height: 1.25;
    align-items: flex-end
  }

  .main-navigation__link--with-visual .main-navigation__link-icon,
  .main-navigation__link--with-visual:last-child .main-navigation__link-icon {
    display: none
  }
}

.main-navigation__close {
  cursor: pointer
}

@media (min-width: 64em) {
  .main-navigation__items--small {
    max-height: 15rem
  }
}

@media (min-width: 64em) {
  .main-navigation__items--tabs {
    height: inherit;
    flex-direction: row
  }
}

.main-navigation__items--tabs > .main-navigation__item {
  min-width: 0
}

@media (min-width: 64em) {
  .main-navigation__items--tabs > .main-navigation__item {
    width: auto;
    height: inherit;
    flex: 1 1 auto
  }
}

@media (min-width: 64em) {
  .main-navigation__items--with-visuals {
    display: flex;
    padding: .75rem;
    max-height: none;
    flex-direction: row
  }

  .main-navigation__items--with-visuals > .main-navigation__item {
    display: flex;
    margin: 0;
    padding: 1vw;
    width: auto;
    min-width: 0;
    max-width: 20%;
    flex-basis: 20%
  }
}

@media (min-width: 64em) {
  .main-navigation__items--with-small-visuals > .main-navigation__item {
    max-width: 14.28571%;
    flex-basis: 14.28571%
  }
}

@media (min-width: 64em) {
  .main-navigation__actions {
    display: flex;
    padding: 0 1.5rem;
    justify-content: space-between
  }
}

.main-navigation__breadcrumb {
  margin: 0
}

@media (min-width: 64em) {
  .main-navigation__breadcrumb {
    position: relative;
    z-index: 1;
    display: flex
  }

  .main-navigation__breadcrumb > .main-navigation__item {
    width: auto;
    min-width: 0
  }
}

.main-navigation__panel {
  display: none;
  background-color: #fff
}

.main-navigation__panel .main-navigation__panel .main-navigation__breadcrumb,
.main-navigation__panel .page-title {
  display: none
}

@media (min-width: 64em) {
  .main-navigation__panel {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    padding: 1.5rem 0 3rem;
    width: 100%;
    min-height: 27.875rem;
    opacity: 0;
    transform: translateY(-100%)
  }

  .main-navigation__panel .page-title {
    display: block;
    padding: 1em 1.5rem 0;
    color: #095ba5
  }

  .main-navigation__panel .main-navigation__panel {
    top: 0;
    z-index: 1;
    overflow: visible;
    min-height: 100%;
    max-height: none
  }

  .main-navigation__panel .main-navigation__panel .main-navigation__breadcrumb {
    display: flex
  }
}

.main-navigation__panel--overlay {
  position: fixed;
  top: 3.125rem;
  left: 0;
  display: none;
  overflow: auto;
  width: 100%;
  height: calc(100vh - 3.125rem);
  transform: translateX(100%);
  transition: all .3s ease-in
}

@media (min-width: 64em) {
  .main-navigation__panel--overlay {
    position: absolute;
    top: -100vh;
    z-index: -1;
    height: auto;
    transform: translateY(-100%)
  }
}

.main-navigation__panel--overlay.main-navigation__panel--active {
  transform: translateX(0)
}

@media (min-width: 64em) {
  .main-navigation__panel--overlay.main-navigation__panel--active {
    top: 100%;
    width: 100%;
    transform: translateY(0)
  }
}

.main-navigation__panel--active {
  z-index: 1;
  display: block;
  border-top: .0625rem solid #f5f4f2
}

@media (min-width: 64em) {
  .main-navigation__panel--active {
    max-height: calc(100vh - 5.45rem);
    z-index: -1;
    overflow-y: auto;
    border-top-width: 0;
    opacity: 1;
    transform: translate(0)
  }
}

.main-navigation__panel-intro {
  display: flex;
  padding: 1.5rem;
  align-items: center
}

.main-navigation__panel-intro img {
  display: block;
  margin-right: 1.5rem;
  margin-bottom: 0;
  width: 8rem;
  max-width: 25vw
}

.main-navigation__panel-wrapper {
  display: flex;
  flex-direction: column
}

@media (min-width: 64em) {
  .main-navigation__panel-wrapper {
    overflow: hidden;
    flex-direction: row
  }
}

@media (min-width: 64em) {
  .main-navigation.main-navigation--js-ready .main-navigation__panel {
    transition: all .3s ease-in
  }
}

@media (min-width: 64em) {
  .main-navigation__mobile {
    display: none
  }
}

.main-navigation__desktop {
  display: none
}

@media (min-width: 64em) {
  .main-navigation__desktop {
    display: block
  }
}

.root--no-scroll,
.root--no-scroll-mobile {
  overflow: hidden
}

@media (min-width: 64em) {
  .root--no-scroll-mobile {
    overflow: auto
  }
}

.secondary-navigation {
  display: none;
  padding: 0 2em 0 0
}

@media (min-width: 64em) {
  .secondary-navigation {
    display: block;
    height: inherit
  }
}

.secondary-navigation__items {
  display: flex;
  height: inherit;
  margin: 0
}

.secondary-navigation__item {
  display: flex;
  height: inherit;
  align-items: center
}

.secondary-navigation__item[v-cloak] {
  display: none
}

.secondary-navigation__item + .secondary-navigation__item {
  padding-left: 1.5rem
}

.secondary-navigation__link {
  display: block;
  color: #575757;
  font-family: Ubuntu, sans-serif;
  font-size: .75em;
  font-weight: 300;
  letter-spacing: .5px;
  white-space: nowrap
}

.secondary-navigation__link:visited {
  color: #575757
}

.secondary-navigation__link-wrapper {
  display: flex;
  text-transform: uppercase;
  line-height: 1.5rem
}

.secondary-navigation__link-wrapper:before {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 5px;
  padding: 0;
  content: ""
}

.secondary-navigation__link-sub-text {
  padding-left: .25rem
}

.secondary-navigation__link--account .secondary-navigation__link-wrapper {
  text-transform: uppercase
}

.secondary-navigation__link--account .secondary-navigation__link-wrapper:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='%23fff'%3E%3Cpath d='M55.59 48.8H23.77a8.53 8.53 0 0 0-8.52 8.52v12.92a1.5 1.5 0 0 0 1.5 1.5h45.86a1.5 1.5 0 0 0 1.5-1.5V57.33a8.53 8.53 0 0 0-8.52-8.53zm5.52 19.94H18.25V57.33a5.53 5.53 0 0 1 5.52-5.52h31.82a5.53 5.53 0 0 1 5.52 5.52zM41.18 44.15a17.36 17.36 0 1 0-17.26-17.37 17.34 17.34 0 0 0 17.26 17.37zm0-31.73a14.36 14.36 0 1 1-14.26 14.36 14.33 14.33 0 0 1 14.26-14.36z'/%3E%3C/g%3E%3C/svg%3E")
}

.secondary-navigation__link--store-locator .secondary-navigation__link-wrapper {
  text-transform: uppercase
}

.secondary-navigation__link--store-locator .secondary-navigation__link-wrapper:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%230970e6%7D%3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath class='b' d='M12 21.75a1.113 1.113 0 0 1-.852-.394 42.528 42.528 0 0 1-5.878-8.713 7.221 7.221 0 0 1-.647-3.017 7.377 7.377 0 0 1 14.754 0 7.201 7.201 0 0 1-.648 3.018 42.604 42.604 0 0 1-5.88 8.716 1.116 1.116 0 0 1-.85.39zm.285-1.372l.004.005zM12 3.75a5.883 5.883 0 0 0-5.877 5.876 5.725 5.725 0 0 0 .512 2.395A39.988 39.988 0 0 0 12 20.042a40.006 40.006 0 0 0 5.364-8.022 5.71 5.71 0 0 0 .513-2.394A5.885 5.885 0 0 0 12 3.75z'/%3E%3Cpath class='b' d='M12 12.913a3.262 3.262 0 1 1 3.262-3.261A3.266 3.266 0 0 1 12 12.913zm0-5.023a1.762 1.762 0 1 0 1.762 1.762A1.764 1.764 0 0 0 12 7.89z'/%3E%3C/svg%3E")
}

.secondary-navigation__link--login,
.secondary-navigation__link--my-account {
  text-transform: uppercase;
  display: none
}

@media (min-width: 64em) {
  .secondary-navigation__link--login,
  .secondary-navigation__link--my-account {
    display: block
  }
}

.secondary-navigation__link--login .secondary-navigation__link-wrapper,
.secondary-navigation__link--my-account .secondary-navigation__link-wrapper {
  text-transform: uppercase
}

.secondary-navigation__link--login .secondary-navigation__link-wrapper > span,
.secondary-navigation__link--my-account .secondary-navigation__link-wrapper > span {
  display: block;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.secondary-navigation__link--login .secondary-navigation__link-wrapper:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%230970e6%7D%3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath class='b' d='M12 14.806a5.538 5.538 0 0 0 5.531-5.532V7.78a5.532 5.532 0 0 0-11.063 0v1.495A5.538 5.538 0 0 0 12 14.806zM7.968 7.779a4.032 4.032 0 0 1 8.063 0v1.495a4.032 4.032 0 1 1-8.063 0zM20.388 20.883c-.615-2.787-2.758-4.733-5.21-4.733H8.821c-2.452 0-4.595 1.946-5.21 4.733a.75.75 0 1 0 1.464.323 4.14 4.14 0 0 1 3.747-3.556h6.354a4.139 4.139 0 0 1 3.747 3.556.75.75 0 0 0 .732.588.77.77 0 0 0 .162-.017.75.75 0 0 0 .57-.894z'/%3E%3C/svg%3E")
}

.secondary-navigation__link--my-account .secondary-navigation__link-wrapper:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.016 24'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%230970e6%7D%3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.016 12a6 6 0 0 0-5.976 5.525 6.026 6.026 0 0 0-.024.475 6 6 0 1 0 6-6zm2.655 4.295l-1.39 1.985-.923 1.315-.48.684a.502.502 0 0 1-.385.213h-.024a.5.5 0 0 1-.38-.175l-1.698-1.982a.5.5 0 0 1 .055-.706.487.487 0 0 1 .116-.064.493.493 0 0 1 .589.12l.014.016 1.264 1.476.304-.433.876-1.25 1.243-1.773a.5.5 0 0 1 .82.574z' fill='%234ccd8a'/%3E%3Cpath class='c' d='M16.63 12.168a5.495 5.495 0 0 0 .902-3.019V7.654a5.532 5.532 0 0 0-11.063 0v1.495a5.53 5.53 0 0 0 6.628 5.422 6 6 0 0 1 3.533-2.403zM7.969 9.149V7.654a4.032 4.032 0 0 1 8.063 0v1.495a4.032 4.032 0 1 1-8.063 0zM8.822 16.025c-2.452 0-4.595 1.946-5.21 4.733a.75.75 0 1 0 1.464.323 4.14 4.14 0 0 1 3.747-3.556h3.217a5.96 5.96 0 0 1 .316-1.5z'/%3E%3C/svg%3E")
}

.secondary-navigation__link--shopping-list {
  display: none
}

@media (min-width: 50em) {
  .secondary-navigation__link--shopping-list {
    display: block
  }
}

.secondary-navigation__link--shopping-list .secondary-navigation__link-wrapper {
  text-transform: uppercase
}

.secondary-navigation__link--shopping-list .secondary-navigation__link-wrapper:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%230970e6%7D%3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath class='b' d='M19.067 5.018h-2.68v-2.34a.75.75 0 0 0-.75-.75H4.496a.75.75 0 0 0-.75.75v15.428a.75.75 0 0 0 .75.75h2.678v2.34a.75.75 0 0 0 .75.75h11.144a.75.75 0 0 0 .75-.75V5.768a.75.75 0 0 0-.75-.75zM5.245 17.356V3.428h9.643v1.59H7.923a.75.75 0 0 0-.75.75v11.588zm13.072 3.09H8.673V6.518h9.644z'/%3E%3Cpath class='b' d='M12.5 10.982H16a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='11' cy='10.482' r='.5'/%3E%3Cpath class='b' d='M12.495 13.982h3.5a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='10.995' cy='13.482' r='.5'/%3E%3Cpath class='b' d='M15.995 16.964a.5.5 0 0 0 0-1h-3.5a.475.475 0 0 0-.087.017 1.386 1.386 0 0 1 0 .965.476.476 0 0 0 .087.018z'/%3E%3Ccircle class='b' cx='10.995' cy='16.464' r='.5'/%3E%3C/svg%3E")
}

.account-button {
  position: relative;
  display: flex;
  padding-right: .3125rem;
  padding-left: .3125rem;
  width: inherit;
  height: inherit;
  align-items: center
}

.account-button:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill:%230970e6%7D%3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath class='b' d='M12 14.806a5.538 5.538 0 0 0 5.531-5.532V7.78a5.532 5.532 0 0 0-11.063 0v1.495A5.538 5.538 0 0 0 12 14.806zM7.968 7.779a4.032 4.032 0 0 1 8.063 0v1.495a4.032 4.032 0 1 1-8.063 0zM20.388 20.883c-.615-2.787-2.758-4.733-5.21-4.733H8.821c-2.452 0-4.595 1.946-5.21 4.733a.75.75 0 1 0 1.464.323 4.14 4.14 0 0 1 3.747-3.556h6.354a4.139 4.139 0 0 1 3.747 3.556.75.75 0 0 0 .732.588.77.77 0 0 0 .162-.017.75.75 0 0 0 .57-.894z'/%3E%3C/svg%3E") 50% no-repeat
}

.account-button--logged-in:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24.016 24'%3E%3Cdefs%3E%3Cstyle%3E.c%7Bfill:%230970e6%7D%3C/style%3E%3C/defs%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.016 12a6 6 0 0 0-5.976 5.525 6.026 6.026 0 0 0-.024.475 6 6 0 1 0 6-6zm2.655 4.295l-1.39 1.985-.923 1.315-.48.684a.502.502 0 0 1-.385.213h-.024a.5.5 0 0 1-.38-.175l-1.698-1.982a.5.5 0 0 1 .055-.706.487.487 0 0 1 .116-.064.493.493 0 0 1 .589.12l.014.016 1.264 1.476.304-.433.876-1.25 1.243-1.773a.5.5 0 0 1 .82.574z' fill='%234ccd8a'/%3E%3Cpath class='c' d='M16.63 12.168a5.495 5.495 0 0 0 .902-3.019V7.654a5.532 5.532 0 0 0-11.063 0v1.495a5.53 5.53 0 0 0 6.628 5.422 6 6 0 0 1 3.533-2.403zM7.969 9.149V7.654a4.032 4.032 0 0 1 8.063 0v1.495a4.032 4.032 0 1 1-8.063 0zM8.822 16.025c-2.452 0-4.595 1.946-5.21 4.733a.75.75 0 1 0 1.464.323 4.14 4.14 0 0 1 3.747-3.556h3.217a5.96 5.96 0 0 1 .316-1.5z'/%3E%3C/svg%3E") 50% no-repeat
}

.channel-switch {
  display: block;
  height: inherit;
  flex: auto;
  align-items: center;
  justify-content: space-between
}

@media (min-width: 64em) {
  .channel-switch {
    flex-grow: 0
  }
}

.channel-switch__chosen-store {
  display: flex;
  padding: .5em 3vw;
  height: inherit;
  font-size: .83333em;
  align-items: center;
  justify-content: space-between
}

.channel-switch__chosen-store:after {
  display: block;
  margin-left: 1.5rem;
  width: 1.25rem;
  height: 1.25rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8.5 4.7c-.5.5-.5 1.2 0 1.7l5.8 5.9-5.8 5.8c-.5.5-.5 1.2 0 1.7s1.2.5 1.7 0l6.6-6.6c.2-.2.3-.5.3-.8 0-.3-.1-.6-.3-.8L10.2 5c-.5-.7-1.3-.7-1.7-.3z'/%3E%3C/svg%3E")
}

#microhead {
  background-color: #fff;
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  box-shadow: 0 2px 4px 1px hsla(0, 0%, 87%, .5);
  text-align: center
}

@media (min-width: 50em) {
  #microhead {
    height: 70px
  }
}

#microhead .accessible-hide {
  text-indent: -9999px;
  display: block;
  position: fixed;
  left: 0;
  height: 0;
  overflow: hidden
}

.microhead--fixed {
  width: 100%;
  z-index: 100000;
  position: fixed;
  top: 0
}

.microhead__action {
  position: absolute;
  left: 1.38em;
  top: 25px
}

.microhead__action__link {
  font-size: .83333em;
  line-height: 1em;
  display: block
}

.microhead__action__link:before {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  position: relative;
  transform: rotate(225deg);
  transition: all .5s ease;
  vertical-align: middle;
  cursor: pointer;
  color: #0970e6
}

.microhead__action__link-text__desktop-suffix {
  display: none
}

@media (min-width: 50em) {
  .microhead__action__link-text__desktop-suffix {
    display: inline
  }
}

.microhead__label {
  position: absolute;
  right: 1.38em;
  top: 23px;
  color: #0e3368
}

.microhead__label .icon-padlock {
  width: 15px;
  height: 15px
}

.microhead__label .label {
  display: none
}

@media (min-width: 50em) {
  .microhead__label .label {
    display: inline;
    color: #0e3368;
    font-size: .83333em
  }
}

.auth-choice {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center
}

.auth-choice__item {
  margin: 1.5rem;
  width: 90%;
  max-width: 360px
}

@media (min-width: 64em) {
  .auth-choice {
    flex-direction: row
  }
}

.plp-hero {
  width: 100%;
  height: 200px;
  background-size: cover;
  position: relative
}

@media (max-width: 37.5em) {
  .plp-hero {
    height: 118px
  }
}

.plp-hero__content {
  max-width: 840px;
  width: 80%;
  background-color: #fff;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  padding: 1.5rem 2.25rem 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

@media (max-width: 37.5em) {
  .plp-hero__breadcrumb,
  .plp-hero__text {
    display: none
  }
}

.plp-hero__breadcrumb,
.plp-hero__title {
  text-align: center;
  margin-bottom: .75rem
}

.journee-pass-banner {
  padding: 3rem;
  background-image: linear-gradient(180deg, #f5f4f2 50%, #fff 0);
  margin: -1.5rem 0
}

@media (max-width: 37.5em) {
  .journee-pass-banner {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

.journee-pass-banner__inner {
  background-color: #fff29c;
  padding: 1.5rem;
  border-radius: 10px;
  text-align: center;
  max-width: 800px;
  width: 100%;
  margin: 0 auto
}

.journee-pass-banner__cta {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  padding: .75rem 1.5rem 0;
  position: relative
}

@media (max-width: 37.5em) {
  .journee-pass-banner__cta {
    flex-direction: column
  }
}

.journee-pass-banner__day {
  color: #fff;
  background-color: #0e3368;
  border-radius: 50%;
  height: 70px;
  width: 70px;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center
}

@media (max-width: 37.5em) {
  .journee-pass-banner__day {
    position: absolute;
    left: 50%
  }
}

.journee-pass-banner__img {
  margin: 0;
  max-width: 90px;
  margin-right: .75rem
}

@media (max-width: 37.5em) {
  .journee-pass-banner__img {
    margin-top: 3rem
  }
}

.journee-pass-banner .heading {
  font-size: 1.5rem;
  font-weight: 700
}

.journee-pass-banner .heading span {
  color: #db3832
}

.journee-pass-banner__offerts {
  display: flex;
  align-items: center;
  color: #0e3368;
  margin-right: auto
}

@media (max-width: 37.5em) {
  .journee-pass-banner__offerts {
    margin: auto
  }
}

.journee-pass-banner .offerts__offset {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  line-height: 1.2
}

.journee-pass-banner .offerts__offerts {
  text-transform: uppercase;
  font-weight: 700
}

.journee-pass-banner .offerts__tous {
  font-weight: 400
}

.journee-pass-banner .offerts__currency {
  font-size: 3rem;
  font-family: Ubuntu, sans-serif;
  margin-right: .75rem;
  font-weight: 700
}

.loyalty-history__summary {
  padding: .75rem;
  font-size: .83333em;
  color: #0e3368;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  background-color: #fff
}

@media (min-width: 70em) {
  .loyalty-history__summary {
    padding: 1.5rem .75rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
  }
}

.loyalty-history__info {
  padding: 0 .75rem
}

.loyalty-history__info span {
  display: block;
  float: right;
  font-weight: 700;
  margin-left: .5em
}

.loyalty-history__total {
  color: #0e3368;
  font-weight: 700;
  font-size: 1.44em;
  text-align: center;
  border-bottom: 1px solid #0e3368;
  margin-bottom: .75rem;
  padding: 0 1.5rem
}

@media (min-width: 70em) {
  .loyalty-history__total {
    border-bottom: 0;
    border-right: 1px solid #0e3368;
    margin-bottom: 0
  }
}

.loyalty-select-card {
  margin-bottom: 2.25rem
}

.loyalty-select-card .radio-button__label {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-bottom: 1.5rem
}

.loyalty-select-card .radio-button label:before {
  margin-right: .75rem
}

.loyalty-select-card .loyalty-select-card__img {
  margin: 0;
  width: 25%;
  max-width: 115px;
  margin-right: 1.5rem
}

.loyalty-select-card .form {
  position: absolute;
  z-index: -1;
  opacity: 0;
  transform: translateY(-50%);
  padding-left: calc(18px + .75rem);
  transition: none
}

.loyalty-select-card .form input[type=text] {
  text-align: center
}

.loyalty-select-card .radio-button__input:checked + .radio-button__label + .form {
  position: relative;
  z-index: 1;
  opacity: 1;
  transform: translateY(0);
  transition: .3s cubic-bezier(.175, .885, .32, 1.275)
}

.loyalty-summary {
  display: flex;
  flex-wrap: wrap
}

.loyalty-summary__box {
  flex: 1 1 321px;
  display: flex;
  flex-wrap: wrap;
  padding: 0 .75rem 1.5rem;
  margin: 0 .75rem
}

@media (max-width: 37.5em) {
  .loyalty-summary__box {
    padding-bottom: 3rem
  }
}

.request-security-code__option {
  margin-bottom: 2.25rem
}

.request-security-code .a-button {
  width: 100%;
  max-width: 300px;
  text-align: center
}

.request-security-code .subtitle {
  margin-bottom: 1.5rem
}

.request-security-code .customer-service-phone img {
  max-width: 250px
}

@media (min-width: 37.5em) {
  .request-security-code__byphone {
    display: flex;
    flex-wrap: wrap
  }

  .request-security-code__byphone .subtitle {
    flex: 1 0 300px;
    margin-right: 1.5rem
  }
}

.validate-security-code .a-button {
  width: 100%;
  max-width: 300px;
  text-align: center
}

.nutritional-details {
  padding: 1.5rem 0
}

.nutritional-details-energy {
  margin-bottom: 1.5rem;
  overflow: auto
}

.nutritional-details-values {
  margin: 1.5rem 0
}

.nutritional-details-energy-right {
  float: right;
  text-align: right
}

.nutritional-details-energy-value {
  color: #0e3368;
  font-weight: 700
}

.order-detail {
  padding: 1em;
  margin: 0 auto;
  border-radius: 30px;
  border: 1px solid #e5e5e5;
  background-color: #fff
}

@media (min-width: 37.5em) {
  .order-detail {
    max-width: 700px;
    padding: 1.5rem
  }
}

@media (min-width: 70em) {
  .order-detail {
    max-width: 900px
  }
}

.order-detail img {
  margin: 0
}

.order-detail a {
  display: block
}

.order-detail__steps-container {
  display: flex;
  justify-content: space-around;
  max-width: 425px;
  margin: 1.5rem auto;
  counter-reset: steps-counter
}

.order-detail__step {
  font-size: .83333em
}

.order-detail__step:before {
  display: flex;
  justify-content: center;
  align-items: center;
  counter-increment: steps-counter;
  content: counter(steps-counter);
  color: #fff;
  font-weight: 400;
  min-height: 60px;
  line-height: 60px;
  background: url("data:image/svg+xml,%3Csvg width='24' height='30' viewBox='0 -6 24 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234ccd8a' d='M15.361 24.324l-3.177 5.112-3.22-5.112H5a5 5 0 0 1-5-5V5a5 5 0 0 1 5-5h14a5 5 0 0 1 5 5v14.324a5 5 0 0 1-5 5h-3.639z'/%3E%3C/svg%3E") no-repeat 50%
}

.order-detail__step--pending:before {
  background: url("data:image/svg+xml,%3Csvg width='24' height='30' viewBox='0 -6 24 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23e5e5e5' d='M15.361 24.324l-3.177 5.112-3.22-5.112H5a5 5 0 0 1-5-5V5a5 5 0 0 1 5-5h14a5 5 0 0 1 5 5v14.324a5 5 0 0 1-5 5h-3.639z'/%3E%3C/svg%3E") no-repeat 50%
}

.order-detail__step--active {
  font-size: 1.2em
}

.order-detail__step--active:before {
  background-size: 60px 60px
}

.order-detail__step--cancelled {
  font-weight: 700;
  color: #e56303
}

.order-detail__actions {
  margin: 1.5rem 0;
  display: flex;
  flex-direction: column;
  align-items: center
}

.order-detail__actions img {
  margin: .75rem;
  max-width: 250px
}

.order-detail__actions button {
  margin-bottom: .75rem
}

.order-detail__actions button img {
  margin: 0
}

.order-detail__details {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e5e5e5
}

.order-detail__details span {
  display: block;
  font-size: 1.44em;
  margin-top: -10px
}

.order-detail__amount {
  font-size: 1.44em;
  font-weight: 700;
  color: #0e3368;
  text-align: center;
  padding-bottom: .75rem
}

.order-detail__footer {
  z-index: zindex-base1;
  position: fixed;
  border-radius: 0;
  background-color: #0e3368;
  padding: .75rem 1.5rem;
  display: flex;
  justify-content: center;
  bottom: 0;
  left: 0;
  box-shadow: 0 -4px 8px 2px #e5e5e5;
  width: 100%
}

@media (min-width: 37.5em) {
  .order-detail__footer {
    padding: .75rem 1.5rem .75rem 280px
  }
}

.order-detail__footer button {
  border: 0;
  background-color: #fff
}

.order-detail__footer button:focus,
.order-detail__footer button:hover {
  border-style: 0
}

.order-detail__list-header {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: .25rem;
  margin-bottom: .25rem
}

.order-detail ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.order-summary {
  margin: 0 auto
}

@media (min-width: 50em) {
  .order-summary {
    max-width: 700px
  }
}

@media (min-width: 70em) {
  .order-summary {
    max-width: 900px
  }
}

.order-summary p {
  margin-top: 1.5rem
}

.order-summary__list {
  display: flex;
  flex-direction: column
}

.order-summary__empty {
  background: #fff;
  text-align: center;
  display: block;
  padding: 1.5rem;
  border: 1px solid #e5e5e5;
  border-radius: 10px
}

.product-push {
  background-size: cover;
  background-position: 50%;
  padding: 1.5rem
}

.cross-sell {
  background-color: #fff;
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}

.cross-sell__heading {
  border-bottom: 1px solid #e5e5e5;
  padding: .75rem 0;
  text-align: center;
  background-color: #f5f4f2
}

.cross-sell__list {
  list-style-type: none;
  margin: 0;
  display: flex;
  width: 100vw;
  overflow-x: auto
}

.cross-sell__list__item {
  margin: 0;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  display: flex
}

.cross-sell__list__item .product-card {
  width: 320px
}

.cross-sell__list__item .product-card__hdr {
  padding-right: .75rem;
  width: 50%
}

.cross-sell__list__item .product-card__body {
  justify-content: space-between;
  display: flex;
  flex-flow: column;
  width: 50%
}

@media (min-width: 37.5em) {
  .cross-sell__list__item {
    width: auto
  }

  .cross-sell__list__item .product-card {
    width: 320px
  }

  .cross-sell__list__item .product-card__hdr {
    padding-right: 0;
    width: 100%
  }

  .cross-sell__list__item .product-card__body {
    width: 100%
  }
}

@media (min-width: 50em) {
  .cross-sell__list {
    width: auto;
    flex-direction: column
  }

  .cross-sell__list__item {
    border-right: 0 none
  }

  .cross-sell__list__item .product-card {
    width: 100%
  }
}

.main-details {
  height: 100%;
  position: relative;
  padding: .5rem 1.5rem;
  background-image: linear-gradient(180deg, #f5f4f2, #eee)
}

.main-details--unavailable {
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, #f5f4f2 0, #f5f4f2 12px), linear-gradient(0deg, #f5f4f2, #fff)
}

.main-details__image--unavailable {
  opacity: .2;
  pointer-events: none
}

@media (min-width: 37.5em) {
  .main-details {
    padding-left: 4.5rem;
    padding-right: 4.5rem
  }
}

@media (min-width: 50em) {
  .main-details {
    padding: 3rem 6rem
  }
}

@media (min-width: 64em) {
  .main-details {
    padding: 1.5rem 3rem
  }
}

@media (min-width: 70em) {
  .main-details {
    padding: 2.25rem 4.5rem
  }
}

.main-detail-name {
  margin-bottom: .75rem
}

.product-hero {
  padding: 0
}

.product-hero-image {
  position: relative;
  height: 200px;
  border-radius: 0;
  display: block
}

.product-hero-freshness {
  overflow-x: visible;
  position: absolute;
  background-color: #fff;
  display: inline-block;
  height: 70%;
  max-width: 88%;
  top: 15%;
  right: 4%;
  border-radius: 30px;
  padding: 1.5rem 3rem
}

.product-hero-freshness-icon {
  position: absolute;
  width: 64px;
  top: calc(50% - 32px);
  left: -32px;
  border-radius: 50%
}

.secondary-details {
  background-color: #fff;
  padding: 1.5rem;
  max-width: 100vw
}

@media (min-width: 37.5em) {
  .secondary-details {
    padding-left: 4.5rem;
    padding-right: 4.5rem
  }
}

@media (min-width: 50em) {
  .secondary-details {
    padding-left: 3rem;
    padding-right: 3rem
  }
}

@media (min-width: 70em) {
  .secondary-details {
    padding-left: 6rem;
    padding-right: 6rem
  }
}

.secondary-details-composed {
  padding: 1.5rem 0;
  margin: 0 -1.5rem;
  max-width: 100vw;
  overflow-x: auto
}

.secondary-details-composed-content {
  display: flex;
  padding: 0 1.5rem
}

.secondary-details-allergens {
  margin: 1.5rem 0
}

.fade-focus-frame-enter-active {
  transition: all ease-in;
  transition-duration: .3s
}

.fade-focus-frame-leave-active {
  transition-delay: .6s;
  transition-duration: .3s
}

.fade-focus-frame-enter,
.fade-focus-frame-leave-to {
  opacity: 0
}

.product-card {
  position: relative;
  background-color: #fff;
  padding: 1.125rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 200px
}

.product-card--unavailable {
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, #f5f4f2 0, #f5f4f2 12px), linear-gradient(0deg, #f5f4f2, #fff)
}

.product-card__promotion-focus {
  border: 5px solid #fff29c;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  display: inline-block
}

.product-card__hdr {
  text-align: center;
  width: 100%;
  display: block
}

.product-card .button-shopping-list {
  position: absolute;
  top: 1.125rem;
  left: 1.125rem;
  z-index: 3000
}

.product-card__img-lnk {
  text-align: center;
  position: relative;
  display: inline-block;
  max-width: 135px;
  min-height: 135px;
  width: 100%;
  margin: 0 auto
}

.product-card__img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  margin: 0;
  mix-blend-mode: multiply;
  border: 0 none;
  display: block;
  width: 100%;
  height: auto
}

.product-card__img--unavailable {
  opacity: .2
}

.product-card__msg-cntr {
  min-height: 135px;
  min-width: 135px;
  position: relative;
  display: inline-block
}

.product-card .out-of-stock-msg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.product-card__legal-infos {
  flex-flow: row wrap;
  display: flex;
  text-align: left;
  width: 100%;
  margin-top: .75rem
}

.product-card .product-badges-list {
  display: flex;
  flex-flow: row;
  margin: 0
}

.product-card .product-badge {
  width: 30px;
  height: auto;
  margin: .75rem .75rem 0 0
}

@media (min-width: 50em) {
  .product-card .product-badge {
    margin-left: 0
  }

  .product-card .product-badge:hover .product-badge-icon {
    z-index: 1
  }

  .product-card .product-badge:hover .product-badge-title {
    transform: scale(1);
    opacity: 0;
    display: none
  }
}

@media (min-width: 50em) {
  .product-card .product-badge:hover .product-badge-icon {
    content: none
  }

  .product-card .product-badge:hover .product-badge-title {
    transform: none;
    opacity: 0
  }
}

.product-card .product-badge--origin {
  padding: 0 .75rem;
  margin: .75rem .75rem 0 0;
  background-color: #f5f4f2;
  font-size: .69444em;
  align-items: center;
  position: relative;
  display: flex;
  height: 30px;
  border-radius: 30px;
  text-align: center;
  flex: 0 1 auto;
  line-height: 1
}

.product-card .product-badge__origin-flag {
  height: 3px;
  width: 50%;
  background: #fff;
  position: absolute;
  margin: auto;
  transform: translateX(-50%);
  left: 50%;
  bottom: 0
}

.product-card .product-badge__origin-flag:before {
  content: "";
  height: 100%;
  width: 33%;
  left: 0;
  top: 0;
  background: #0970e6;
  position: absolute
}

.product-card .product-badge__origin-flag:after {
  content: "";
  height: 100%;
  width: 33%;
  right: 0;
  top: 0;
  background: #db3832;
  position: absolute
}

.product-card__txt .packaging,
.product-card__txt .title {
  font-weight: 300
}

.product-card__txt .title {
  color: #0e3368;
  font-size: 1.2em;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis
}

.product-card__txt .packaging {
  line-height: 2.4
}

.product-card__txt--link {
  text-decoration: none;
  display: inline-block
}

.product-card__brand {
  color: #0e3368;
  font-weight: 700
}

.product-card .product-pricing {
  min-height: 135px;
  align-items: center;
  display: flex;
  flex-flow: column;
  padding: 0;
  border-top: 0;
  overflow: visible;
  width: 100%;
  justify-content: space-around
}

.product-card .product-pricing__cntnr-blk {
  padding: 0;
  min-height: 135px;
  justify-content: space-between;
  flex-direction: column;
  display: flex;
  align-items: center;
  width: 100%
}

.product-card .product-pricing__price-blk {
  display: inline-flex;
  flex-flow: row wrap;
  flex: 0 1 auto;
  margin-bottom: 20px;
  max-width: none;
  width: 100%
}

.product-card .product-pricing__main-blk {
  display: inline-flex;
  flex: 0 1 auto;
  flex-direction: row;
  width: 100%;
  align-self: baseline;
  padding-right: 0
}

.product-card .product-pricing__main-price {
  font-size: 1.44em;
  height: auto;
  width: auto;
  font-weight: 700;
  align-self: center;
  position: relative;
  color: #0e3368;
  z-index: 6
}

.product-card .product-pricing__main-price .discount {
  color: #db3832
}

.product-card .product-pricing__main-price .cents {
  font-size: .5787em
}

.product-card .product-pricing__yellow-bg:before {
  content: "";
  position: absolute;
  width: 100%;
  display: inline-block;
  height: 40%;
  background-color: #fff29c;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1
}

.product-card .product-pricing__main-ppu {
  font-size: .5787em;
  align-self: flex-end;
  text-align: right;
  width: 100%
}

.product-card .product-pricing__dscnt-blk {
  display: inline-flex;
  width: 100%;
  flex: 0 1 auto;
  flex-direction: row;
  align-self: unset;
  padding-right: 0
}

.product-card .product-pricing__dscnt-price {
  height: auto;
  color: #0e3368;
  align-self: flex-end;
  width: 50%;
  font-size: .83333em;
  text-decoration: line-through
}

.product-card .product-pricing__dscnt-ppu {
  font-size: .5787em;
  width: 50%;
  text-decoration: line-through;
  align-self: center;
  text-align: right
}

.product-card--horizontal {
  display: flex;
  flex-direction: row;
  flex: 1 1 320px
}

.product-card--horizontal .product-card__hdr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  padding-right: .75rem
}

.product-card--horizontal .product-card__msg-cntr {
  min-height: 135px;
  min-width: 135px
}

.product-card--horizontal .product-card__img-lnk {
  max-width: 135px;
  min-height: 135px
}

.product-card--horizontal .product-card__img {
  transform: translate(-50%, -50%)
}

.product-card--horizontal .product-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%
}

.product-card--horizontal .product-badge,
.product-card--horizontal .product-badge--origin {
  margin: .75rem .75rem 0 0
}

.product-card--horizontal .a-button--external-link {
  background-image: none;
  width: 100%;
  padding: 0 1rem;
  min-width: calc(160px - 3rem)
}

.product-card--horizontal .product-pricing__cntnr-blk {
  padding: 0
}

.product-card--horizontal .product-pricing__main-price {
  font-size: 1.44em
}

.product-card--horizontal .product-pricing__main-price .cents {
  font-size: .69444em
}

.product-card--horizontal .product-pricing__main-ppu {
  font-size: .5787em
}

.product-card--horizontal .product-pricing__dscnt-price {
  font-size: .83333em
}

.product-card--horizontal .product-pricing__dscnt-ppu {
  font-size: .5787em
}

@media (min-width: 37.5em) {
  .product-card {
    flex-direction: column;
    padding: 3rem;
    overflow: visible
  }

  .product-card .button-shopping-list {
    top: 1.5rem;
    left: 1.5rem
  }

  .product-card__hdr {
    width: 100%;
    display: block;
    padding-right: 0
  }

  .product-card__img-lnk,
  .product-card__msg-cntr {
    max-width: 150px;
    min-height: 150px
  }

  .product-card__img {
    margin: 0;
    padding: 0
  }

  .product-card__msg {
    font-size: .83333em
  }

  .product-card .product-badges-list {
    border: 0 none;
    padding: 0;
    border-radius: unset
  }

  .product-card .product-badge,
  .product-card .product-badge--origin {
    margin: 0 .75rem .75rem 0
  }

  .product-card__body {
    min-height: 50%;
    width: 100%
  }

  .product-card .product-pricing {
    min-height: 135px
  }

  .product-card .product-pricing__cntnr-blk {
    padding: 0
  }

  .product-card .product-pricing__main-price {
    font-size: 2.0736em
  }

  .product-card .product-pricing__main-price .discount {
    color: #db3832
  }

  .product-card .product-pricing__main-price .cents {
    font-size: .5787em
  }

  .product-card .product-pricing__main-ppu {
    font-size: .69444em;
    width: 100%
  }

  .product-card .product-pricing__dscnt-price {
    color: #0e3368;
    font-size: 1em
  }

  .product-card .product-pricing__dscnt-ppu {
    font-size: .69444em
  }

  .product-card--horizontal {
    flex-direction: row
  }

  .product-card--horizontal .product-card__img-lnk {
    max-width: 135px;
    min-height: 135px
  }

  .product-card--horizontal .product-card__img {
    transform: translate(-50%, -50%)
  }

  .product-card--horizontal .product-badge,
  .product-card--horizontal .product-badge--origin {
    margin: .75rem .75rem 0 0
  }
}

.product-carousel {
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  min-height: 200px;
  background-color: #f5f4f2;
  padding: 1.5rem 0;
  overflow: hidden;
  flex-direction: row;
  flex-wrap: wrap;
  justify-items: center;
  align-content: center;
  align-items: center
}

.product-carousel__title {
  font-size: 1.44em;
  color: #0e3368;
  width: calc(100% - 60px * 2);
  font-weight: 300;
  margin-bottom: 1.5rem;
  padding-left: 1.5rem
}

@media (max-width: 37.5em) {
  .product-carousel__title {
    padding-left: 20px
  }
}

.product-carousel__left-btn,
.product-carousel__right-btn {
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0 0 1.5rem 10px
}

.product-carousel__list-cntnr {
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
  touch-action: pan-x
}

.product-carousel__list {
  position: relative;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: hsla(0, 0%, 100%, .4);
  transition: .3s ease-in-out;
  margin: 0
}

.product-carousel__item {
  display: flex;
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5
}

.product-carousel__item .product-card {
  padding: .75rem;
  flex-direction: row;
  width: 320px
}

.product-carousel__item .product-card__hdr {
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 .75rem 0 0
}

.product-carousel__item .product-card__img {
  margin: 0;
  padding: 0;
  width: 100%
}

.product-carousel__item .product-card__body {
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: space-between
}

.product-carousel__item .product-card .product-badge,
.product-carousel__item .product-card .product-badge--origin {
  margin: .75rem .75rem 0 0
}

.product-carousel__item .product-card .product-pricing__cntnr-blk {
  padding: 0
}

.product-carousel__item .product-card .product-pricing__main-price {
  font-size: 1.44em
}

.product-carousel__item .product-card .product-pricing__main-price .cents {
  font-size: .69444em
}

.product-carousel__item .product-card .product-pricing__main-ppu {
  font-size: .5787em
}

.product-carousel__item .product-card .product-pricing__dscnt-price {
  font-size: .83333em
}

.product-carousel__item .product-card .product-pricing__dscnt-ppu {
  font-size: .5787em
}

.product-carousel__item--fixed-size {
  max-width: 320px
}

.product-carousel__nav {
  display: flex;
  flex-direction: row;
  margin-right: 20px
}

@media (min-width: 37.5em) {
  .product-carousel {
    min-height: 200px
  }

  .product-carousel__list-cntnr {
    margin: 0 1.5rem;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
  }
}

.product-list__grid {
  display: flex;
  flex-direction: column;
  background-color: hsla(0, 0%, 100%, .4);
  border-left: 0 none;
  border-top: 1px solid #e5e5e5;
  margin: 0
}

.product-list__grid .product-card {
  display: flex;
  flex-direction: row;
  padding: 1.125rem;
  min-width: 250px;
  width: 100%
}

.product-list__grid .product-card__hdr {
  display: block;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  padding-right: 1.5rem
}

.product-list__grid .product-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%
}

.product-list__item {
  display: block;
  margin: 0;
  opacity: 0;
  min-height: 200px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 0 none;
  z-index: 0
}

.product-list__item--added {
  animation-name: pc-fade-in;
  animation-delay: .3s;
  animation-duration: .3s;
  animation-fill-mode: forwards
}

.product-list__item--opened-substitution {
  border-bottom: 1px solid #f5f4f2
}

.product-list__item--focus {
  z-index: 2
}

.product-list__item-substitutions {
  overflow: hidden
}

.product-list__item-empty .product-card {
  background-color: transparent
}

.product-list__item-banner {
  overflow: hidden;
  width: 100%;
  flex-grow: 1;
  flex-basis: 100%;
  min-height: auto
}

.product-list__item-banner .promo-banner {
  background-color: transparent;
  width: 100%
}

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

@media (min-width: 37.5em) {
  .product-list__grid {
    flex-direction: row;
    flex-wrap: wrap;
    border-left: 1px solid #e5e5e5
  }

  .product-list__grid .product-card {
    display: flex;
    flex-direction: column;
    padding: 1.5rem
  }

  .product-list__grid .product-card__hdr {
    text-align: center;
    width: 100%;
    display: block;
    padding-right: 0
  }

  .product-list__grid .product-card__body {
    width: 100%;
    min-height: 200px
  }

  .product-list__item {
    display: flex;
    flex-direction: row;
    flex: 1 1 250px;
    border-right: 1px solid #e5e5e5
  }

  .product-list__item--horizontal {
    display: flex;
    flex-direction: row;
    flex: 1 1 320px;
    padding: 1.125rem
  }

  .product-list__item--horizontal .product-card {
    display: flex;
    flex-direction: row;
    width: 100%
  }

  .product-list__item--horizontal .product-card__hdr {
    padding-right: 1.5rem
  }

  .product-list__item--horizontal .product-card__body,
  .product-list__item--horizontal .product-card__hdr {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%
  }

  .product-list__item--horizontal .product-pricing__main-price {
    font-size: 1.44em
  }

  .product-list__item--horizontal .product-pricing__main-price .cents {
    font-size: .69444em
  }

  .product-list__item--horizontal .product-pricing__main-ppu {
    font-size: .5787em
  }

  .product-list__item--horizontal .product-pricing__dscnt-price {
    font-size: .83333em
  }

  .product-list__item--horizontal .product-pricing__dscnt-ppu {
    font-size: .5787em
  }

  .product-list__item--active-promotion {
    z-index: 2
  }

  .product-list__item-substitutions {
    overflow: hidden;
    border: 0 none
  }

  .product-list__item-banner {
    overflow: hidden;
    width: 100%;
    flex-grow: 1;
    flex-basis: 100%
  }

  .product-list__item-banner .promo-banner {
    background-color: transparent;
    width: 100%
  }
}

.promo-banner {
  width: 100%;
  border: 0 none;
  margin: 0;
  padding: 0
}

.promo-banner__img,
.promo-banner__lnk {
  height: auto
}

.promo-banner__img,
.promo-banner__lnk,
.promo-banner iframe {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0
}

.promo-banner iframe + a {
  display: none
}

.substitutions {
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  min-height: 200px;
  background-color: #f5f4f2;
  padding: 1.5rem 0;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  overflow: hidden;
  flex-flow: row wrap;
  justify-items: center;
  align-content: center;
  align-items: center
}

.substitutions__title {
  font-size: 1.44em;
  color: #0e3368;
  font-weight: 300;
  width: calc(100% - (((10px + 40px) * 2) + 1.5rem));
  margin-bottom: 1.5rem;
  padding-left: 1.5rem
}

.substitutions__left-btn,
.substitutions__right-btn {
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0 0 1.5rem 10px
}

.substitutions__list-cntnr {
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 1.5rem
}

.substitutions__list {
  position: relative;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: hsla(0, 0%, 100%, .4);
  transition: .3s ease-in-out;
  margin: 0
}

.substitutions__item {
  display: flex;
  margin: 0;
  max-width: 320px;
  min-width: 320px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5
}

.substitutions__item .product-card {
  display: flex;
  flex-direction: row;
  min-width: 320px
}

.substitutions__item .product-card__body,
.substitutions__item .product-card__hdr {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%
}

.substitutions__item .product-card .product-badge,
.substitutions__item .product-card .product-badge--origin {
  margin: .75rem .75rem 0 0
}

.substitutions__item .product-pricing__main-price {
  font-size: 1.44em
}

.substitutions__item .product-pricing__main-price .cents {
  font-size: .69444em
}

.substitutions__item .product-pricing__main-ppu {
  font-size: .5787em
}

.substitutions__item .product-pricing__dscnt-price {
  font-size: .83333em
}

.substitutions__item .product-pricing__dscnt-ppu {
  font-size: .5787em
}

.substitutions__item__item--fixed-size {
  max-width: 250px
}

@media (min-width: 37.5em) {
  .substitutions {
    min-height: 400px;
    padding: 1.5rem
  }

  .substitutions__title {
    width: calc(100% - 50px * 2);
    font-weight: 300;
    padding-left: 0
  }

  .substitutions__list-cntnr {
    overflow: hidden;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    margin-bottom: 0
  }

  .substitutions__item {
    max-width: 250px;
    min-width: 250px
  }

  .substitutions .product-card {
    flex-direction: column;
    min-width: auto
  }

  .substitutions .product-card__body,
  .substitutions .product-card__hdr {
    width: 100%
  }

  .substitutions .product-card .product-badge,
  .substitutions .product-card .product-badge--origin {
    margin: 0 .75rem .75rem 0
  }

  .substitutions .product-pricing {
    min-height: 135px
  }

  .substitutions .product-pricing__cntnr-blk {
    padding: 0
  }

  .substitutions .product-pricing__main-price {
    font-size: 2.0736em
  }

  .substitutions .product-pricing__main-price .discount {
    color: #db3832
  }

  .substitutions .product-pricing__main-price .cents {
    font-size: .5787em
  }

  .substitutions .product-pricing__main-ppu {
    font-size: .69444em;
    width: 100%
  }

  .substitutions .product-pricing__dscnt-price {
    color: #0e3368;
    font-size: 1em
  }

  .substitutions .product-pricing__dscnt-ppu {
    font-size: .69444em
  }

  .substitutions--fixed-size {
    max-width: 250px
  }
}

.search-navigation {
  font-size: .875em;
  margin-bottom: 0
}

.search-navigation__switchs:not(:empty) {
  padding: 0 1em 1em;
  margin: 0
}

.search-navigation__switchs:not(:empty):before {
  content: "";
  width: 230px;
  height: 1px;
  display: block;
  margin: 0 auto 1.5rem;
  border: 1px solid #e5e5e5
}

.search-navigation__switchs:not(:empty) .filters-switch {
  margin-bottom: .5em
}

.search-navigation__submit {
  background: #fff;
  padding: 18px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 4;
  text-align: center
}

.search-navigation__submit .a-button,
.search-navigation__submit .a-button:visited,
.search-navigation__submit > button,
.search-navigation__submit > button:visited,
.search-navigation__submit > label,
.search-navigation__submit > label:visited,
.search-navigation__submit a.button,
.search-navigation__submit a.button:visited {
  color: #fff;
  background-color: #0970e6;
  padding: 0 1.5rem;
  border: 0;
  border-radius: 20px;
  position: relative;
  transition: .3s;
  outline: 0;
  cursor: pointer;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  letter-spacing: .5px;
  display: inline-block;
  text-decoration: none
}

.search-navigation__submit > button {
  margin: 0 auto;
  display: block
}

@media (min-width: 37.5em) {
  .search-navigation__submit {
    display: none
  }
}

.search-navigation .see-more__content {
  margin-top: .8125rem
}

.search-navigation .label,
.search-navigation label {
  font-size: inherit
}

.search-navigation > .link--terciary {
  margin: .5em;
  display: inline-block
}

.search-navigation__filters {
  background: #f5f4f2;
  margin: 1.5rem .5em;
  font-size: .875em
}

@media (min-width: 37.5em) {
  .search-navigation__filters {
    position: -webkit-sticky;
    position: sticky;
    z-index: 4;
    top: 0;
    padding: 1.5rem 1em 0;
    margin: 0
  }

  .search-navigation__filters > .title {
    margin: 0
  }
}

.search-navigation__navigation:not(:empty) {
  background: #fff
}

.search-navigation .expansion-panel > .content {
  padding: 1.5rem 1em
}

.search-results-head {
  line-height: 54px;
  padding: 2.25rem 1.5rem 0;
  text-align: center
}

@media (min-width: 64em) {
  .search-results-head__title {
    margin-bottom: 1.5rem
  }
}

.search-results-head__title .page-title {
  color: #575757
}

.search-results-head__infos {
  position: relative;
  min-height: 55px
}

.search-results-head__sorting {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row-reverse
}

@media (max-width: 37.5em) {
  .search-results-head__sorting {
    flex-direction: row
  }
}

@media (min-width: 50em) {
  .search-results-head__sorting {
    flex-direction: row;
    position: absolute;
    right: 0;
    top: 0
  }
}

.search-results-head__filters-label {
  font-weight: 700;
  color: #0970e6;
  overflow: hidden;
  margin-left: 60px
}

@media (min-width: 37.5em) {
  .search-results-head__filters-label {
    display: none
  }
}

.search-results-head__sortby-label {
  color: #929292;
  display: none;
  padding: 0 .625rem 0 1.25rem;
  font-weight: 600
}

@media (min-width: 64em) {
  .search-results-head__sortby-label {
    display: block
  }
}

.search-sidenav__back {
  background-color: #f5f4f2;
  height: 36px;
  line-height: 36px;
  padding: 0 2.25rem
}

.search-sidenav__links {
  background-color: #fff;
  color: #095ba5;
  padding: 1.5rem
}

.search-sidenav__topCat,
.search-sidenav__topCat:active,
.search-sidenav__topCat:visited {
  color: inherit;
  font-weight: 700
}

.search-sidenav__sublevels {
  margin: .75rem 0;
  font-weight: 400
}

.search-sidenav__link {
  display: block;
  color: inherit;
  padding: .375rem 1.5rem
}

.search-sidenav__link:hover {
  color: #0970e6 !important
}

.search-sidenav__link:active,
.search-sidenav__link:visited {
  color: inherit
}

.search-sidenav__link--current {
  color: #095ba5;
  font-weight: 700;
  background-color: #f5f4f2;
  border-radius: 30px
}

.search-sidenav__link--current:hover {
  color: inherit !important
}

.search-sidenav__link--current:active,
.search-sidenav__link--current:visited {
  color: inherit
}

button:hover {
  cursor: pointer
}

.service-block {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 1.5rem 0;
  margin: 1.5rem 0;
  font-size: .9em;
  text-align: left
}

@media (min-width: 37.5em) {
  .service-block {
    padding: 1.5rem;
    margin: 1.5rem
  }
}

.service-block__icon {
  width: 15%;
  vertical-align: top
}

.service-block__label {
  color: #0e3368;
  font-weight: 400;
  position: relative;
  z-index: 10
}

.service-block__content {
  width: 75%;
  position: relative;
  z-index: 10;
  margin-left: 15px
}

.service-block__description {
  transition: max-height .3s cubic-bezier(0, 1, 0, 1);
  height: auto;
  margin-bottom: .75rem;
  padding: 0;
  transition-delay: 0s;
  width: 100%;
  z-index: 10
}

.service-block button {
  background: transparent;
  font-weight: 700;
  color: #0970e6;
  border: 0;
  padding: 0;
  outline: none;
  transition: .3s
}

.service-block:after {
  content: "";
  z-index: 9;
  background-color: #f5f4f2;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(.95);
  transition: .3s ease-out;
  transition-delay: .3s
}

.service-block .service-block__button--view-more {
  opacity: 1;
  transition-delay: .6s
}

.service-block--is-open {
  z-index: 11
}

.service-block--is-open .service-block__description {
  max-height: 9999px;
  transition: max-height .3s cubic-bezier(1, 0, 1, 0);
  transition-delay: .3s
}

.service-block--is-open:after {
  transform: scale(1);
  opacity: 1;
  transition-delay: 0s
}

.service-block--is-open .service-block__button--view-more {
  opacity: 0;
  transition-delay: 0s
}

.store-card__top-section__left-items__index {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='32'%3E%3Cpath fill='%23db3832' d='M22.472 11.635c0 9.219-10.766 20.002-10.766 20.002S.94 20.854.94 11.635C.939 5.688 5.759.868 11.706.868s10.766 4.82 10.766 10.767z'/%3E%3C/svg%3E") no-repeat 50%
}

.store-card__top-section__distance {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='32'%3E%3Cpath fill='%230970e6' d='M13.282 30.13L.568 17.411C.217 17.061 0 16.577 0 16.042s.217-1.019.568-1.369L13.281 1.958c.351-.35.835-.567 1.37-.567s1.019.217 1.37.567l12.718 12.716a1.934 1.934 0 0 1 0 2.738L16.023 30.13c-.351.35-.835.567-1.37.567s-1.019-.217-1.37-.567z'/%3E%3Cpath fill='%23fff' d='M20.634 13.257l-3.372-3.088a.922.922 0 1 0-1.248 1.36l.001.001 1.818 1.664H11.14a.923.923 0 0 0-.923.923v6.942a.923.923 0 1 0 1.846 0v-6.018h5.591l-1.678 1.73a.924.924 0 0 0 1.325 1.285l-.001.001 3.372-3.476a.919.919 0 0 0-.038-1.324l-.001-.001z'/%3E%3C/svg%3E") no-repeat 100%
}

.store-exceptional-day {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 5px;
  padding: .5em 0 .5em 1.5rem;
  color: #575757;
  width: 100%;
  margin-top: 1.5rem
}

@media (min-width: 64em) {
  .store-exceptional-day {
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    padding: .5em 0 .5em calc(23px + 1em)
  }
}

.store-exceptional-day--open {
  background: #dbf5e8
}

.store-exceptional-day--close {
  background: #ffccbd
}

.store-exceptional-day__openText {
  margin: 0 .25em 0 0;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.25rem
}

.store-exceptional-day__date {
  margin: 0;
  font-size: .875rem;
  font-weight: 400
}

.store-filters__header__cta--hide {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E") no-repeat
}

.store-footer {
  background-color: #f5f4f2
}

.store-footer .subtitle {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: 1.5rem
}

.store-footer__departments {
  list-style: none;
  margin: 0
}

.store-footer__departments a {
  color: #575757;
  font-weight: 700
}

.store-footer__cities {
  list-style: none;
  margin-left: 0
}

.store-footer__cities li {
  margin-bottom: 0;
  display: inline;
  padding-right: .75rem
}

.store-footer__cities a {
  color: #575757;
  font-weight: 200
}

@media (min-width: 37.5em) {
  .store-footer {
    display: flex
  }

  .store-footer .subtitle {
    flex: 60%
  }

  .store-footer__departments {
    display: flex
  }

  .store-footer__departments > li {
    flex-basis: 100%
  }

  .store-footer__cities li {
    margin-bottom: 0
  }
}

.store-header {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  align-content: flex-start;
  width: 100%;
  padding: 0;
  height: 3.5em
}

@media (min-width: 64em) {
  .store-header {
    height: 4em
  }
}

.store-header--centered {
  justify-content: center;
  align-items: center
}

.store-header--white {
  background-color: #fff
}

.store-header--grey {
  background-color: #f5f4f2
}

.store-header__center-content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding-left: 2em;
  align-items: center
}

@media (min-width: 64em) {
  .store-header__center-content {
    justify-content: center;
    padding-left: 0
  }
}

.store-header__center-content--centered {
  justify-content: center;
  padding-left: 0
}

.store-header__center-content--padding {
  padding-left: 25px
}

.store-header__center-content__title {
  color: #0e3368;
  font-size: 1.2em
}

.store-header__center-content__title--hide {
  display: block
}

@media (min-width: 64em) {
  .store-header__center-content__title--hide {
    display: none
  }
}

.store-header__side-panel {
  display: block
}

@media (min-width: 37.5em) {
  .store-header__side-panel .side-panel__opening-icon {
    display: block
  }
}

@media (min-width: 64em) {
  .store-header__side-panel .side-panel__opening-icon {
    display: none
  }
}

.store-header__side-panel .side-panel__opening-icon:after {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg data-name='SVP search autocorrection' fill='%230970e6'%3E%3Ccircle cx='9.68' cy='11.57' r='2.18'/%3E%3Cpath d='M4.61 11.61a.76.76 0 0 1 .76-.76h1.84c.5 0 .21 0 .21.76s.31.75-.06.75h-2a.76.76 0 0 1-.75-.75z'/%3E%3Ccircle data-name='Oval-2' cx='14.77' cy='5.77' r='2.18'/%3E%3Cpath d='M4.58 5.8a.76.76 0 0 1 .76-.8h7c.5 0 .2 0 .2.76s.33.76 0 .76h-7.2a.76.76 0 0 1-.76-.72zM19.58 5.8a.76.76 0 0 0-.76-.8h-1.59c-.5 0-.2 0-.2.76s-.32.76.06.76h1.73a.76.76 0 0 0 .76-.76z'/%3E%3Cg data-name='Group-3'%3E%3Ccircle data-name='Oval-2' cx='13.77' cy='17.43' r='2.18'/%3E%3Cpath d='M4.6 17.47a.76.76 0 0 1 .75-.76h6c.5 0 .2 0 .2.76s.32.75 0 .75h-6.2a.76.76 0 0 1-.75-.75zM19.58 17.47a.76.76 0 0 0-.76-.76h-2.59c-.49 0-.2 0-.2.76s-.31.75.06.75h2.73a.76.76 0 0 0 .76-.75z'/%3E%3C/g%3E%3Cpath d='M19.58 11.61a.76.76 0 0 0-.76-.76h-6.68c-.49 0-.2 0-.2.76s-.31.75.06.75h6.82a.76.76 0 0 0 .76-.75z'/%3E%3C/g%3E%3C/svg%3E")
}

@media (min-width: 64em) {
  .store-header__side-panel {
    display: none
  }
}

@media (min-width: 37.5em) {
  .store-header__side-panel .side-panel__section {
    overflow: visible
  }
}

.store-header__left-content {
  box-sizing: content-box;
  height: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  cursor: pointer
}

@media (min-width: 64em) {
  .store-header__left-content {
    padding: 0 1em
  }
}

.store-header__left-content--cta-hide {
  display: none
}

@media (min-width: 64em) {
  .store-header__left-content--cta-hide {
    display: inline-flex
  }
}

.store-header__left-content--primary {
  background-color: #095ba5;
  color: #fff
}

.store-header__left-content--secondary {
  justify-content: space-evenly;
  background-color: #f5f4f2;
  color: #095ba5;
  width: 90%;
  font-size: .8em;
  font-weight: 700
}

@media (min-width: 64em) {
  .store-header__left-content--secondary {
    width: 60%
  }
}

.store-header__left-content__icon {
  margin-top: .1em
}

.store-header__left-content__label {
  font-weight: 400
}

.store-header__left-content__label--primary {
  color: #fff
}

.store-header__left-content__label--secondary {
  color: #0970e6;
  font-size: 1em;
  font-weight: 700
}

.store-header__right-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: .5em
}

@media (min-width: 64em) {
  .store-header__right-content {
    display: none
  }
}

.store-header__right-content__icon {
  height: 25px
}

.store-map__map {
  position: relative;
  margin: 0
}

.store-map--store-locator {
  height: 100%
}

.store-map-static {
  position: relative;
  display: inline-flex;
  box-sizing: content-box;
  align-items: stretch;
  height: 100%;
  width: 100%;
  margin: 0
}

@media (min-width: 64em) {
  .store-map-static {
    display: none
  }
}

.store-map-static__map {
  margin: 0
}

.store-map-static__button {
  z-index: 1;
  position: absolute;
  top: .5em;
  right: .5em;
  width: 40px;
  height: 40px;
  margin: 0;
  border-radius: 50%;
  box-shadow: 0 0 5px 5px #e5e5e5;
  color: #0e3368;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-color: transparent
}

.store-map-static__button__image {
  margin: 0;
  width: 20px;
  height: 20px
}

.store-map-static__button__image--previous {
  transform: rotate(180deg)
}

.store-map__infowindow--store {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 0 10px 30px;
  max-width: 300px
}

.store-map__infowindow__name {
  flex: 1;
  color: #0e3368;
  font-size: 1.25rem;
  position: relative
}

.store-map__infowindow__distance {
  height: 30px;
  padding: 7px 36px 0 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='32'%3E%3Cpath fill='%230970e6' d='M13.282 30.13L.568 17.411C.217 17.061 0 16.577 0 16.042s.217-1.019.568-1.369L13.281 1.958c.351-.35.835-.567 1.37-.567s1.019.217 1.37.567l12.718 12.716a1.934 1.934 0 0 1 0 2.738L16.023 30.13c-.351.35-.835.567-1.37.567s-1.019-.217-1.37-.567z'/%3E%3Cpath fill='%23fff' d='M20.634 13.257l-3.372-3.088a.922.922 0 1 0-1.248 1.36l.001.001 1.818 1.664H11.14a.923.923 0 0 0-.923.923v6.942a.923.923 0 1 0 1.846 0v-6.018h5.591l-1.678 1.73a.924.924 0 0 0 1.325 1.285l-.001.001 3.372-3.476a.919.919 0 0 0-.038-1.324l-.001-.001z'/%3E%3C/svg%3E") no-repeat 100%;
  color: #0970e6;
  font-weight: 600
}

.store-map__infowindow__address {
  flex: 1;
  color: #575757;
  font-size: 1rem;
  min-width: 100%
}

.store-no-result {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1em
}

.store-no-result__title {
  font-weight: 700;
  margin: 0
}

.store-no-result__text {
  margin: 0
}

.store-card__top-section__left-items__index {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='32'%3E%3Cpath fill='%23db3832' d='M22.472 11.635c0 9.219-10.766 20.002-10.766 20.002S.94 20.854.94 11.635C.939 5.688 5.759.868 11.706.868s10.766 4.82 10.766 10.767z'/%3E%3C/svg%3E") no-repeat 50%
}

.store-card__top-section__distance {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='32'%3E%3Cpath fill='%230970e6' d='M13.282 30.13L.568 17.411C.217 17.061 0 16.577 0 16.042s.217-1.019.568-1.369L13.281 1.958c.351-.35.835-.567 1.37-.567s1.019.217 1.37.567l12.718 12.716a1.934 1.934 0 0 1 0 2.738L16.023 30.13c-.351.35-.835.567-1.37.567s-1.019-.217-1.37-.567z'/%3E%3Cpath fill='%23fff' d='M20.634 13.257l-3.372-3.088a.922.922 0 1 0-1.248 1.36l.001.001 1.818 1.664H11.14a.923.923 0 0 0-.923.923v6.942a.923.923 0 1 0 1.846 0v-6.018h5.591l-1.678 1.73a.924.924 0 0 0 1.325 1.285l-.001.001 3.372-3.476a.919.919 0 0 0-.038-1.324l-.001-.001z'/%3E%3C/svg%3E") no-repeat 100%
}

.store-card__top-section__left-items__index {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='32'%3E%3Cpath fill='%23db3832' d='M22.472 11.635c0 9.219-10.766 20.002-10.766 20.002S.94 20.854.94 11.635C.939 5.688 5.759.868 11.706.868s10.766 4.82 10.766 10.767z'/%3E%3C/svg%3E") no-repeat 50%
}

.store-card__top-section__distance {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='32'%3E%3Cpath fill='%230970e6' d='M13.282 30.13L.568 17.411C.217 17.061 0 16.577 0 16.042s.217-1.019.568-1.369L13.281 1.958c.351-.35.835-.567 1.37-.567s1.019.217 1.37.567l12.718 12.716a1.934 1.934 0 0 1 0 2.738L16.023 30.13c-.351.35-.835.567-1.37.567s-1.019-.217-1.37-.567z'/%3E%3Cpath fill='%23fff' d='M20.634 13.257l-3.372-3.088a.922.922 0 1 0-1.248 1.36l.001.001 1.818 1.664H11.14a.923.923 0 0 0-.923.923v6.942a.923.923 0 1 0 1.846 0v-6.018h5.591l-1.678 1.73a.924.924 0 0 0 1.325 1.285l-.001.001 3.372-3.476a.919.919 0 0 0-.038-1.324l-.001-.001z'/%3E%3C/svg%3E") no-repeat 100%
}

.store-popup {
  position: relative;
  background-color: #fff
}

@media (min-width: 64em) {
  .store-popup {
    box-shadow: 0 0 8px #929292;
    z-index: 10;
    border-radius: 5px;
    position: absolute;
    top: 1em;
    left: 1em;
    max-width: 50%;
    width: 40em;
    max-height: calc(100% - 1em)
  }

  .store-popup--scrollable {
    overflow-y: scroll
  }
}

.store-popup--centered {
  height: calc(100vh - 5.9375rem);
  padding: 30% 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center
}

@media (min-width: 64em) {
  .store-popup--centered {
    height: auto;
    padding: 0
  }
}

.store-popup__header--with-margin {
  margin-bottom: 20%
}

@media (min-width: 64em) {
  .store-popup__header--with-margin {
    margin: 0
  }
}

.store-popup__section__delivery {
  padding: 0 1.5rem 1.5rem;
  background-color: #f5f4f2
}

.store-popup__section__delivery--padding-top {
  padding-top: 1.5rem
}

.store-popup__section__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1.5rem 1.5rem
}

.store-popup__delivery__top {
  margin-left: .5em;
  display: flex;
  flex-direction: column;
  text-align: left
}

.store-popup__delivery__top__title {
  color: #0e3368;
  font-weight: 700;
  font-size: 1em
}

.store-popup__delivery__top__message {
  color: #575757;
  margin: 0
}

.store-popup__map {
  flex: 1;
  display: none;
  height: 100vh
}

@media (min-width: 64em) {
  .store-popup__map {
    display: block
  }
}

.store-popup__map--overlay {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000
}

.store-popup__map__resize-btn {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  background: #fff;
  border-radius: 25px;
  color: #0970e6;
  cursor: pointer;
  padding: 11px 55px 11px 20px;
  font-size: .75rem;
  font-weight: 600
}

@media (min-width: 64em) {
  .store-popup__map__resize-btn {
    display: none
  }
}

.store-popup__map__store-card {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding: 20px;
  height: 30vh;
  overflow-y: scroll
}

@media (min-width: 64em) {
  .store-popup__map__store-card {
    display: none
  }
}

.store-popup__map__store-card--expand {
  height: 80vh
}

.store-popup__results__extend {
  margin: 20px;
  text-align: center
}

.store-popup__no-results {
  padding: 0 20px;
  margin-bottom: 2em
}

.store-popup__map-static {
  display: block;
  width: 100%;
  position: relative
}

@media (min-width: 64em) {
  .store-popup__map-static {
    display: none
  }
}

.store-popup__map-static img {
  display: block;
  width: 100%
}

.store-card__top-section__left-items__index {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='32'%3E%3Cpath fill='%23db3832' d='M22.472 11.635c0 9.219-10.766 20.002-10.766 20.002S.94 20.854.94 11.635C.939 5.688 5.759.868 11.706.868s10.766 4.82 10.766 10.767z'/%3E%3C/svg%3E") no-repeat 50%
}

.store-card__top-section__distance {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='32'%3E%3Cpath fill='%230970e6' d='M13.282 30.13L.568 17.411C.217 17.061 0 16.577 0 16.042s.217-1.019.568-1.369L13.281 1.958c.351-.35.835-.567 1.37-.567s1.019.217 1.37.567l12.718 12.716a1.934 1.934 0 0 1 0 2.738L16.023 30.13c-.351.35-.835.567-1.37.567s-1.019-.217-1.37-.567z'/%3E%3Cpath fill='%23fff' d='M20.634 13.257l-3.372-3.088a.922.922 0 1 0-1.248 1.36l.001.001 1.818 1.664H11.14a.923.923 0 0 0-.923.923v6.942a.923.923 0 1 0 1.846 0v-6.018h5.591l-1.678 1.73a.924.924 0 0 0 1.325 1.285l-.001.001 3.372-3.476a.919.919 0 0 0-.038-1.324l-.001-.001z'/%3E%3C/svg%3E") no-repeat 100%
}

.store-card__top-section__left-items__index {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='32'%3E%3Cpath fill='%23db3832' d='M22.472 11.635c0 9.219-10.766 20.002-10.766 20.002S.94 20.854.94 11.635C.939 5.688 5.759.868 11.706.868s10.766 4.82 10.766 10.767z'/%3E%3C/svg%3E") no-repeat 50%
}

.store-card__top-section__distance {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='32'%3E%3Cpath fill='%230970e6' d='M13.282 30.13L.568 17.411C.217 17.061 0 16.577 0 16.042s.217-1.019.568-1.369L13.281 1.958c.351-.35.835-.567 1.37-.567s1.019.217 1.37.567l12.718 12.716a1.934 1.934 0 0 1 0 2.738L16.023 30.13c-.351.35-.835.567-1.37.567s-1.019-.217-1.37-.567z'/%3E%3Cpath fill='%23fff' d='M20.634 13.257l-3.372-3.088a.922.922 0 1 0-1.248 1.36l.001.001 1.818 1.664H11.14a.923.923 0 0 0-.923.923v6.942a.923.923 0 1 0 1.846 0v-6.018h5.591l-1.678 1.73a.924.924 0 0 0 1.325 1.285l-.001.001 3.372-3.476a.919.919 0 0 0-.038-1.324l-.001-.001z'/%3E%3C/svg%3E") no-repeat 100%
}

.store-search {
  padding: 0 20px;
  margin: 20px 0
}

.store-search__form {
  display: flex;
  flex-direction: column
}

@media (min-width: 37.5em) {
  .store-search__form {
    flex-direction: row
  }
}

.store-search__form--inverted {
  display: flex;
  height: 100%;
  flex-direction: column-reverse;
  justify-content: space-around;
  align-items: center
}

.store-search__autosuggest {
  flex: 1
}

@media (min-width: 37.5em) {
  .store-search__autosuggest {
    max-width: 300px
  }
}

@media (min-width: 64em) {
  .store-search__autosuggest {
    max-width: 280px
  }
}

.store-search__autosuggest--large {
  width: 100%;
  max-width: 100%;
  flex: 0
}

.store-search__option-lbl {
  width: 100%;
  text-align: center;
  font-size: .875rem;
  margin: 18px 0
}

@media (min-width: 37.5em) {
  .store-search__option-lbl {
    margin: 9px 0;
    width: 100px
  }
}

.store-search__option-lbl--size {
  margin: 1em 0;
  font-size: 1em
}

.store-search__geolocate {
  position: relative
}

.store-search__geolocate-btn {
  width: 100%;
  font-size: .8125rem;
  text-align: center
}

@media (min-width: 37.5em) {
  .store-search__geolocate-btn {
    width: auto
  }
}

.store-search__geolocate-btn--large {
  width: 100%
}

.store-search__geolocate__err {
  background: #0e3368;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  top: 135%;
  left: 0;
  padding: 10px 20px;
  font-size: .875rem;
  line-height: 143%;
  z-index: 1;
  display: none;
  visibility: hidden
}

@media (min-width: 37.5em) {
  .store-search__geolocate__err {
    left: -50px;
    width: 300px
  }
}

@media (min-width: 64em) {
  .store-search__geolocate__err {
    padding: 10px;
    width: 350px;
    top: -10px;
    left: 110%
  }
}

.store-search__geolocate__err:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -7px;
  left: 15%;
  border-bottom: 7px solid #0e3368;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent
}

@media (min-width: 37.5em) {
  .store-search__geolocate__err:before {
    left: auto;
    right: 15%
  }
}

@media (min-width: 64em) {
  .store-search__geolocate__err:before {
    left: -14px;
    top: 38%;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #0e3368
  }
}

.store-listing {
  background-color: #f5f4f2;
  max-width: 800px
}

.store-listing__header {
  padding: 1.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap
}

.store-listing__header h2 {
  font-size: 2.0736em;
  font-weight: 700;
  margin-right: 1.5rem
}

.store-listing__results-number {
  margin-top: 1em
}

.store-listing .store-result + .store-result {
  margin-top: .75rem
}

.store-result {
  display: flex;
  flex-direction: row;
  padding: 1.5rem;
  flex-wrap: wrap;
  background-color: #fff
}

.store-result__piece {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-basis: 270px
}

.store-result__piece > * {
  margin: .75rem
}

.store-result__header {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.store-result__header h2 {
  margin: 0;
  font-weight: 700;
  margin-right: auto
}

.store-result__availability {
  background-color: #f5f4f2;
  text-align: center;
  padding: 1.5rem;
  border-radius: 5px
}

.store-result__availability span {
  display: block
}

.store-result__opening-hours {
  text-align: right;
  font-size: 12px;
  color: #575757;
  line-height: 1rem
}

.store-result__opening-hours h3 {
  margin-bottom: 1em
}

.store-result button {
  width: 100%
}

.store-page-services {
  padding-top: 1.5rem
}

.store-page-services__header {
  padding: 1.5rem;
  text-align: center
}

.store-page-services__inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 1.5rem
}

.store-page-services__inner h4 {
  width: 100%;
  padding: 1em 3em;
  font-weight: 700;
  margin-top: 20px
}

.store-page-services__inner .service-block {
  flex: 1;
  flex-basis: 29%;
  flex-grow: 1;
  max-width: 29%
}

.store-page-services__inner .see-more {
  flex: 1;
  flex-basis: 100%
}

.store-page-services__inner .see-more__content {
  display: flex;
  flex-wrap: wrap
}

@media (min-width: 37.5em) {
  .user-product-list {
    margin: .75rem
  }
}

.user-product-list--unavailable {
  text-align: center;
  background: #fff;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  padding: 1.5rem
}

.user-product-list--unavailable:before {
  display: block;
  content: "";
  min-height: 230px;
  background: url(/images/21448948bfc264a5e20c01c0345a2226.png) no-repeat 50%
}

@media (min-width: 70em) {
  .user-product-list--unavailable:before {
    min-height: 400px;
    background: url(/images/cf71307d4bb7b5ced634405af56a4c63.png) no-repeat 50%
  }
}

@media (max-width: 37.5em) {
  .user-product-list--unavailable {
    padding-bottom: 12em
  }
}

.user-product-list .cta {
  margin: auto
}

.user-product-list__empty {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  background: #fee2a2;
  border-radius: 10px;
  overflow: hidden;
  margin: 1.5rem;
  padding: 1.5rem;
  color: #575757;
  text-align: center
}

@media (min-width: 37.5em) {
  .user-product-list__empty {
    margin: auto;
    max-width: 30em
  }
}

.user-product-list__empty--top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0
}

.user-product-list__empty--clear {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-top: 0;
  text-align: center
}

.user-product-list__empty--tall {
  min-height: 12em
}

.user-product-list__container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem
}

@media (min-width: 50em) {
  .user-product-list__container {
    padding: 0 .75rem
  }
}

.user-product-list__category {
  background-color: #f5f4f2;
  color: #575757;
  text-transform: uppercase;
  padding: 1rem;
  font-weight: 400;
  font-size: .83333em;
  border: 1px solid #e5e5e5;
  border-top: 0
}

@media (min-width: 37.5em) {
  .user-product-list__category {
    padding: .75rem
  }
}

.user-product-list__select-all {
  padding: .75rem 1.5rem;
  background-color: #fee2a2;
  border-bottom: 1px solid #e5e5e5
}

.user-product-list__select-all input:checked + label {
  color: #575757
}

@media (min-width: 37.5em) {
  .user-product-list__select-all {
    padding: .375rem .75rem
  }
}

.user-product-list__footer {
  color: #f5f4f2;
  z-index: zindex-base1;
  position: fixed;
  border-radius: 0;
  bottom: 0;
  left: 0;
  background-color: #0e3368;
  padding: .75rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 -4px 8px 2px #e5e5e5;
  width: 100%;
  font-size: .69444em
}

@media (min-width: 37.5em) {
  .user-product-list__footer {
    padding: .75rem 1.5rem .75rem 280px
  }
}

.user-product-list__footer p span {
  color: #fff;
  font-weight: 700
}

.user-product-list__footer p + .a-button {
  margin: .5em
}

.user-product-list__footer button {
  display: block;
  border: 0;
  background-color: #fff
}

.user-product-list__footer button:focus,
.user-product-list__footer button:hover {
  border: 0
}

.user-product-list__hint {
  border-left: 1px dashed #575757;
  padding-left: 1.5rem;
  margin-left: 1.5rem;
  text-align: left;
  flex: 0.85
}

.user-product-list__hint p + p {
  margin-top: .5em
}

.user-product-list-landing {
  text-align: center
}

.user-product-list-landing__content {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

.user-product-list-landing__content p {
  max-width: 100%
}

@media (min-width: 50em) {
  .user-product-list-landing__content {
    padding-left: 6em;
    padding-right: 6em
  }
}

@media (min-width: 70em) {
  .user-product-list-landing__content {
    padding-left: 12em;
    padding-right: 12em
  }
}

.user-product-list-landing__content--bottom {
  border-bottom: 1px solid #e5e5e5;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 2.25rem
}

.user-product-list-landing__content--hilite {
  background-color: #fee2a2;
  border: 0
}

.user-product-list-landing__content--hilite-bottom {
  background-color: #fee2a2;
  border: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-bottom: 2.25rem
}

.user-product-list-landing a {
  display: block;
  min-width: 18em;
  margin-top: 1.5rem
}

.account-details-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .account-details-page {
    padding: 100px 0
  }

  .account-details-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.account-details-page .boxed-content {
  overflow: hidden;
  padding-bottom: 0
}

.account-details-page .boxed-content__content {
  padding-bottom: 0
}

.add-edit-address-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .add-edit-address-page {
    padding: 100px 0
  }

  .add-edit-address-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.add-edit-address-page .modal .modal__action .a-button {
  max-width: inherit
}

.loyalty-attach-card-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .loyalty-attach-card-page {
    padding: 100px 0
  }

  .loyalty-attach-card-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.loyalty-attach-card-page .loyalty-detach-card {
  margin-bottom: 1.5rem
}

.loyalty-change-secret-code {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .loyalty-change-secret-code {
    padding: 100px 0
  }

  .loyalty-change-secret-code:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.loyalty-change-secret-code .title {
  margin-bottom: 1.5rem
}

.loyalty-history-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .loyalty-history-page {
    padding: 100px 0
  }

  .loyalty-history-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.loyalty-registration {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .loyalty-registration {
    padding: 100px 0
  }

  .loyalty-registration:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.loyalty-registration .loyalty-registration__intro {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e5e5e5
}

.loyalty-retrieve-code-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .loyalty-retrieve-code-page {
    padding: 100px 0
  }

  .loyalty-retrieve-code-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

@media (min-width: 37.5em) {
  .loyalty-retrieve-code-page .validate-security-code {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap
  }

  .loyalty-retrieve-code-page .validate-security-code .a-button {
    margin: .75rem 0
  }

  .loyalty-retrieve-code-page .validate-security-code section {
    width: 100%;
    max-width: 300px
  }

  .loyalty-retrieve-code-page .validate-security-code section .form-field {
    width: auto;
    max-width: 300px;
    margin-bottom: .75rem
  }
}

.loyalty-summary-empty-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .loyalty-summary-empty-page {
    padding: 100px 0
  }

  .loyalty-summary-empty-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.loyalty-summary-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .loyalty-summary-page {
    padding: 100px 0
  }

  .loyalty-summary-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.loyalty-summary-page .boxed-content__content {
  background-color: transparent;
  border: 0
}

.marketing-data-preferences-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .marketing-data-preferences-page {
    padding: 100px 0
  }

  .marketing-data-preferences-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.checkout-confirmation .mini-push {
  margin: 0 30px
}

.checkout-confirmation .customer-service-support {
  background-color: #0970e6;
  border-radius: 0;
  margin: 0 0 20px
}

@media (min-width: 50em) {
  .checkout-confirmation .customer-service-support {
    margin-bottom: 50px;
    padding: 20px
  }
}

.checkout-confirmation .customer-service-support__media {
  background-color: transparent;
  margin: 0;
  display: inline-block
}

.checkout-confirmation .customer-service-support__info {
  display: flex;
  flex-wrap: wrap
}

.checkout-confirmation .customer-service-support__link,
.checkout-confirmation .customer-service-support__text,
.checkout-confirmation .customer-service-support__title {
  color: #fff;
  border-color: #fff
}

.checkout-confirmation .customer-service-support__action {
  margin: 15px
}

.mini-header {
  position: fixed;
  top: 60px;
  height: 2.8125rem;
  width: 100%;
  background-color: #f9f9f9;
  z-index: 99999
}

@media (min-width: 50em) {
  .mini-header {
    top: 70px
  }
}

@media (min-width: 70em) {
  .mini-header {
    height: 3.125rem
  }
}

.channel-timeslot fieldset {
  border: 0;
  margin: 0
}

.channel-timeslot legend {
  display: block;
  text-indent: -9999px;
  height: 0;
  overflow: hidden
}

.channel-timeslot .accessible-hide {
  text-indent: -9999px;
  display: block;
  position: fixed;
  left: 0;
  height: 0;
  transition: all .3s ease-in-out
}

.channel-timeslot__timeslots {
  max-width: 450px
}

.channel-timeslot__timeslots .time-slot__full-container {
  padding: 10px
}

.checkout-summary-page {
  background-color: #f5f4f2
}

.checkout-summary-page .modal-mask {
  top: calc(60px + 2.8125rem)
}

@media (min-width: 50em) {
  .checkout-summary-page .modal-mask {
    top: calc(70px + 2.8125rem)
  }
}

@media (min-width: 64em) {
  .checkout-summary-page .modal-mask {
    top: calc(70px + 3.125rem)
  }
}

.checkout-summary-page__inner__basket {
  overflow: hidden;
  transition: max-height .5s ease-out;
  position: relative
}

.checkout-summary-page__inner__basket__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10
}

.checkout-summary-page .main-section,
.checkout-summary-page .main-section__inner {
  padding-top: 120px
}

@media (min-width: 50em) {
  .checkout-summary-page .main-section__inner {
    margin: 1.38em
  }
}

.checkout-summary-page .main-section h3 {
  font-weight: 400;
  font-size: 1.1em
}

.checkout-summary-page .main-section .checkout-page-extra {
  padding-top: 40px;
  position: relative
}

@media (min-width: 50em) {
  .checkout-summary-page .main-section .checkout-page-extra {
    width: 52.08333333%
  }
}

@media (min-width: 50em) {
  .checkout-summary-page .main-section .checkout-page-extra--empty {
    margin: 1.38em auto;
    width: 70%
  }
}

.checkout-summary-page .main-section .checkout-page-extra,
.checkout-summary-page .main-section .section-feature {
  position: relative
}

@media (min-width: 50em) {
  .checkout-summary-page .main-section .checkout-page-extra,
  .checkout-summary-page .main-section .section-feature {
    width: calc(100% - 380px);
    padding: 20px 3%
  }
}

@media (min-width: 70em) {
  .checkout-summary-page .main-section .checkout-page-extra,
  .checkout-summary-page .main-section .section-feature {
    width: calc(100% - 390px);
    padding: 20px 7%
  }
}

@media (min-width: 90em) {
  .checkout-summary-page .main-section .checkout-page-extra,
  .checkout-summary-page .main-section .section-feature {
    width: calc(100% - 410px);
    padding: 20px 12%
  }
}

.checkout-summary-page .main-section .section-secondary {
  background-color: #0e3368;
  margin: 1.38em 0
}

.checkout-summary-page .main-section .section-secondary__inner {
  color: #fff;
  background-color: #0e3368;
  border-bottom: 1px solid hsla(0, 0%, 100%, .15)
}

@media (min-width: 50em) {
  .checkout-summary-page .main-section .section-secondary__inner {
    display: block;
    position: fixed;
    right: 1.38em;
    top: 120px;
    margin-top: 1.38em;
    padding: 30px 35px;
    min-width: 275px;
    border-radius: 30px;
    width: 340px
  }
}

@media (min-width: 70em) {
  .checkout-summary-page .main-section .section-secondary__inner {
    width: 370px
  }
}

.checkout-summary-page .main-section .section-secondary__inner__title {
  margin-bottom: .345em;
  display: none
}

@media (min-width: 50em) {
  .checkout-summary-page .main-section .section-secondary__inner__title {
    display: block
  }
}

.checkout-summary-page .main-section .section-secondary__inner__title__inner {
  color: #fff;
  font-size: 28px;
  padding-bottom: 10px;
  font-weight: 400
}

.checkout-summary-page .main-section .section-secondary__inner__explanation {
  margin: 15px 15px 0;
  font-size: 14px;
  line-height: 1.43;
  text-align: center
}

.checkout-summary-page .main-section .section-secondary__title {
  margin-bottom: 1.38em
}

.checkout-summary-page .main-section .section-secondary__title__inner {
  color: #fff;
  font-size: 28px;
  padding-bottom: 10px;
  font-weight: 400
}

.checkout-summary-page .main-section .section-secondary__explanation {
  margin: 15px 15px 0;
  font-size: 14px;
  line-height: 1.43;
  text-align: center
}

@media (min-width: 50em) {
  .checkout-summary-page .main-section .section-secondary {
    display: block
  }
}

.checkout-summary-page .visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.checkout-summary-page .visually-hidden.focusable:active,
.checkout-summary-page .visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

@media (min-width: 37.5em) {
  .timeslot-unavailable--info {
    display: flex;
    flex-shrink: 0
  }
}

.timeslot-unavailable--media {
  width: 75px;
  height: 75px;
  margin-right: 30px
}

.timeslot-unavailable--media .icon {
  width: 100%;
  height: 100%
}

.timeslot-unavailable--text {
  margin-top: 10px;
  font-size: 1.2em;
  color: #0e3368
}

@media (min-width: 37.5em) {
  .timeslot-unavailable--text {
    margin-top: 35px;
    font-size: 1.44em
  }
}

@media (min-width: 37.5em) {
  .timeslot-unavailable .modal__action {
    flex-direction: row-reverse
  }
}

.timeslot-unavailable .a-button--secondary,
.timeslot-unavailable .a-button--secondary:hover {
  border: 0
}

.timeslot__overlay {
  z-index: 1;
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  background: rgba(14, 51, 104, .4);
  cursor: nw-resize
}

.timeslot__overlay--fade-enter-active,
.timeslot__overlay--fade-leave-active {
  transition: opacity .5s
}

.timeslot__overlay--fade-enter,
.timeslot__overlay--fade-leave-to {
  opacity: 0
}

.timeslot__overlay--inactive {
  pointer-events: none
}

.timeslot__overlay--inactive .channel-nav {
  opacity: .3
}

.checkout-page {
  transition: -webkit-filter .8s ease;
  transition: filter .8s ease;
  transition: filter .8s ease, -webkit-filter .8s ease;
  position: relative
}

.checkout-page__options {
  border: 1px solid #e5e5e5;
  border-radius: 10px
}

.checkout-page__options__option {
  padding: 27px 22px
}

.checkout-page__options__option:not(:first-child) {
  border-top: 1px solid #e5e5e5
}

.checkout-page__options__option .bank-cards__group {
  display: inline-flex;
  margin: 10px 35px
}

.checkout-page__options__option .bank-cards__group__title {
  color: #575757;
  font-weight: 300
}

.checkout-page__options__option .bank-cards__group__list {
  margin: 0;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

.checkout-page__options__option__title {
  font-family: Ubuntu, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #0e3368;
  margin: 10px 0 20px
}

.checkout-page__options__option__subtitle {
  font-family: Ubuntu, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #0e3368;
  margin: 0;
  margin-left: 40px;
  position: relative
}

.checkout-page__options__option__subtitle:before {
  content: "";
  left: -43px;
  height: 35px;
  width: 35px;
  top: calc(50% - 3px);
  transform: translateY(-50%);
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath fill='%230e3368' d='M72.11 22.71l-4-7a6.24 6.24 0 0 0-5.61-3.14h-45a6.24 6.24 0 0 0-5.6 3.15l-4 7.22a9.52 9.52 0 0 0-.43 8.22 8.53 8.53 0 0 0 5.58 5 7.69 7.69 0 0 0 2.09.22h.4V68a1.5 1.5 0 0 0 1.5 1.5h45.63a1.5 1.5 0 0 0 1.5-1.5V36.27h.54a6.51 6.51 0 0 0 1.07 0 8.53 8.53 0 0 0 6.5-4.74 9.46 9.46 0 0 0-.17-8.82zM33 66.47V46.65h13.6v19.82zm28.12 0H49.64V45.15a1.5 1.5 0 0 0-1.5-1.5h-16.6a1.5 1.5 0 0 0-1.5 1.5v21.32H18.52V36a8.07 8.07 0 0 0 5.22-3.55c1.56 2.45 4.33 3.75 8.14 3.75s6.58-1.3 8.14-3.75c1.56 2.45 4.33 3.75 8.14 3.75s6.58-1.3 8.14-3.75a8 8 0 0 0 4.86 3.44zm8.42-36.31a5.57 5.57 0 0 1-4.23 3.11 3.85 3.85 0 0 1-.6 0h-.32c-4.46 0-6.63-2.23-6.63-6.81a1.51 1.51 0 0 0-3 0c0 4.57-2.11 6.7-6.63 6.7s-6.63-2.13-6.63-6.7a1.51 1.51 0 0 0-3 0c0 4.57-2.11 6.7-6.63 6.7s-6.63-2.13-6.63-6.7a1.51 1.51 0 0 0-3 0c0 4.6-2.17 6.83-6.63 6.83h-.25a5.72 5.72 0 0 1-1.51-.11 5.47 5.47 0 0 1-3.62-3.25 6.5 6.5 0 0 1 .29-5.6l4-7.21a3.25 3.25 0 0 1 3-1.6h45a3.25 3.25 0 0 1 3 1.6l4 7a6.45 6.45 0 0 1 .07 6.05z'/%3E%3C/svg%3E") no-repeat 50%
}

.checkout-page__options__option__description {
  font-family: Ubuntu, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #0e3368;
  margin: 0
}

.checkout-page__options__option__head {
  display: flex;
  flex-direction: row;
  align-items: center
}

.checkout-page__options__option__head__input {
  margin: 30px;
  cursor: pointer
}

.checkout-page__options__option__head__input__label {
  color: #0e3368;
  font-family: Ubuntu, sans-serif;
  font-size: 20px;
  margin-left: 19px
}

.checkout-page__options__option__head__picto {
  cursor: pointer;
  width: 78px;
  height: 78px;
  border-radius: 49px;
  background-color: #f5f4f2;
  position: relative
}

.checkout-page__options__option__head__picto__inner {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.checkout-page__options__option__head__picto__inner.web {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%230970e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.001 31.443H32.67v-17.23H8.001zm12.334.217v5.45m7.632.956H12.703M32.67 26.709H8'/%3E%3Cpath fill='%23FFF' d='M28.047 8.712a7.712 7.712 0 1 0-15.425 0 7.712 7.712 0 0 0 15.425 0'/%3E%3Cpath stroke='%230970e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M28.047 8.712a7.712 7.712 0 1 0-15.425 0 7.712 7.712 0 0 0 15.425 0z'/%3E%3Cpath fill='%230970e6' d='M24.068 10.553c.112 0 .202.07.269.21.067.14.1.317.1.53 0 .359-.09.66-.268.907-.37.484-.832.848-1.388 1.094a4.241 4.241 0 0 1-1.74.369c-1.031 0-1.9-.284-2.606-.856-.706-.572-1.138-1.391-1.295-2.455h-.774c-.145 0-.257-.042-.336-.126a.443.443 0 0 1-.117-.312c0-.156.056-.302.168-.436a.539.539 0 0 1 .438-.202h.554c0-.247.017-.477.05-.691h-.537c-.146 0-.258-.044-.337-.134a.46.46 0 0 1-.118-.318c0-.158.054-.3.16-.43a.527.527 0 0 1 .429-.193h.605c.314-1.166.888-2.083 1.723-2.75a4.47 4.47 0 0 1 2.867-1c.65 0 1.189.12 1.615.36.426.243.737.555.934.935.195.382.293.784.293 1.21 0 1.167-.375 1.75-1.126 1.75-.281 0-.488-.06-.622-.177-.135-.117-.202-.317-.202-.598 0-.088.005-.17.017-.244.01-.072.022-.136.034-.192.044-.246.066-.415.066-.505 0-.303-.09-.524-.268-.664-.18-.14-.465-.211-.86-.211-.603 0-1.111.192-1.52.572-.41.382-.71.886-.9 1.514l1.968-.017c.146 0 .26.048.345.143a.506.506 0 0 1 .126.345.65.65 0 0 1-.16.437.56.56 0 0 1-.446.186l-2.051-.02c-.023.27-.033.485-.033.64v.052l2.017-.017a.44.44 0 0 1 .345.142.506.506 0 0 1 .126.345.655.655 0 0 1-.17.446.524.524 0 0 1-.452.176l-1.75-.016c.136.538.37.933.707 1.185.337.252.734.378 1.194.378.942 0 1.805-.391 2.59-1.177.123-.123.235-.185.336-.185'/%3E%3C/g%3E%3C/svg%3E")
}

.checkout-page__options__option__head__picto__inner.store {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 40 40'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h28.83v10.91H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(6 13.066)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath fill='%230970e6' d='M24.116 0H4.736C3.715 0 2.76.596 2.242 1.55L.507 4.83a4.425 4.425 0 0 0-.163 3.774c.47 1.094 1.356 1.898 2.44 2.206.246.077.508.089.747.089l.145-.001.052-.001.212-.001c1.534 0 2.768-.668 3.495-1.796.734 1.083 1.96 1.722 3.488 1.722 1.54 0 2.772-.648 3.503-1.745.732 1.097 1.965 1.745 3.505 1.745 1.529 0 2.755-.64 3.488-1.722.73 1.13 1.969 1.8 3.52 1.8l.104.004.057.003.09.002c.082 0 .166-.005.247-.015 1.273-.16 2.341-.917 2.93-2.083a4.402 4.402 0 0 0-.043-4.017l-1.707-3.237C26.108.596 25.15 0 24.116 0m0 2c.287 0 .576.194.732.489l1.715 3.25c.355.663.361 1.493.02 2.169-.167.329-.563.898-1.393 1-.085-.003-.169-.008-.253-.008-1.425 0-2.24-.896-2.24-2.461 0-.695-.57-1.26-1.267-1.26a1.26 1.26 0 0 0-1.26 1.26c0 2.073-1.404 2.383-2.24 2.383-.837 0-2.242-.31-2.242-2.383 0-.695-.569-1.26-1.266-1.26a1.26 1.26 0 0 0-1.26 1.26c0 2.073-1.403 2.383-2.24 2.383-.837 0-2.24-.31-2.24-2.383 0-.695-.569-1.26-1.266-1.26a1.26 1.26 0 0 0-1.26 1.26c0 1.56-.818 2.457-2.241 2.457h-.212a9.429 9.429 0 0 1-.173.003.981.981 0 0 1-.2-.012c-.683-.196-1.009-.752-1.143-1.066a2.409 2.409 0 0 1 .089-2.058L4.002 2.5c.16-.298.455-.5.735-.5h19.379' mask='url(%23b)'/%3E%3C/g%3E%3Cpath stroke='%230970e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.867 22.827v15.24h19.098v-15.24'/%3E%3Cpath stroke='%230970e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M23.916 38.066V28.62h-7v9.447'/%3E%3Cpath fill='%23FFF' d='M28.128 8.712a7.712 7.712 0 1 0-15.424 0 7.712 7.712 0 0 0 15.424 0'/%3E%3Cpath stroke='%230970e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M28.128 8.712a7.712 7.712 0 1 0-15.424 0 7.712 7.712 0 0 0 15.424 0z'/%3E%3Cpath fill='%230970e6' d='M24.149 10.553c.112 0 .202.07.269.21.067.14.1.317.1.53 0 .359-.09.66-.268.907-.37.484-.832.848-1.387 1.094a4.25 4.25 0 0 1-1.741.369c-1.031 0-1.9-.284-2.606-.856-.706-.572-1.138-1.391-1.294-2.455h-.774c-.146 0-.258-.042-.336-.126a.44.44 0 0 1-.118-.312c0-.156.056-.302.168-.436a.539.539 0 0 1 .438-.202h.554c0-.247.017-.477.05-.691h-.537c-.146 0-.258-.044-.337-.134a.465.465 0 0 1-.118-.318c0-.158.054-.3.16-.43a.525.525 0 0 1 .429-.193h.605c.314-1.166.889-2.083 1.724-2.75a4.47 4.47 0 0 1 2.867-1c.65 0 1.188.12 1.614.36.426.243.737.555.934.935.195.382.293.784.293 1.21 0 1.167-.375 1.75-1.126 1.75-.281 0-.488-.06-.622-.177-.135-.117-.202-.317-.202-.598 0-.088.006-.17.017-.244.01-.072.022-.136.034-.192a3.54 3.54 0 0 0 .067-.505c0-.303-.09-.524-.27-.664-.18-.14-.464-.211-.857-.211-.605 0-1.113.192-1.522.572-.41.382-.708.886-.9 1.514l1.968-.017c.146 0 .26.048.345.143a.506.506 0 0 1 .126.345.65.65 0 0 1-.16.437.556.556 0 0 1-.445.186l-2.052-.02c-.022.27-.033.485-.033.64v.052l2.017-.017a.44.44 0 0 1 .345.142.506.506 0 0 1 .126.345.659.659 0 0 1-.168.446.527.527 0 0 1-.454.176l-1.75-.016c.136.538.37.933.707 1.185.337.252.735.378 1.194.378.942 0 1.805-.391 2.59-1.177.123-.123.235-.185.336-.185'/%3E%3C/g%3E%3C/svg%3E")
}

.checkout-page__connect {
  display: flex;
  padding-bottom: 20px
}

.checkout-page__connect__left {
  margin-left: 20px;
  margin-right: 10px;
  flex-grow: 100
}

.checkout-page__connect__right {
  margin-right: 20px;
  margin-left: 10px;
  flex-grow: 100
}

@media (min-width: 37.5em) {
  .checkout-page__connect {
    padding-bottom: 0
  }

  .checkout-page__connect__left {
    margin-left: 0
  }

  .checkout-page__connect__right {
    margin-right: 0
  }
}

.checkout-page--fade-enter-active,
.checkout-page--fade-leave-active {
  transition: opacity .5s
}

.checkout-page--fade-enter,
.checkout-page--fade-leave-to {
  opacity: 0
}

.checkout-page--hidden {
  -webkit-filter: opacity(.5);
  filter: opacity(.5)
}

.checkout-page__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.checkout-page__header__clickable {
  cursor: pointer
}

.checkout-page__header__title {
  font-family: Ubuntu, sans-serif;
  font-size: 30px;
  font-weight: 700;
  display: inline-block;
  margin: 19px 0 19px 21px;
  position: relative
}

.checkout-page__header__title:before {
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  margin-right: 5px;
  position: relative;
  transform: rotate(315deg);
  transition: all .5s ease;
  cursor: pointer;
  color: #0970e6
}

.checkout-page__header__title--closed:before {
  transform-origin: 9.5px 4px;
  transform: rotate(135deg)
}

@media (min-width: 70em) {
  .checkout-page__header__title {
    font-size: 44px
  }
}

.checkout-page__content {
  position: relative
}

.checkout-page__content__card-infos {
  font-size: 12px;
  text-align: center;
  font-weight: 400
}

.checkout-page__content__card-infos__img {
  width: 32px;
  height: 19.8px;
  padding: 0;
  margin: 5px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%)
}

@media (min-width: 70em) {
  .checkout-page__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between
  }
}

.checkout-page__content__warning {
  font-size: 14px
}

.checkout-page__content__block {
  flex-grow: 5
}

@media (min-width: 70em) {
  .checkout-page__content__block__last {
    margin-left: 40px
  }
}

.checkout-page__content__info {
  margin: 13px 0;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  color: #929292
}

.checkout-page__content__info__label {
  line-height: 19px
}

.checkout-page__content__info .icon {
  width: 19px;
  height: 19px;
  position: absolute;
  top: 50%;
  margin-left: 7px;
  transform: translateY(-50%);
  line-height: 19px;
  fill: #929292
}

.checkout-page__content__delivery-error,
.checkout-page__content__voucher-error {
  color: #db3832;
  font-size: 14px
}

.checkout-page__content__delivery-error__link {
  display: block;
  padding-top: 10px
}

.checkout-page__content__delivery-error__link:before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  margin: 7px 7px 0 0;
  position: relative;
  transform: rotate(45deg);
  vertical-align: top;
  cursor: pointer;
  z-index: 1;
  color: #0970e6
}

.checkout-page__content__unsecured-link {
  font-size: .83333em;
  font-weight: 700
}

.checkout-page__content__unsecured-link:before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: inline-block;
  height: 7px;
  width: 7px;
  margin: 10px 10px 0 0;
  position: relative;
  transform: rotate(45deg);
  vertical-align: top;
  cursor: pointer;
  z-index: 1;
  color: #a5210a
}

.checkout-page__content__input-group {
  margin: 10px 0
}

.checkout-page__content__description {
  font-size: 16px;
  color: #0e3368;
  font-weight: 400;
  margin: 1em 0;
  display: block
}

.checkout-page__content__description__fast-link {
  margin-left: 30px
}

.checkout-page__content__description__payment-option {
  display: flex;
  font-family: Ubuntu, sans-serif;
  justify-content: space-around;
  width: 100%
}

.checkout-page__content__description__payment-option__legend {
  display: flex;
  align-items: baseline;
  font-size: 16px;
  justify-content: space-between;
  font-weight: 700
}

@media (min-width: 70em) {
  .checkout-page__content__description__payment-option__legend {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 28px;
    margin-bottom: 13px;
    margin-right: 20px;
    width: 190px
  }
}

.checkout-page__content__amount {
  text-align: right;
  display: block
}

.checkout-page__content__amount--hidden {
  opacity: 0
}

.a-button__checkout {
  background-color: #fff;
  color: #0970e6;
  text-transform: uppercase
}

.a-button__checkout:focus,
.a-button__checkout:hover {
  color: #095ba5;
  background-color: #fff
}

.a-button__checkout-disabled.a-button {
  color: #575757;
  opacity: .4;
  pointer-events: none
}

.c-main--account .side-panel__opening-icon {
  top: 120px
}

.c-main--account .side-panel__opening-icon:after {
  background-image: url("data:image/svg+xml,%3Csvg fill='%230970e6' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 19'%3E%3Cg stroke='%230970E6' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round'%3E%3Cpath d='M1 18c0-4.694 3.358-8.5 7.5-8.5 4.142 0 7.5 3.806 7.5 8.5M12.422 5c0 2.21-1.756 4-3.922 4-2.165 0-3.922-1.79-3.922-4S6.335 1 8.5 1c2.166 0 3.922 1.79 3.922 4z'/%3E%3C/g%3E%3C/svg%3E")
}

.diagnosis .cards-intro {
  background-color: #f5f4f2
}

.diagnosis .cards-intro__main {
  display: none
}

.diagnosis .cards-list {
  padding-top: 0
}

.diagnosis .cards-list__items {
  margin-top: 0
}

@media (min-width: 90em) {
  .diagnosis .cards-list__item {
    max-width: calc(25% - 1.5rem)
  }
}

.editorial {
  background-color: #fff
}

.editorial-page-title {
  text-align: center;
  padding: 1em 0
}

.exceptional-opening-hours .breadcrumb-trail,
.faq .breadcrumb-trail {
  margin-right: 1.5rem;
  margin-left: 1.5rem
}

.faq .page-title {
  padding: 1.5rem;
  text-align: center
}

.side-template__checkbox {
  opacity: 0;
  position: absolute;
  left: 0
}

@media (max-width: 37.5em) {
  .side-template__checkbox ~ .side-template__wrapper .side-template__panel,
  .side-template__checkbox ~ .side-template__wrapper .side-template__section {
    width: 100%;
    transition: .2s ease-in-out
  }

  .side-template__checkbox ~ .side-template__wrapper .side-template__panel {
    background: #f5f4f2;
    z-index: 1001;
    right: 100%;
    top: 0
  }

  .side-template__checkbox:checked ~ .side-template__wrapper .side-template__panel {
    right: 0;
    min-height: 100vh
  }

  .side-template__checkbox:checked ~ .side-template__wrapper .side-template__section {
    position: absolute;
    top: 0;
    height: 100vh;
    overflow: hidden
  }

  .side-template__checkbox:checked ~ .side-template__pre-section {
    display: none
  }
}

.side-template__panel {
  right: 100%;
  top: 0;
  background: #f5f4f2;
  position: absolute;
  background-color: inherit
}

.side-template__panel-close {
  position: absolute;
  right: 10px;
  top: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E") no-repeat;
  overflow: hidden;
  text-indent: 99px;
  height: 16px;
  width: 16px;
  cursor: pointer
}

@media (min-width: 37.5em) {
  .side-template__panel-close {
    display: none
  }
}

.side-template__opening-icon {
  position: -webkit-sticky;
  position: sticky;
  display: block;
  z-index: 3;
  cursor: pointer
}

.side-template__opening-icon:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='65'%3E%3Cpath fill='%230970e6' d='M38.6 16.2c-5.6-3.6-11-4.5-13-5C16.5 8.9 4.6 4.6 0 0v65c4.6-4.6 16.5-8.9 25.6-11.3 2-.5 7.4-1.4 13-5 5.1-3.1 8.1-9.4 8.1-16.2 0-5.6-3-13.1-8.1-16.3z'/%3E%3C/svg%3E") no-repeat 0;
  height: 65px;
  width: 47px;
  z-index: 4;
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .5));
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .5))
}

.side-template__opening-icon:after,
.side-template__opening-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.side-template__opening-icon:after {
  background: #fff no-repeat 50%;
  background-size: 22px 22px;
  height: 30px;
  width: 30px;
  z-index: 5;
  border-radius: 100px;
  left: 13px
}

@media (min-width: 37.5em) {
  .side-template__opening-icon {
    display: none
  }
}

.side-template__opening-content {
  height: 0;
  display: block;
  overflow: hidden
}

.side-template__section {
  position: relative
}

@media (min-width: 37.5em) {
  .side-template__wrapper {
    display: flex;
    position: relative;
    min-height: 128px
  }

  .side-template__panel {
    flex: 1 1 278px;
    right: auto;
    top: auto;
    background: #f5f4f2;
    position: static
  }

  .side-template__section {
    overflow: hidden;
    flex: 1 1 80%
  }
}

.login-seo {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .login-seo {
    padding: 100px 0
  }

  .login-seo:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/clouds.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.order-detail-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .order-detail-page {
    padding: 100px 0
  }

  .order-detail-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.order-summary-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .order-summary-page {
    padding: 100px 0
  }

  .order-summary-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.pdp__nav {
  height: 40px;
  line-height: 40px;
  background-color: #f5f4f2;
  display: flex
}

.pdp__nav__back {
  padding: 0 1.5rem;
  display: inline-block;
  flex: 1 1 280px;
  color: #0970e6;
  font-size: .83333em;
  font-weight: 700
}

.pdp__nav__back__arrow {
  margin: 0 1rem 0 0;
  height: 14px;
  transform: scaleX(-1)
}

.pdp__nav__breadcrumb {
  flex: 2 1 560px
}

.pdp__product {
  display: flex;
  flex-wrap: wrap
}

.pdp__left {
  flex: 1 1 280px
}

@media (min-width: 50em) {
  .pdp__left__content {
    position: -webkit-sticky;
    position: sticky;
    z-index: 9;
    top: 0;
    height: 100vh
  }
}

.pdp__right {
  flex: 2 1 560px
}

.pdp__right__subhero {
  display: flex;
  flex-direction: column
}

@media (min-width: 50em) {
  .pdp__right__subhero {
    flex-direction: row
  }

  .pdp__right__subhero__secondary {
    flex: 2
  }

  .pdp__right__subhero__crosssell {
    flex: 1;
    min-width: 240px;
    max-width: 320px
  }

  .pdp__right__subhero__crosssell:empty {
    display: none
  }
}

.product-listing-page {
  background: #f5f4f2;
  display: block
}

.product-listing-page .hero {
  display: none
}

.product-listing-page .product-list {
  overflow: hidden
}

.product-listing-page .side-panel__panel .filters-list > .title {
  margin-top: 25px;
  text-transform: uppercase;
  text-align: center
}

@media (min-width: 37.5em) {
  .product-listing-page .side-panel__panel .filters-list > .title {
    margin-top: 0;
    text-align: left;
    text-transform: capitalize
  }
}

.product-listing-page .side-template__opening-icon {
  top: 52px
}

.product-listing-page .side-template__opening-icon:before {
  margin-top: -27px
}

.product-listing-page .side-template__opening-icon:after {
  background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg data-name='SVP search autocorrection' fill='%230970e6'%3E%3Ccircle cx='9.68' cy='11.57' r='2.18'/%3E%3Cpath d='M4.61 11.61a.76.76 0 0 1 .76-.76h1.84c.5 0 .21 0 .21.76s.31.75-.06.75h-2a.76.76 0 0 1-.75-.75z'/%3E%3Ccircle data-name='Oval-2' cx='14.77' cy='5.77' r='2.18'/%3E%3Cpath d='M4.58 5.8a.76.76 0 0 1 .76-.8h7c.5 0 .2 0 .2.76s.33.76 0 .76h-7.2a.76.76 0 0 1-.76-.72zM19.58 5.8a.76.76 0 0 0-.76-.8h-1.59c-.5 0-.2 0-.2.76s-.32.76.06.76h1.73a.76.76 0 0 0 .76-.76z'/%3E%3Cg data-name='Group-3'%3E%3Ccircle data-name='Oval-2' cx='13.77' cy='17.43' r='2.18'/%3E%3Cpath d='M4.6 17.47a.76.76 0 0 1 .75-.76h6c.5 0 .2 0 .2.76s.32.75 0 .75h-6.2a.76.76 0 0 1-.75-.75zM19.58 17.47a.76.76 0 0 0-.76-.76h-2.59c-.49 0-.2 0-.2.76s-.31.75.06.75h2.73a.76.76 0 0 0 .76-.75z'/%3E%3C/g%3E%3Cpath d='M19.58 11.61a.76.76 0 0 0-.76-.76h-6.68c-.49 0-.2 0-.2.76s-.31.75.06.75h6.82a.76.76 0 0 0 .76-.75z'/%3E%3C/g%3E%3C/svg%3E");
  margin-top: -27px
}

.product-listing-page__sorting {
  position: relative;
  display: block;
  z-index: 3;
  line-height: 54px;
  margin-left: 60px
}

.product-listing-page__sorting__select {
  color: #095ba5;
  font-weight: 400;
  font-family: Ubuntu, sans-serif;
  display: flex;
  flex-wrap: wrap
}

@media (max-width: 37.5em) {
  .product-listing-page__sorting__select {
    position: absolute;
    right: 10px;
    top: 0
  }
}

@media (max-width: 37.5em) {
  .product-listing-page__sorting .badge {
    display: none
  }
}

@media (min-width: 37.5em) {
  .product-listing-page__sorting {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end
  }
}

.product-listing-page__sort-by {
  color: #929292;
  font-size: .875rem;
  display: none;
  padding: 0 .625rem 0 1.25rem;
  font-weight: 600
}

@media (min-width: 50em) {
  .product-listing-page__sort-by {
    display: block
  }
}

.product-listing-page__filters-label {
  font-weight: 700;
  color: #0970e6;
  overflow: hidden
}

@media (min-width: 37.5em) {
  .product-listing-page__filters-label {
    display: none
  }
}

.product-listing-page__breadcrumb {
  display: none
}

@media (min-width: 37.5em) {
  .product-listing-page__breadcrumb {
    display: inline-block
  }
}

.product-listing-page__alert {
  padding: 0 1em;
  color: #0e3368;
  font-size: .875em;
  border-bottom: 1px solid #e5e5e5
}

@media (min-width: 37.5em) {
  .product-listing-page__alert {
    display: inline-block;
    border-bottom: initial;
    line-height: 54px
  }
}

.product-listing-page__alert__link {
  font-family: Ubuntu, sans-serif;
  font-weight: 700;
  color: #0970e6
}

.product-listing-page__header {
  text-align: center;
  padding-top: 15px
}

.product-listing-page__header .page-title {
  margin-bottom: .5em
}

@media (min-width: 37.5em) {
  .product-listing-page__filters-label {
    display: none
  }

  .product-listing-page__sorting {
    margin-left: 0
  }

  .product-listing-page__post-header {
    background-color: #fff;
    display: flex
  }

  .product-listing-page__header {
    display: none
  }
}

.registration-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .registration-page {
    padding: 100px 0
  }

  .registration-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/clouds.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.store-filter-banner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: .375rem .75rem;
  list-style: none
}

.store-filter-banner__item {
  flex: 1;
  padding: 0;
  min-width: 100%;
  font-size: .875rem
}

@media (min-width: 37.5em) {
  .store-filter-banner__item {
    min-width: 48%;
    max-width: 48%
  }
}

.store-filter-banner__filter-action {
  display: none
}

.store-filter-checkbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: .375rem .75rem;
  list-style: none;
  background: #f5f4f2
}

.store-filter-checkbox__item {
  min-width: 100%
}

@media (min-width: 37.5em) {
  .store-filter-checkbox__item {
    min-width: 48%;
    max-width: 48%
  }
}

.store-filter-checkbox__input {
  margin-right: 20px
}

.store-filters__header {
  background: #095ba5;
  display: flex
}

.store-filters__header__text {
  flex: 1;
  color: #fff;
  line-height: 1.43;
  font-weight: 700;
  font-size: .875rem;
  padding: 9.5px 19.7px
}

@media (min-width: 37.5em) {
  .store-filters__header__text {
    padding: 18.8px 40.7px
  }
}

.store-filters__header__cta {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 0 18px;
  color: #fff
}

@media (min-width: 37.5em) {
  .store-filters__header__cta {
    padding: 0 40px
  }
}

.store-filters__header__cta--show {
  background: #0970e6
}

.store-filters__header__cta--hide {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.06 12.007l5.259-5.191a.75.75 0 1 0-1.054-1.068l-5.258 5.191-5.191-5.258a.75.75 0 1 0-1.068 1.054l5.191 5.258-5.258 5.191a.75.75 0 1 0 1.054 1.068l5.258-5.191 5.191 5.258a.75.75 0 1 0 1.068-1.054z' fill='%230970e6'/%3E%3C/svg%3E") no-repeat;
  background-size: 16px;
  background-position: 0
}

@media (min-width: 37.5em) {
  .store-filters__header__cta--hide {
    padding: 0 40px;
    background-position: 20px
  }
}

.store-filters__content {
  background: #f5f4f2
}

.store-filters__apply {
  padding: 20px;
  text-align: right;
  background: #fff
}

.store-filters__apply button {
  width: 100%
}

@media (min-width: 37.5em) {
  .store-filters__apply button {
    width: auto
  }
}

.store-list__items-list {
  padding: 0;
  margin: 0;
  list-style-type: none
}

.store-list__items-list__item {
  border-bottom: 2px solid #e5e5e5;
  margin: 0;
  padding: 20px
}

.store-list__items-list__item--selected {
  border: 2px solid #0e3368
}

.store-list__items-list__item-cols {
  display: flex
}

@media (max-width: 37.5em) {
  .store-list__items-list__item-cols--timings {
    flex-direction: column
  }
}

.store-list__items-list__item-col {
  flex: 1
}

.store-list__item-cols--timings .store-list__items-list__item-col:first-child {
  flex: 0 0 60%
}

@media (min-width: 37.5em) {
  .store-list__item-cols--timings .store-list__items-list__item-col:nth-child(2) {
    text-align: right
  }
}

.store-list__items-list__item-is-open {
  font-size: .875rem;
  font-weight: 700;
  color: #575757;
  position: relative;
  margin-left: 10.6px;
  padding-left: 27.2px
}

.store-list__items-list__item-is-open:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #4ccd8a;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: calc((100% - 10px) / 2)
}

@media (max-width: 37.5em) {
  .store-list__items-list__item-is-open {
    margin-left: 5.6px
  }
}

.store-list__more-result {
  padding: 20px;
  text-align: right;
  background: #fff
}

.store-list__more-result__button {
  width: 100%;
  font-weight: 700
}

@media (min-width: 37.5em) {
  .store-list__more-result__button {
    width: auto
  }
}

.store-list__more-result__button__text {
  font-weight: 700
}

.store-card__top-section__left-items__index {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='32'%3E%3Cpath fill='%23db3832' d='M22.472 11.635c0 9.219-10.766 20.002-10.766 20.002S.94 20.854.94 11.635C.939 5.688 5.759.868 11.706.868s10.766 4.82 10.766 10.767z'/%3E%3C/svg%3E") no-repeat 50%
}

.store-card__top-section__distance {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='32'%3E%3Cpath fill='%230970e6' d='M13.282 30.13L.568 17.411C.217 17.061 0 16.577 0 16.042s.217-1.019.568-1.369L13.281 1.958c.351-.35.835-.567 1.37-.567s1.019.217 1.37.567l12.718 12.716a1.934 1.934 0 0 1 0 2.738L16.023 30.13c-.351.35-.835.567-1.37.567s-1.019-.217-1.37-.567z'/%3E%3Cpath fill='%23fff' d='M20.634 13.257l-3.372-3.088a.922.922 0 1 0-1.248 1.36l.001.001 1.818 1.664H11.14a.923.923 0 0 0-.923.923v6.942a.923.923 0 1 0 1.846 0v-6.018h5.591l-1.678 1.73a.924.924 0 0 0 1.325 1.285l-.001.001 3.372-3.476a.919.919 0 0 0-.038-1.324l-.001-.001z'/%3E%3C/svg%3E") no-repeat 100%
}

.store-card {
  display: flex;
  flex-direction: column
}

.store-card__top-section {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5em
}

@media (min-width: 64em) {
  .store-card__top-section {
    margin-bottom: 0
  }
}

.store-card__top-section__left-items {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center
}

.store-card__top-section__left-items__index {
  width: 23px;
  height: 35px;
  text-align: center;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='32'%3E%3Cpath fill='%23db3832' d='M22.472 11.635c0 9.219-10.766 20.002-10.766 20.002S.94 20.854.94 11.635C.939 5.688 5.759.868 11.706.868s10.766 4.82 10.766 10.767z'/%3E%3C/svg%3E") no-repeat 50%;
  color: #fff;
  font-weight: 700;
  font-size: .875rem;
  padding-top: 3px;
  margin-right: 1em
}

@media (max-width: 37.5em) {
  .store-card__top-section__left-items__index {
    margin-left: 0
  }
}

.store-card__top-section__left-items__name {
  display: inline-flex;
  justify-content: center;
  align-items: flex-start
}

@media (min-width: 64em) {
  .store-card__top-section__left-items__name {
    font-size: 1.25rem;
    color: #0e3368
  }
}

.store-card__top-section__left-items__icon {
  height: 1.3em;
  margin-right: .5em
}

@media (min-width: 64em) {
  .store-card__top-section__left-items__icon {
    height: 1em
  }
}

.store-card__top-section__left-items__text {
  color: #0970e6;
  font-size: 1rem;
  font-weight: 700
}

.store-card__top-section__distance {
  display: flex;
  justify-content: flex-end;
  height: 2.2em;
  width: 2.2em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='32'%3E%3Cpath fill='%230970e6' d='M13.282 30.13L.568 17.411C.217 17.061 0 16.577 0 16.042s.217-1.019.568-1.369L13.281 1.958c.351-.35.835-.567 1.37-.567s1.019.217 1.37.567l12.718 12.716a1.934 1.934 0 0 1 0 2.738L16.023 30.13c-.351.35-.835.567-1.37.567s-1.019-.217-1.37-.567z'/%3E%3Cpath fill='%23fff' d='M20.634 13.257l-3.372-3.088a.922.922 0 1 0-1.248 1.36l.001.001 1.818 1.664H11.14a.923.923 0 0 0-.923.923v6.942a.923.923 0 1 0 1.846 0v-6.018h5.591l-1.678 1.73a.924.924 0 0 0 1.325 1.285l-.001.001 3.372-3.476a.919.919 0 0 0-.038-1.324l-.001-.001z'/%3E%3C/svg%3E") no-repeat 100%;
  color: #0970e6;
  font-weight: 600;
  cursor: pointer
}

.store-card__middle-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}

.store-card__middle-section__address {
  color: #575757;
  font-size: .8em
}

@media (min-width: 64em) {
  .store-card__middle-section__address {
    min-width: auto;
    padding-left: calc(23px + 1em)
  }
}

.store-card__middle-section__open-today {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center
}

@media (min-width: 64em) {
  .store-card__middle-section__open-today {
    padding: 0 2.2em 0 calc(23px + 1em)
  }
}

.store-card__middle-section__open-today__text {
  color: #575757;
  font-size: .875rem;
  margin: 0
}

.store-card__middle-section__open-today__icon {
  width: 10px;
  height: 10px;
  background: #4ccd8a;
  border-radius: 5px;
  margin-right: .5em
}

.store-card__middle-section__open-today__icon--close {
  background: #db3832
}

.store-card__middle-section__drive-types {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  width: 100%;
  padding: 0 1.5rem;
  margin: 1em 0 1.5rem
}

@media (min-width: 64em) {
  .store-card__middle-section__drive-types {
    padding: 0 2.2em 0 calc(23px + 1em);
    justify-content: flex-start
  }
}

.store-card__middle-section__drive-types__item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0
}

@media (min-width: 64em) {
  .store-card__middle-section__drive-types__item {
    margin: 0 1em 0 0
  }
}

.store-card__middle-section__drive-types__link {
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.store-card__middle-section__drive-types__icon {
  margin: 0 .5em 0 0;
  width: 2em
}

.store-card__middle-section__drive-types__text {
  color: #0970e6;
  margin: 0;
  font-size: .875rem;
  font-weight: 700
}

.store-card__middle-section__exceptionnal-opening {
  width: 100%
}

.store-card__bottom-section__drive-types {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  width: 100%;
  margin: 1em 0 1.5rem
}

@media (min-width: 64em) {
  .store-card__bottom-section__drive-types {
    justify-content: flex-start
  }
}

.store-card__bottom-section__drive-types__item {
  width: 100%;
  margin: 0
}

.store-card__bottom-section__drive-types__item,
.store-card__bottom-section__drive-types__link {
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.store-card__bottom-section__drive-types__icon {
  margin: 0 .5em 0 0;
  width: 2em
}

.store-card__bottom-section__drive-types__text {
  color: #0970e6;
  margin: 0;
  font-size: .875rem;
  font-weight: 700
}

.store-delivery {
  display: flex;
  flex-direction: column;
  font-size: .875rem;
  line-height: 1.71;
  width: 100%
}

.store-delivery__home {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  align-items: center;
  padding: 1em 0
}

@media (min-width: 37.5em) {
  .store-delivery__home {
    flex-direction: row;
    padding: 0 1em
  }
}

.store-delivery__home__left {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0
}

@media (min-width: 37.5em) {
  .store-delivery__home__left {
    width: 35%
  }
}

.store-delivery__home__left .channel-list-header__divider {
  margin: 2% 5% 1%
}

@media (min-width: 37.5em) {
  .store-delivery__home__left .channel-list-header__divider {
    margin: 5% 10%
  }
}

.store-delivery__home__left .channel-list-header__right-content {
  width: 50%
}

@media (min-width: 37.5em) {
  .store-delivery__home__left .channel-list-header__right-content {
    width: 100%
  }
}

@media (min-width: 37.5em) {
  .store-delivery__home__left .channel-list-header__right-content__icon {
    width: 50%
  }
}

@media (min-width: 64em) {
  .store-delivery__home__left .channel-list-header__right-content__icon {
    width: 80%
  }
}

.store-delivery__home__right {
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.store-delivery__home__right__text {
  margin: 0;
  color: #0e3368;
  font-weight: 700;
  font-size: 1.2em;
  margin-right: .5em
}

@media (min-width: 37.5em) {
  .store-delivery__home__right__text {
    font-size: .875rem
  }
}

.store-delivery__home__right__arrow {
  display: flex
}

.store-delivery__store {
  border-radius: 8px;
  background-color: #f5f4f2;
  margin-top: 20px
}

.store-delivery__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .5em 1.5rem;
  margin-top: 1em
}

@media (min-width: 64em) {
  .store-delivery__content--desktop-style {
    padding: .5em calc(23px + 1em);
    flex-direction: row;
    justify-content: space-between
  }
}

.store-delivery__content__with-icon {
  display: inline-flex;
  justify-content: space-between;
  align-items: center
}

.store-delivery__content__info {
  width: 100%;
  margin-bottom: .5em;
  color: #575757;
  font-weight: 400;
  align-self: center;
  text-align: left
}

@media (min-width: 64em) {
  .store-delivery__content__info {
    width: auto;
    margin: 0
  }
}

.store-delivery__content__icon {
  margin: 0 .5em 0 0;
  width: 2em;
  margin-right: 1em
}

.store-delivery__content__type {
  font-weight: 700
}

.store-delivery__content__time {
  display: block;
  font-weight: 700;
  color: #575757
}

.store-delivery__content__link {
  align-self: center;
  width: 80%
}

@media (min-width: 64em) {
  .store-delivery__content__link--desktop-style {
    width: auto
  }
}

.store-delivery__content__link.a-button {
  border-color: #fff;
  margin: .5em 0;
  padding: 0 3em;
  display: flex;
  justify-content: center;
  background-color: #fff;
  color: #0970e6
}

.store-locator {
  position: relative;
  height: 100%;
  min-height: calc(100vh - 5.9375rem);
  display: flex;
  flex-direction: column
}

@media (min-width: 64em) {
  .store-locator {
    height: calc(100vh - 8.575rem);
    min-height: calc(100vh - 8.575rem);
    overflow: visible
  }
}

.store-locator__popup--change-order {
  order: 2
}

.store-locator-mod {
  min-height: 100vh
}

.store-locator__loader {
  display: none
}

@media (min-width: 64em) {
  .store-locator__loader {
    display: block;
    margin-top: 40vh
  }
}

.store-locator__section__header {
  background: #e5e5e5;
  color: #0e3368;
  padding: 20px
}

.store-locator__section__content {
  padding: 20px
}

.store-locator__map {
  display: block;
  height: calc(100vh - 5.9375rem)
}

.store-locator__map--hidden {
  display: none
}

.store-locator__map--shorted {
  height: calc(60vh - 5.9375rem)
}

@media (min-width: 64em) {
  .store-locator__map {
    height: 100%;
    display: block
  }
}

.store-locator__map--change-order {
  order: 1
}

.store-locator__map__resize-btn {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  background: #fff;
  border-radius: 25px;
  color: #0970e6;
  cursor: pointer;
  padding: 11px 55px 11px 20px;
  font-size: .75rem;
  font-weight: 600
}

@media (min-width: 64em) {
  .store-locator__map__resize-btn {
    display: none
  }
}

.store-news-page {
  background: #fff
}

.store-page {
  position: relative;
  background-color: #f5f4f2
}

.store-page__sidebar {
  background-color: #f5f4f2;
  padding: 3rem 1.5rem
}

.store-page__sidebar-sticker {
  position: -webkit-sticky;
  position: sticky;
  width: 23%;
  top: 1.5rem
}

@media (max-width: 37.5em) {
  .store-page__sidebar-sticker {
    width: 100%
  }
}

@media (max-width: 37.5em) {
  .store-page__sidebar {
    position: relative;
    top: -12em
  }
}

.store-page__map {
  width: 100%;
  height: 250px;
  padding: 0;
  margin: 0
}

.store-page__banner {
  position: absolute;
  right: 0;
  top: 7rem;
  width: 75%;
  padding: 1.5rem 3rem;
  z-index: 10;
  background-color: #fff;
  border-top-left-radius: 30px;
  text-align: center
}

.store-page__banner .heading {
  font-size: 3rem;
  font-weight: 700
}

.store-page__banner .breadcrumbs {
  display: inline-flex
}

@media (max-width: 37.5em) {
  .store-page__banner {
    position: relative;
    width: 100%;
    top: -12em;
    border-top-right-radius: 30px
  }

  .store-page__banner .heading {
    font-size: 2rem;
    margin-top: 2rem
  }

  .store-page__banner .breadcrumbs {
    position: absolute;
    top: -7.1em;
    left: 0;
    width: 50%;
    background-color: rgba(0, 0, 0, .5);
    border-bottom-right-radius: 10px;
    z-index: 20
  }

  .store-page__banner .breadcrumbs li {
    display: none
  }

  .store-page__banner .breadcrumbs li:last-child {
    display: block
  }

  .store-page__banner .breadcrumbs li:last-child a {
    color: #fff
  }

  .store-page__banner .breadcrumbs li:last-child a:before {
    display: none
  }
}

.store-page__main {
  background-color: #fff
}

@media (max-width: 37.5em) {
  .store-page__main {
    margin-top: -12em
  }
}

.store-page__essentials {
  display: flex;
  padding: 2em 0 0;
  flex-wrap: wrap
}

.store-page__fuel {
  flex: 1;
  margin: 1em;
  flex-basis: 100%;
  width: 100%
}

@media (min-width: 70em) {
  .store-page__fuel {
    flex-basis: 20%;
    width: 30%
  }
}

.store-page__fuel .heading {
  font-size: 1rem;
  font-weight: 700
}

.store-page__fuel ul {
  padding: 0;
  list-style: none;
  margin: 1.5rem 0
}

.store-page__fuel p {
  font-size: .8em
}

.store-page__fuel a {
  font-weight: 700
}

.store-page .store-delivery-card {
  text-align: center;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: #f5f4f2;
  flex: 1;
  flex-basis: 50%;
  margin: 1em
}

@media (min-width: 70em) {
  .store-page .store-delivery-card {
    flex-basis: 20%;
    width: 30%;
    max-width: 50%
  }
}

@media (max-width: 37.5em) {
  .store-page .store-delivery-card {
    margin: 1.5rem 0
  }
}

.store-page .store-delivery-card svg {
  margin: auto 1em;
  width: 70px
}

.store-page .store-delivery-card svg path {
  fill: #095ba5
}

.store-page .store-delivery-card__heading {
  position: relative;
  color: #095ba5;
  font-size: 1.4rem;
  font-weight: 700
}

.store-page .store-delivery-card .button {
  margin-bottom: auto
}

.store-page .store-delivery-card__description {
  color: #a5210a;
  font-weight: 700;
  font-size: .8rem;
  line-height: .8em
}

.store-page .store-delivery-card__header {
  display: flex;
  font-size: .8em;
  margin: 0 .75rem;
  padding: 0 .75rem;
  padding-top: .75rem;
  height: 90px
}

.store-page .store-delivery-card__meta {
  text-align: center;
  border-left: 1px solid #095ba5;
  padding-left: .75rem
}

.store-page .store-delivery-card__inner {
  margin-top: auto;
  padding: 0 2em 1.5rem;
  color: #0e3368
}

.store-page .store-delivery-card__inner p {
  text-align: left
}

.store-page .store-delivery-card__inner .button {
  width: 100%;
  height: auto;
  white-space: normal;
  margin-top: 5px;
  margin-bottom: 1.5rem
}

.store-page .store-delivery-card--drive .store-delivery-card__meta {
  border: initial;
  width: 70%
}

.store-page .store-delivery-card--drive .store-delivery-card__meta img {
  width: 80%
}

@media (max-width: 37.5em) {
  .store-page__back {
    margin-top: 1.5rem
  }
}

.store-meta {
  display: flex;
  align-items: flex-start;
  padding: .75rem
}

.store-meta + .store-meta {
  margin-top: 1.5rem
}

.store-meta--exceptions {
  border-radius: 10px;
  background-color: hsla(2, 71%, 69%, .15);
  margin: 1.5rem 1em 0
}

.store-meta--exceptions h3 {
  color: #db3832;
  font-family: Open Sans, sans-serif;
  font-size: .8rem;
  font-weight: 700;
  margin-top: 3px;
  margin-bottom: .75rem
}

.store-meta--exceptions.open {
  background-color: #dbf5e8
}

.store-meta--exceptions.open h3 {
  color: #068d49
}

.store-meta__address {
  width: 80%
}

.store-meta__address__direction {
  margin-left: 10px
}

.store-meta__address__direction__link {
  display: inherit;
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='32'%3E%3Cpath fill='%230970e6' d='M13.282 30.13L.568 17.411C.217 17.061 0 16.577 0 16.042s.217-1.019.568-1.369L13.281 1.958c.351-.35.835-.567 1.37-.567s1.019.217 1.37.567l12.718 12.716a1.934 1.934 0 0 1 0 2.738L16.023 30.13c-.351.35-.835.567-1.37.567s-1.019-.217-1.37-.567z'/%3E%3Cpath fill='%23fff' d='M20.634 13.257l-3.372-3.088a.922.922 0 1 0-1.248 1.36l.001.001 1.818 1.664H11.14a.923.923 0 0 0-.923.923v6.942a.923.923 0 1 0 1.846 0v-6.018h5.591l-1.678 1.73a.924.924 0 0 0 1.325 1.285l-.001.001 3.372-3.476a.919.919 0 0 0-.038-1.324l-.001-.001z'/%3E%3C/svg%3E") no-repeat 100%;
  color: #0970e6;
  font-weight: 600;
  text-indent: -9999px;
  overflow: hidden
}

.store-meta__critizr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.store-meta__critizr .critizr-ratings {
  margin-top: .75rem;
  font-size: .8rem
}

.store-meta__critizr .critizr-ratings svg {
  width: 50px;
  display: inline-block
}

.store-meta__icon {
  margin-right: .75rem;
  width: 28px;
  flex-basis: 28px;
  flex-shrink: 0;
  display: flex;
  justify-content: center
}

.store-meta__content {
  font-size: .8rem;
  width: 100%
}

.store-meta--address .store-meta__content,
.store-meta__opening-range {
  display: flex
}

.store-meta__opening-range + .store-meta__opening-range {
  margin-top: .375rem
}

.store-meta__time {
  margin-left: auto
}

.store-meta__time-range {
  border-radius: 3px;
  padding: 0 .6em;
  font-weight: 700;
  margin: 2px;
  text-align: center;
  background-color: #fff
}

.store-open-meta {
  color: #4ccd8a;
  display: flex;
  align-items: center;
  font-weight: 700
}

.store-open-meta:before {
  content: "";
  display: inline-block;
  width: .5em;
  height: .5em;
  background-color: #4ccd8a;
  margin-right: .75rem;
  border-radius: 50%
}

.critizr-comments {
  padding: 3rem
}

@media (max-width: 37.5em) {
  .critizr-comments {
    padding: 1.5rem
  }
}

.store-promotions {
  padding: 1.5rem 0
}

.store-promotions__header {
  max-width: 1190px;
  margin: 0 auto;
  text-align: center;
  padding: 1.5rem 4.5rem
}

.store-promotions__carousel {
  max-width: 1190px;
  margin: 0 auto;
  padding: 1em 4em
}

.store-promotions__carousel ul {
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5
}

.store-page-news {
  background-color: #f5f4f2;
  padding-top: 7.5rem;
  padding-bottom: 6rem
}

.store-page-news__header {
  text-align: center;
  padding: 1.5rem 4.5rem
}

.store-page-news__carousel,
.store-page-news__header {
  max-width: 1190px;
  margin: 0 auto
}

.store-page-news__carousel .flickity-prev-next-button {
  display: none
}

@media (min-width: 70em) {
  .store-page-news__carousel .flickity-prev-next-button {
    display: flex;
    align-items: center;
    justify-content: center;
    top: -3.75rem;
    transform: none;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
    width: 40px;
    height: 40px;
    transition: opacity .15s;
    padding: 0;
    right: 0
  }

  .store-page-news__carousel .flickity-prev-next-button:active {
    opacity: 1
  }

  .store-page-news__carousel .flickity-prev-next-button svg {
    width: 20px;
    height: auto;
    transition: .2s;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px
  }

  .store-page-news__carousel .flickity-prev-next-button svg path {
    fill: #0970e6
  }

  .store-page-news__carousel .flickity-prev-next-button:hover svg {
    transform: translateX(1px)
  }

  .store-page-news__carousel .flickity-prev-next-button:hover svg path {
    fill: #095ba5
  }

  .store-page-news__carousel .flickity-prev-next-button:disabled {
    opacity: 1;
    box-shadow: none
  }

  .store-page-news__carousel .flickity-prev-next-button:disabled svg path {
    fill: #929292
  }

  .store-page-news__carousel .flickity-prev-next-button.previous {
    right: 50px;
    left: auto
  }

  .store-page-news__carousel .flickity-prev-next-button.previous:hover svg {
    transform: translateX(-1px)
  }

  .store-page-news__carousel .flickity-prev-next-button.previous:hover svg path {
    fill: #095ba5
  }
}

.store-page-news__carousel .news-card {
  width: 298px
}

@media (max-width: 37.5em) {
  .store-page-news__carousel .news-card {
    position: static !important;
    margin: 0 auto
  }
}

.date-separator {
  font-weight: 300
}

.store-page-hero {
  background-color: #f5f4f2;
  padding: 0;
  background-position: 25%;
  background-size: 150%;
  position: relative;
  overflow: hidden;
  height: 262px
}

.store-page-hero .marker {
  position: absolute;
  left: 50%;
  top: 3rem;
  width: 70px;
  z-index: 15;
  margin-left: -35px;
  -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0, .2));
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, .2))
}

@media (min-width: 37.5em) {
  .store-page-hero .marker {
    left: 10rem;
    top: 50%;
    margin-top: -70px;
    z-index: 11;
    width: 85px;
    margin-left: -42.5px
  }
}

.store-page-hero__background {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 9;
  opacity: .5
}

@media (min-width: 37.5em) {
  .store-page-hero__background {
    width: 100%
  }
}

.stores-directories .breadcrumb-trail {
  margin-right: 1.5rem;
  margin-left: 1.5rem
}

.user-product-list-landing-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .user-product-list-landing-page {
    padding: 100px 0
  }

  .user-product-list-landing-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}

.user-product-list-page {
  display: flex;
  justify-content: center;
  position: relative;
  background-color: #f5f4f2
}

@media (min-width: 37.5em) {
  .user-product-list-page {
    padding: 100px 0
  }

  .user-product-list-page:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: url("/images/bg/my-account.jpg");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}