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,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

@font-face {
  font-family: 'Open Sans';
  src: url(../catalog/version_common/styles/fonts/opensans-regular-webfont.eot);
  src: url(../catalog/version_common/styles/fonts/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../catalog/version_common/styles/fonts/opensans-regular-webfont.woff2) format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans Bold';
  src: url(../catalog/version_common/styles/fonts/opensans-bold-webfont.eot);
  src: url(../catalog/version_common/styles/fonts/opensans-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../catalog/version_common/styles/fonts/opensans-bold-webfont.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url(../catalog/version_common/styles/fonts/Manrope-Medium.eot);
  src: url(../catalog/version_common/styles/fonts/Manrope-Medium.eot?#iefix) format('embedded-opentype'), url(../catalog/version_common/styles/fonts/Manrope-Medium.woff2) format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope Bold';
  src: url(../catalog/version_common/styles/fonts/Manrope-Bold.eot);
  src: url(../catalog/version_common/styles/fonts/Manrope-Bold.eot?#iefix) format('embedded-opentype'), url(../catalog/version_common/styles/fonts/Manrope-Bold.woff2) format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Party Bold';
  src: url(../catalog/version_common/styles/fonts/Party-Bold.eot);
  src: url(../catalog/version_common/styles/fonts/Party-Bold.eot?#iefix) format('embedded-opentype'), url(../catalog/version_common/styles/fonts/Party-Bold.woff2) format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

:root {
  --red: #e21212;
  --red-hover: #d01111;
  --red-pressed: #bd0f0f;
  --blue: #006af5;
  --blue-hover: #0061e0;
  --blue-pressed: #0058cc;
  --marketplace: #008391;
  --marketplace-hover: #007682;
  --marketplace-pressed: #006974;
  --light-blue: #ccdff9;
  --light-blue-hover: #ccdff9;
  --light-blue-pressed: #b2cdf0;
  --purple: #662d91;
  --orange: #fe741b;
  --green: #007a38;
  --yellow: #ffdb00;
  --error: var(--red);
  --success: var(--green);
  --message: #fff199;
  --disabled: #d8d8d8;
  --text-disabled: #656565;
  --black: #161616;
  --black-hover: #292929;
  --black-pressed: #333;
  --white: #fff;
  --white-hover: #e5e5e5;
  --white-pressed: #ccc;
  --dark-grey: #333;
  --grey: #454545;
  --mid-grey: #757575;
  --soft-grey: #989898;
  --low-grey: #d8d8d8;
  --light-grey: #f5f5f5;
  --border-grey: #ececec;
  --border-color: var(--low-grey);
  --back-office: #c8ff00;
  --back-office-submit: #647f00;
  --overlay: rgba(0, 0, 0, 0.6);
  --overlay-light: rgba(0, 0, 0, 0.2);
  --green-discount: #0e5952;
}

:root {
  --shadow: 0 0 10px 0 rgba(69, 69, 69, 0.08);
  --shadow-bottom: 0 -5px 10px 0 rgba(69, 69, 69, 0.08);
  --shadow-elevation-1: 0 2px 4px 0 rgba(69, 69, 69, 0.08), 0 0 2px 0 rgba(69, 69, 69, 0.14);
  --shadow-elevation-2: 0 2px 6px 1px rgba(69, 69, 69, 0.16), 0 0 2px 0 rgba(69, 69, 69, 0.14);
  --shadow-elevation-3: 0 4px 8px 2px rgba(69, 69, 69, 0.16), 0 0 2px 0 rgba(69, 69, 69, 0.14);
  --shadow-elevation-4: 0 6px 10px 3px rgba(69, 69, 69, 0.16), 0 0 2px 0 rgba(69, 69, 69, 0.14);
  --shadow-white: 0 -20px 2px 0 rgba(255, 255, 255, 0.5);
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.redir-seller-button {
  margin: 3px 0;
}
.redir-seller-button.text-left {
  text-align: left;
}
.redir-seller-button .mkp_sold_by {
  display: inline-block;
  max-width: 180px;
  height: 20px;
  padding: 0 5px;
  background-color: var(--blue);
  color: var(--white);
  overflow: hidden;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}
.redir-seller-button .sprite_empty_rates {
  text-align: left;
}
.product__mkp-seller {
  max-width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.product__mkp-seller-external {
  font-size: 12px;
  color: var(--marketplace);
}
.product__mkp-seller.product__mkp-seller--with-container {
  background-position: left 16px top 11px;
  padding: 10px 16px 10px 210px;
  border-bottom: 1px solid var(--light-grey);
  border-top: 1px solid var(--light-grey);
  background-color: var(--white);
  font-size: 14px;
}
.product__mkp-seller.product__mkp-seller-internal.product__mkp-seller--with-container {
  padding: 10px 16px;
}
.product__mkp-seller.redir-seller-button {
  font-family: var(--font-bold);
  border: none;
  margin-top: 10px;
  padding-bottom: 0;
  text-decoration: none;
}
.product__mkp-seller.redir-seller-button .seller-rating {
  background: url(../catalog/version_common/styles/images/pictos/blue-star.png) center left no-repeat;
  background-size: 13px;
  padding-left: 16px;
  font-size: 13px;
  font-family: var(--font-regular);
}
.product__mkp-seller .brand-seconde-vie__icon {
  display: block;
}
.product__mkp-seller .mkp-label {
  font-family: var(--font-regular);
}
.product__mkp-seller-alt {
  border-bottom: 4px solid var(--light-grey);
  margin: 0 -15px;
  padding: 10px 15px;
}
.product__mkp-seller-alt .seller {
  font-size: 14px;
  margin: 0;
}
.product__mkp-seller-alt .seller:last-of-type {
  font-size: 12px;
}
.product__mkp-seller-alt .flag-seller {
  align-items: center;
  font-family: var(--font-regular);
  font-size: 12px;
  color: var(--dark-grey);
  margin: 8px 0;
  text-align: left;
}
.product__mkp-seller-alt .flag-seller .img-flag {
  margin-right: 5px;
  vertical-align: bottom;
}
.product-labels__container {
  display: inline-block;
  position: relative;
}
.product-labels__tooltip {
  display: none;
  position: absolute;
  box-shadow: 0 0 2px 0 rgba(69, 69, 69, 0.16), 0 3px 6px 0 rgba(69, 69, 69, 0.16);
  width: max-content;
  max-width: 200px;
  margin-top: 5px;
  background-color: var(--white);
  border-radius: 3px;
  padding: 16px;
  z-index: 10;
}
.product-labels__tooltip.bottom {
  top: 100%;
}
.product-labels__tooltip.bottom::after {
  bottom: 100%;
  margin: 0 auto -5px;
  box-shadow: -1px -1px 1px 0 rgba(69, 69, 69, 0.16);
}
.product-labels__tooltip.top {
  bottom: 100%;
  margin-bottom: 15px;
}
.product-labels__tooltip.top::after {
  top: 100%;
  margin: -5px auto 0;
  box-shadow: 1px 1px 1px 0 rgba(69, 69, 69, 0.16);
}
.product-labels__tooltip::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: var(--white);
  position: absolute;
  left: 20px;
}
.product-labels__tooltip--is-mobile {
  padding: 12px;
}
.product-labels--is-in-list-page {
  padding-left: 10px;
}
.product-labels:hover .product-labels__tooltip {
  display: block;
}
.product_list_top-sales-flag {
  margin-left: 10px;
  margin-bottom: 10px;
}
.product_top-sales-flag_vertical {
  margin-bottom: 10px;
}
.product_top-sales-flag_img {
  max-width: 100px !important;
}
.product_bloc_navigation_links.product_bloc_aside {
  margin-bottom: -16px;
}
.product_bloc_navigation_links.bloc-product-accessories {
  padding-bottom: 0;
}
.product_bloc_navigation_links .navigation_item {
  display: inline-block;
  margin: 0 16px 16px 0;
}
.product_bloc_navigation_links .navigation_link {
  display: block;
  background: var(--white);
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-family: var(--font-bold);
  font-size: 13px;
  color: var(--dark-grey);
}
.product_bloc_navigation_links .navigation_link:hover,
.product_bloc_navigation_links .navigation_link:focus {
  text-decoration: underline;
}
.product_bloc_navigation_links .navigation_link_mobile {
  border-radius: 16px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-1line {
  display: block;
  white-space: nowrap;
}
.ellipsis-2lines {
  -webkit-line-clamp: 2;
}
.ellipsis-3lines {
  -webkit-line-clamp: 3;
}
.cap-first-letter {
  text-transform: lowercase !important;
}
.cap-first-letter::first-letter {
  text-transform: uppercase !important;
}
.stabilo {
  font-family: var(--font-bold);
  color: var(--red);
  position: relative;
  margin-left: 2px;
  z-index: 1;
  display: inline-block;
}
.stabilo::before {
  content: '';
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-right: -5px;
  background-color: var(--message);
  border-radius: 3px;
  z-index: -1;
  transform: skewX(20deg);
}
.js-modal-active {
  overflow-y: hidden;
}
.fading-toggle-content {
  overflow: hidden;
  max-height: 80px;
  padding-bottom: 20px;
}
.fading-toggle-content::after {
  content: '';
  background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
}
.fading-toggle-content--is-toggled {
  max-height: 1000px;
}
.fading-toggle-content--is-toggled::after {
  content: none;
}
.fading-toggle-content--is-toggled + .fading-toggle-trigger::after {
  transform: rotate(180deg);
}
.d-flex {
  display: flex;
}
.d-flex-jcsb {
  justify-content: space-between;
}
.d-flex-aic {
  align-items: center;
}
.d-flex-jcc {
  justify-content: center;
}
.d-flex-jcfs {
  justify-content: flex-start;
}
.d-flex-fdc {
  flex-direction: column;
}
.text-primary {
  color: var(--red);
}
.tooltip_message {
  display: none;
  position: absolute;
  bottom: 150%;
  left: 20%;
  transform: translateX(-70%);
  width: 288px;
  border-radius: 3px;
  padding: 16px 16px 0;
  color: var(--dark-grey);
  font-size: 14px;
  line-height: 18px;
  font-family: var(--font-regular);
  background-color: var(--white);
  box-shadow: 0 0 2px 0 rgba(69, 69, 69, 0.16), 0 3px 6px 0 rgba(69, 69, 69, 0.16);
  box-sizing: border-box;
  z-index: 2;
}
.tooltip_message::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--white);
  position: relative;
  top: 5px;
  left: 72%;
  transform: rotate(-45deg);
  box-shadow: -3px 3px 7px -1px rgba(69, 69, 69, 0.16);
}
.tooltip_message.pos_left {
  left: 0;
  transform: translateX(-10%) translateY(-15%);
}
.tooltip_message.pos_left::after {
  left: 15px;
}
.tooltip_title {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.tooltip_title::before {
  content: '';
  display: inline-block;
  background: url(../catalog/version_common/styles/images/pictos/darty_eco.svg) no-repeat center;
  height: 26px;
  width: 26px;
  margin-right: 11px;
  flex: none;
}
.tooltip_row {
  margin: 0 0 14px;
}
.tooltip_row:last-of-type {
  margin: 0;
}
.tooltip_wrap {
  position: relative;
  display: inline;
  vertical-align: middle;
}
.tooltip_wrap:hover .tooltip_message {
  display: block;
}
.tooltip_icon {
  height: 15px;
  width: 15px;
  cursor: pointer;
}
.popin_eco_intro {
  font-size: 14px;
  margin: 16px 0;
}
.popin_eco_extra {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-top: 12px;
}
.popin_eco_extra::before {
  content: '';
  display: inline-block;
  background: url(../catalog/version_common/styles/images/pictos/darty_eco.svg) var(--white) no-repeat center;
  height: 21.6px;
  width: 24px;
  margin-right: 8px;
  flex: none;
  align-self: flex-start;
}
.popin_eco_extra_wrap {
  font-size: 12px;
}
.popin_eco_extra .popin_eco_extra_link {
  display: inline-block;
  text-decoration: underline;
  margin-top: 4px;
  font-size: 12px;
  color: inherit;
}
.early-birds-title {
  margin-top: 20px;
}
.mea-offers__bloc {
  margin: 0 -15px;
  border-top: 4px solid var(--border-grey);
  padding: 15px;
}
.mea-offers__card {
  border-top: 1px solid var(--border-grey);
  border-right: 1px solid var(--border-grey);
  border-bottom: 1px solid var(--border-grey);
  border-left: 4px solid var(--marketplace);
  border-radius: 8px;
  position: relative;
  padding: 16px;
}
.mea-offers__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mea-offers__title {
  font-family: var(--font-bold);
  font-size: 14px;
  color: var(--dark-grey);
  display: flex;
  align-items: center;
  line-height: 14px;
  margin: 0 0 10px;
}
.mea-offers__icon {
  margin-right: 16px;
}
.mea-offers__text {
  font-size: 12px;
  color: var(--dark-grey);
  line-height: 12px;
}
.mea-offers__text--with-logo {
  display: flex;
  align-items: center;
}
.mea-offers__price {
  font-family: var(--font-bold);
  font-size: 16px;
  color: var(--dark-grey);
}
.mea-offers__state-label {
  font-size: 12px;
  font-family: var(--font-regular);
  color: var(--mid-grey);
  margin: 0;
}
.mea-offers__state {
  font-family: var(--font-bold);
}
.mea-offers__button {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.mea-offers__seller {
  font-family: var(--font-bold);
  color: var(--marketplace);
}
.mea-offers__link {
  font-size: 12px;
  color: var(--dark-grey);
  display: block;
  text-decoration: none;
  position: relative;
}
.mea-offers__link.btn-reset {
  margin-top: 16px;
  background: url(../catalog/version_common/styles/images/icons/arrow-right.svg) 100% 3px no-repeat;
  background-size: 7px;
}
.mea-offers__link--isMobile.btn-reset {
  margin-bottom: 16px;
}
.mea-offers__link-price {
  font-family: var(--font-bold);
}
.energy_flag {
  height: 40px;
}
.energy_flag .index {
  display: none;
}
.energy_flag .index.active {
  display: block;
}
.energy_flag .index_old_A {
  fill: #fff02a;
}
.energy_flag .index_old_A1 {
  fill: #bed630;
}
.energy_flag .index_old_A2 {
  fill: #55b64e;
}
.energy_flag .index_old_A3 {
  fill: #00a550;
}
.energy_flag .index_old_B {
  fill: #fcb731;
}
.energy_flag .index_old_C {
  fill: #f26f21;
}
.energy_flag .index_old_D {
  fill: #eb212e;
}
.energy_flag[data-callback-modal] {
  cursor: pointer;
}
.reparability_flag {
  height: 40px;
}
.reparability_flag .unit,
.reparability_flag .decimal {
  display: none;
}
.reparability_flag .unit.active,
.reparability_flag .decimal.active {
  display: block;
}
.reparability_flag.index_1 {
  color: #d91627;
}
.reparability_flag.index_2 {
  color: #fe741b;
}
.reparability_flag.index_3 {
  color: #ffc901;
}
.reparability_flag.index_4 {
  color: #9ecc00;
}
.reparability_flag.index_5 {
  color: #009443;
}
.recommendation-container {
  position: relative;
  aspect-ratio: 3.0639386189258313;
}
.recommendation-container.js-loading::before,
.custom-pack__container.js-loading::before,
.product-pse_insurance.js-loading::before {
  content: '';
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 0;
  bottom: 0;
  background: var(--white) url(../catalog/version_common/styles/images/loader-ajax.gif) no-repeat 50%;
  background-size: 56px auto;
}

.well {
  padding: 15px 10px;
}
.well .bloc:first-child,
.well p:first-child {
  margin-top: 0;
}
.well .bloc:last-child,
.well p:last-child {
  margin-bottom: 0;
}
.breadcrumb-nav + .well {
  padding-top: 0;
}
a.block {
  display: block;
  text-decoration: none;
}
.owl-height {
  padding-bottom: 8px;
}
.owl-carousel .owl-item .owl-lazy {
  transition: none !important;
}
.owl-item img,
img.js-lazyload,
img.owl-lazy {
  transform: translateZ(0);
}
.btn--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.js-search #mask,
.js-show-mask #mask {
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.js-hidden {
  display: none;
}
.page-head {
  overflow: hidden;
  padding: 0 0 15px;
}
.page-title {
  margin: 0 0 3px;
  line-height: 17px;
}
.page-cat {
  color: var(--mid-grey);
  font-size: 13px;
}
.page-name {
  display: inline-block;
  border-bottom: 1px solid var(--dark-grey);
  color: var(--dark-grey);
  font-size: 20px;
  line-height: 28px;
  font-family: var(--font-regular);
}
.breadcrumb-nav {
  padding: 5px 12px;
  font-size: 11px;
  white-space: nowrap;
}
.breadcrumb-nav a,
.breadcrumb-nav button {
  color: var(--dark-grey);
  font-size: 11px;
  text-decoration: underline;
  text-transform: uppercase;
}
.shadow .breadcrumb-nav {
  padding: 0 0 8px;
}
.breadcrumb-nav-inner {
  overflow: hidden;
  padding: 6px 10px 4px;
  background-color: var(--border-grey);
  color: var(--dark-grey);
}
.breadcrumb-nav-inner > * {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px;
  font-family: var(--font-bold);
}
.breadcrumb-nav-inner a {
  color: var(--dark-grey);
}
.breadcrumb-nav-inner .nav-product {
  padding-top: 1px;
}
.breadcrumb-nav .js-disabled {
  opacity: 0.4;
  text-decoration: none;
}
.breadcrumb-nav .back {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.breadcrumb-nav .back.btn-blank {
  text-decoration: none;
  font-size: 12px;
}
.breadcrumb-nav .back,
.breadcrumb-nav .prev,
.breadcrumb-nav .next {
  position: relative;
  padding-left: 13px;
  padding-right: 13px;
  background: url(../catalog/version_mobile/styles/images/icons/nav-left.png) no-repeat 0 5px;
  background-size: 6px auto;
}
.breadcrumb-nav .next {
  background-image: url(../catalog/version_mobile/styles/images/icons/nav-right.png);
  background-position: 100% 3px;
}
.breadcrumb-nav .next::before {
  content: '';
  position: absolute;
  top: 3px;
  left: -1px;
  height: 10px;
  border-left: 1px solid var(--mid-grey);
}
.breadcrumb-nav a {
  display: inline-block;
  line-height: 20px;
}
.owl-carousel {
  display: inherit !important;
}
.owl-carousel .owl-item {
  transform: translateZ(0);
  touch-action: manipulation;
}
.owl-carousel .product-wrapper + .product-wrapper {
  display: none;
}
.owl-dots,
.owl-pagination {
  position: absolute;
  right: 0;
  bottom: 3px;
  left: 0;
  text-align: center;
}
.owl-dot,
.owl-page {
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  border: 2px solid var(--white);
  border-radius: 50%;
  background: var(--low-grey);
}
.owl-dot + .owl-dot,
.owl-page + .owl-page {
  margin-left: 13px;
}
.owl-dot:hover,
.owl-page:hover,
.owl-dot.active,
.owl-page.active {
  border-color: var(--low-grey);
  background: var(--dark-grey);
}
.webfont-1 {
  font-family: var(--font-regular);
  line-height: normal;
}
.flag {
  z-index: 1;
  display: inline-block;
  height: 20px;
  padding: 0 4px;
  background: var(--red);
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-bold);
  line-height: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}
.flag.pre_order {
  background-color: var(--orange);
}
.bloc_delivery .flag.pre_order {
  margin-top: 5px;
}
.pre_order_date_flag {
  color: var(--dark-grey);
  font-size: 13px;
}
.product_picture_flags_img {
  margin-top: 5px;
  height: 22px;
  display: block;
}
.badge {
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid var(--white);
  border-radius: 50%;
  background: var(--red);
  color: var(--white);
  font-size: 10px;
  line-height: 15px;
  font-family: var(--font-regular);
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.badge:empty {
  display: none;
}
.price {
  color: var(--dark-grey);
  white-space: nowrap;
}
.price sup {
  vertical-align: sub;
  top: -0.68em;
  font-size: 0.625em;
}
.price-actual {
  font-family: var(--font-bold);
}
.price-actual .periodicity {
  font-family: var(--font-regular);
}
.price-older {
  text-decoration: line-through;
}
.price-discount {
  display: inline-block;
  height: 20px;
  padding: 0 4px;
  color: var(--white);
  background-color: var(--red);
  font-size: 13px;
  line-height: 20px;
  font-family: var(--font-bold);
}
.flag + .price-discount {
  margin-left: -4px;
}
.price-discount::before {
  content: '-';
}
.price-notice {
  color: var(--dark-grey);
  font-size: 10px;
  margin: -6px 0 0;
  padding: 0 15px 10px;
}
.price-subscription + .price-subscription {
  display: inline-block;
  margin-top: 6px;
  border-top: 1px solid var(--border-grey);
  padding: 2px 0 0;
}
.product-card .price-subscription + .price-subscription {
  padding-right: 30px;
}
.price-subscription .notice {
  margin-top: -4px;
  color: var(--dark-grey);
  font-size: 10px;
}
select.btn {
  border: 0;
  -moz-appearance: initial;
  -webkit-appearance: initial;
  appearance: initial;
}
.btn-blank {
  box-sizing: border-box;
  display: inline-block;
  border: 0;
  padding: 0;
  background: none;
}
.btn[disabled],
.btn-disabled {
  opacity: 0.3;
  color: var(--white-pressed);
  cursor: not-allowed;
}
.btn-img {
  vertical-align: middle;
  padding: 11px 8px 9px;
}
.btn-img img {
  display: block;
}
.btn-bloc {
  box-sizing: border-box;
  display: block;
  width: 100%;
}
.btn-bloc + .btn-bloc {
  margin-top: 10px;
}
.btn-bloc.btn-s + .btn-bloc.btn-s {
  margin-top: 5px;
}
[class*='btn-icon-'] span {
  background-position: 0 0;
  background-repeat: no-repeat;
}
.btn-bloc.btn-icon-buy span {
  padding-left: 26px;
  background-image: url(../catalog/version_common/styles/images/pictos/add-cart.svg);
  background-size: 20px 15px;
}
.btn-location span {
  display: inline-block;
  min-height: 17px;
  padding: 0 29px 0 22px;
  background: url(../catalog/version_mobile/styles/images/icons/location.png) no-repeat 0 50%, url(../catalog/version_mobile/styles/images/icons/arrows.png) no-repeat 100% 50%;
  background-size: 12px 18px,
 10px 10px;
}
.btn-s {
  padding: 2px 10px;
  font-size: 10px;
}
.btn-m {
  padding: 5px 10px;
  font-size: 11px;
}
.btn-icon {
  padding-right: 15px;
  padding-left: 15px;
}
.btn-group {
  text-transform: none;
}
.btn-reset {
  margin: 0;
  border: 0;
  padding: 0;
  background: none;
}
.btn-link {
  font-family: var(--font-regular);
}
.btn-link-cancel {
  color: var(--dark-grey);
  font-family: var(--font-regular);
  text-decoration: underline;
  text-transform: none;
}
.btn-link-danger {
  color: var(--red);
  font-family: var(--font-bold);
}
.tab-links {
  display: table;
  width: 100%;
}
.tab-links li {
  display: table-cell;
  width: 50%;
}
.tab-links li:first-child .btn {
  border-radius: 2px 0 0 2px;
}
.tab-links li + li .btn {
  border-radius: 0 2px 2px 0;
}
.btn-default:active:not(.btn-disabled) {
  background-color: var(--black-hover);
}
.btn-primary:active:not(.btn-disabled) {
  background-color: var(--red);
}
.btn-secondary:active:not(.btn-disabled) {
  background-color: var(--grey);
}
.btn-simple:active:not(.btn-disabled) {
  background-color: var(--low-grey);
}
.btn-cancel:active:not(.btn-disabled) {
  background-color: var(--soft-grey);
  color: var(--white);
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-upper {
  text-transform: uppercase;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.hide {
  display: none !important;
}
.noline a,
a.noline {
  text-decoration: none;
}
.shadow {
  border-radius: 2px;
  background: var(--white);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 var(--low-grey) inset;
}
.shadow-2 {
  border-bottom: 2px solid var(--low-grey);
  border-radius: 2px;
  background: var(--white-hover);
}
.shadow-2 + .shadow-2 {
  margin-top: 12px;
}
.dtable {
  display: table;
}
.column {
  display: table-cell;
  vertical-align: middle;
}
dd {
  margin: 0;
}
.list-unstyled {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding: 0;
}
.list-inline li {
  display: inline-block;
}
[class*='list-bullet'] {
  padding-left: 0;
  list-style: none;
}
.list-bullet-1 li,
.list-bullet-1 dt {
  padding-left: 10px;
  background: url(../catalog/version_mobile/styles/images/bullets/bullet-1.png) no-repeat 0 8px;
  background-size: 3px 3px;
}
.list-bullet-1 dd {
  padding-left: 10px;
}
.list-bullet-2 li,
.list-bullet-2 dd {
  padding-left: 15px;
  background: url(../catalog/version_mobile/styles/images/bullets/bullet-2.png) no-repeat 0 6px;
  background-size: 8px 8px;
}
.list-bullet-3 li,
.list-bullet-3 dd {
  padding-left: 7px;
  background: url(../catalog/version_mobile/styles/images/bullets/double-arrows-right-2.png) no-repeat 0 4px;
  background-size: 5px 5px;
}
.list-bullet-4 li {
  border-bottom: 1px solid var(--border-grey);
  padding: 11px;
  font-size: 13px;
}
.list-bullet-4 a {
  display: block;
  padding-left: 28px;
  background: url(../catalog/version_mobile/styles/images/bullets/bullet-4b.png) no-repeat 0 1px;
  background-size: 17px 17px;
  color: var(--dark-grey);
  text-transform: uppercase;
  text-decoration: none;
  font-family: var(--font-bold);
}
.list-bullet-4 .active a {
  background: url(../catalog/version_mobile/styles/images/bullets/bullet-4a.png) no-repeat 4px 5px, url(../catalog/version_mobile/styles/images/bullets/bullet-4b.png) no-repeat 0 1px;
  background-size: 9px 9px,
 17px 17px;
}
.list-bullet-5 li {
  background: url(../catalog/version_mobile/styles/images/bullets/bullet-5.png) no-repeat -7px -5px;
}
.bullet {
  width: 24px;
  height: 24px;
  background-color: var(--white);
  border-radius: 50%;
  border: 1px solid var(--border-grey);
  box-sizing: border-box;
}
.bullet.active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bullet.active::after {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--red);
}
.infinite-scroll-loader {
  padding: 10px;
  color: var(--dark-grey);
  font-size: 12px;
}
.stars {
  display: inline-block;
  background: url(../catalog/version_mobile/styles/images/stars/stars-empty.png) no-repeat 0 0;
  background-size: 46px 8px;
}
.stars-large {
  background: url(../catalog/version_mobile/styles/images/stars/stars-empty.png) no-repeat 0 0;
  background-size: 57px 10px;
}
.stars-value {
  display: block;
  overflow: hidden;
}
.stars-value img {
  display: block !important;
  width: auto !important;
}
.stars-count {
  font-size: 13px;
  color: var(--mid-grey);
}
.product-card {
  position: relative;
}
.product-card__inner {
  display: flex;
}
.product-card__offer-list {
  list-style: none;
}
.product-card .sponsored-flag {
  font-size: 9px;
  color: var(--mid-grey);
  text-decoration: none;
}
.bloc-adv + .product-card,
.product-card + .product-card {
  margin-top: 10px;
}
.product-card .column {
  vertical-align: top;
}
.product-card .product-infos {
  max-width: 0;
  width: 100%;
}
.product-card .product-seller .product__mkp-seller {
  padding-right: 50px;
}
.product-card .product__mkp-seller {
  text-align: left;
}
.product-seller .brand-occasion__icon {
  display: block;
}
.product-card .product-infos-content {
  min-height: 50px;
}
.product-card .product-infos-content .product-price__striped-price-container {
  margin: 10px 0 0;
}
.product-card .product-infos-content .product-price__price:not(.product-price__price--is-striped) {
  font-size: 22px;
}
.product-card__family {
  color: var(--mid-grey);
}
.product-card__name {
  color: var(--dark-grey);
  font-family: var(--font-bold);
  text-transform: uppercase;
}
.product-card .relative {
  position: relative;
  padding: 5px;
}
.product-card [data-wishlist-delete-product] {
  position: absolute;
  top: 0;
  right: 0;
}
.product-card .btn-expand-comment {
  margin: 10px 0 0;
  padding: 0 10px;
  background: url(../catalog/version_mobile/styles/images/icons/expandable-open-2.png) no-repeat var(--low-grey) top 50% right 10px;
  background-size: 11px auto;
  color: var(--dark-grey);
  font-size: 12px;
  line-height: 30px;
  text-align: left;
  font-family: var(--font-bold);
}
.product-card .btn-expand-comment .text-close,
.product-card.js-open-comment .btn-expand-comment .text-open {
  display: none;
}
.product-card.js-open-comment .btn-expand-comment .text-close {
  display: inline;
}
.product-card.js-open-comment .btn-expand-comment {
  background-image: url(../catalog/version_mobile/styles/images/icons/expandable-close-2.png);
}
.product-card .product-note {
  display: none;
  padding: 5px;
}
.product-card.js-open-comment .product-note {
  display: block;
}
.product-card .product-note-content textarea {
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  border: 1px solid var(--white-pressed);
  border-radius: 0;
  font-size: 14px;
}
.product-card .product-note-content .error:empty {
  display: none;
}
.product-card .product-img {
  width: 87px;
  min-width: 87px;
  max-width: 87px;
  padding-right: 8px;
  text-decoration: none;
}
.product-card .product-img a {
  text-decoration: none;
}
.product-card .product-img img.picture-thumbnail {
  display: block;
  max-width: 87px;
  max-height: 110px;
  height: auto;
  margin: auto;
}
.product-card .product-img .owl-lazy {
  margin: 0 auto 10px;
  max-width: 100%;
}
.product-card img.flag-mundial {
  margin: 0;
}
.product-card .product-out-of-stock {
  display: inline-block;
  margin: 20px 0 0;
  color: var(--red);
  font-size: 13px;
  font-family: var(--font-bold);
}
.product-card .product-out-of-stock-infos {
  display: inline-block;
  padding-left: 21px;
  background: url(../catalog/version_mobile/styles/images/bullets/mail.png) no-repeat 0 4px;
  background-size: 14px 10px;
  color: var(--dark-grey);
  font-size: 12px;
  text-decoration: underline;
}
.product-card .product-out-of-stock-infos a {
  color: var(--dark-grey);
}
.product-card .product-title,
.product-title-infos .product-title {
  margin: 0;
  line-height: 0;
  font-family: var(--font-bold);
}
.product-card .product-family,
.product-title-infos .product-family,
.product-card .product-name,
.product-title-infos .product-name {
  display: block;
  width: 100%;
}
.product-family.ellipsis,
.product-name.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-card .product-family,
.product-title-infos .product-family {
  color: var(--mid-grey);
  font-size: 15px;
  font-family: var(--font-regular);
  line-height: 16px;
}
.product-card .product-name,
.product-title-infos .product-name,
.product-title-infos .product-family {
  display: inline;
  color: var(--blue);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.product-card .btn-buy {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.product-card .stars {
  vertical-align: top;
  margin-top: 6px;
}
.product-card .price-actual {
  display: inline-block;
  font-size: 24px;
}
.product-card .price-notice {
  color: var(--soft-grey);
  font-size: 9px;
}
.product-card .product-price-offer {
  display: inline-block;
}
.product-card .price-older {
  display: inline-block;
  margin: 1px 3px -2px;
  font-size: 11px;
}
.product-card .price-older sup {
  vertical-align: text-bottom;
  font-size: 11px;
}
.product-card .product-flag {
  margin-bottom: 5px;
}
.product-card .product-flag:empty {
  display: none;
}
.product-card .flag-pack-eco {
  display: block;
  color: var(--grey);
  font-size: 13px;
}
.product-card .mobile-offer-label,
.mobile-offer-availability {
  color: var(--dark-grey);
  font-size: 11px;
  line-height: 13px;
}
.product-card .mobile-offer-label b,
.mobile-offer-availability b {
  font-family: var(--font-bold);
}
.product-card .mobile-offer-label span {
  text-transform: uppercase;
}
.product .mobile-offer-availability {
  margin-top: 10px;
}
.product-card .mobile-offer-availability {
  margin-top: 5px;
  padding-bottom: 5px;
}
.mobile-offer-availability i {
  color: var(--red);
  font-family: var(--font-bold);
  text-transform: uppercase;
  font-style: normal;
}
.flag-mkp-multi {
  display: block;
  margin-bottom: 10px;
  line-height: 18px;
}
.flag-mkp-multi a {
  clear: right;
  display: inline-block;
  color: var(--dark-grey);
  font-size: 13px;
}
table.table-default {
  font-size: 12px;
}
table.table-default th,
table.table-default td {
  vertical-align: middle;
  padding: 0 15px 3px;
}
table.table-default th {
  width: 50%;
  padding-right: 5px;
  text-align: left;
  font-weight: lighter;
}
table.table-default td {
  padding-left: 5px;
  text-align: right;
}
.table-striped tr:nth-child(odd) th,
.table-striped tr:nth-child(odd) td {
  background-color: var(--light-grey);
}
.table-striped tr:nth-child(even) th,
.table-striped tr:nth-child(even) td {
  background-color: var(--white);
}
.bloc {
  clear: both;
  margin: 10px 0;
}
.bloc__titre {
  font-size: 18px;
  padding: 0 20px;
  margin: 0 0 20px;
  color: var(--dark-grey);
  font-family: var(--font-bold);
}
.bloc .bloc-content.shadow,
.bloc .bloc-content .shadow {
  padding: 10px;
}
.bloc .bloc-content.content-table {
  padding: 5px 0;
}
.bloc .bloc-content.content-table table {
  width: 100%;
}
.bloc .bloc-content .bloc-title {
  margin: 0 0 4px;
  color: var(--dark-grey);
  font-size: 13px;
  font-family: var(--font-bold);
}
.bloc-1 > .bloc-title {
  margin: 0 0 10px;
  border-bottom: 1px solid var(--dark-grey);
  padding: 0 0 2px;
  color: var(--dark-grey);
  font-size: 15px;
  text-transform: uppercase;
  font-weight: lighter;
}
.bloc-2 {
  padding: 8px 10px;
}
.bloc-2 > .bloc-title {
  color: var(--dark-grey);
  font-size: 12px;
  text-align: center;
  font-family: var(--font-regular);
}
.bloc-2 > .bloc-title span {
  padding-right: 16px;
  background: url(../catalog/version_mobile/styles/images/bullets/filters-open.png) no-repeat 100% 50%;
  background-size: 10px 6px;
}
.bloc-2 > .bloc-content {
  margin: 20px 0 0;
  font-size: 12px;
}
.bloc-2 > .bloc-content a {
  color: var(--dark-grey);
}
.bloc-2 p:first-child {
  margin-top: 0;
}
.bloc-2 p:last-child {
  margin-bottom: 0;
}
.bloc-expandable {
  scroll-margin-top: 63px;
}
.bloc-expandable.bloc-2.open .bloc-title span {
  background-image: url(../catalog/version_mobile/styles/images/bullets/filters-close-2.png);
}
.bloc-expandable .bloc-content {
  display: none;
}
.bloc-expandable > .bloc-title {
  cursor: pointer;
}
.bloc-expandable.open .bloc-content {
  display: inherit;
}
textarea,
input[type='text'],
input[type='date'],
input[type='password'],
input[type='number'],
input[type='email'],
input[type='tel'],
input[type='search'],
input[type='url'] {
  height: 34px;
  border: 1px solid var(--white-pressed);
  border-radius: 2px;
  padding: 0 8px;
  background-color: var(--white);
  color: initial;
  font-size: 16px;
  -webkit-appearance: none;
}
textarea {
  height: 55px;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
button,
input {
  cursor: pointer;
}
button img {
  vertical-align: middle;
}
.form-one-field {
  display: table;
}
.form-one-field textarea,
.form-one-field input[type='text'],
.form-one-field input[type='number'],
.form-one-field input[type='email'],
.form-one-field input[type='tel'],
.form-one-field input[type='search'],
.form-one-field input[type='url'] {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  float: left;
  width: 100%;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-one-field .btn {
  height: 34px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-right: 4px;
  padding-left: 12px;
  white-space: nowrap;
}
.form-one-field .submit {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  width: 1%;
}
.form-small .btn {
  height: 20px;
  padding: 0 7px;
  font-size: 10px;
}
.form-small input {
  height: 20px;
  border-color: var(--light-grey);
  background-color: var(--light-grey);
}
.field-radio-tab {
  display: table-cell;
  height: 35px;
  border-bottom: 2px solid var(--low-grey);
  padding: 0 15px;
  background: var(--white);
  color: var(--dark-grey);
  line-height: 35px;
  font-family: var(--font-bold);
}
.field-radio-tab:first-child {
  border-radius: 2px 0 0 2px;
}
.field-radio-tab:last-child {
  border-radius: 0 2px 2px 0;
}
.field-radio-tab input[type='radio'] {
  vertical-align: middle;
}
.field-radio-tab.active {
  border-color: var(--black);
  background: var(--dark-grey);
  color: var(--white);
}
.bloc-messages {
  margin: 0 0 15px;
  border: 1px solid;
  padding: 10px;
}
.bloc-messages.messages-error {
  border-color: var(--red);
  background-color: rgba(200, 0, 0, 0.016);
  color: var(--red);
}
.bloc-messages.messages-success {
  border-color: var(--red);
  background-color: rgba(200, 0, 0, 0.016);
  color: var(--red);
}
.bloc-adv .adserving-fnac {
  margin-bottom: 15px;
}
.well + .bloc-adv {
  margin-top: 0;
}
.bloc-adv-title {
  display: block;
  width: 100%;
  padding: 0 0 4px;
  font-size: 10px;
  font-family: var(--font-regular);
}
.bloc-adv img,
.bloc-adv iframe {
  max-width: 100%;
}
.bloc-adv .iab {
  width: 100%;
}
.well .bloc-adv-320-width {
  margin-left: -10px;
  margin-right: -10px;
}
.well .bloc-adv-320-width > * {
  margin-left: auto;
  margin-right: auto;
}
#sas_47234 img {
  height: auto !important;
}
.product-card .btn-comparator-add {
  display: none;
}
.legal-notice {
  margin-top: 15px;
  font-size: 10px;
  color: var(--mid-grey);
}
.legal-notice p + p {
  margin-top: 10px;
}
.legal-notice a {
  color: var(--dark-grey);
}
html.darty_com_mobile_app .site-header,
html.darty_com_mobile_app #footer,
html.darty_com_mobile_app .site-footer,
html.darty_com_mobile_app .site-sub-header {
  display: none !important;
}
.more-info {
  font-size: 12px;
  font-family: var(--font-regular);
  color: var(--soft-grey);
}
.wibilong-btn {
  margin: 0 0 0 3px;
  padding: 0 0 0 25px;
  position: relative;
  background: url(../catalog/version_mobile/styles/images/icons/qa_answer.png) no-repeat 7px 5px;
  background-size: 13px auto;
}
.wibilong-btn span {
  font-size: 11px !important;
  color: var(--dark-grey) !important;
}
.wibilong-btn img {
  display: none !important;
}
.wibilong-btn::before {
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
  content: '';
  width: 1px;
  height: 11px;
  background: var(--dark-grey);
}
.wibilong-btn:empty {
  display: none;
}
div.owl-carousel .owl-video-wrapper {
  background: transparent;
}
div.owl-carousel .owl-video-play-icon {
  background: url(../catalog/version_mobile/styles/images/icons/preview-video.png) no-repeat 50% 50%;
}
.mkp_sold_by {
  display: inline-block;
  vertical-align: middle;
  max-width: 148px;
  height: 20px;
  padding: 1px 7px 2px;
  background-color: var(--blue);
  color: var(--white);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  font-size: 11px;
}
.mkp_sold_by a {
  font-family: var(--font-bold);
  color: var(--white);
  text-decoration: none;
}
.mkp_sold_by + a {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.mkp .seller.font-2 {
  font-size: 13px;
}
.mkp_seller_wrap .flag-seller {
  display: inline;
  align-items: center;
  font-size: 12px;
  font-family: var(--font-bold);
  color: var(--dark-grey);
  margin: 8px 0;
  text-align: left;
}
.mkp_seller_wrap .flag-seller .img-flag {
  margin-right: 7px;
  vertical-align: bottom;
}
.mkp_seller_wrap .flag-seller + .product__mkp-seller {
  display: inline;
}
.mkp_seller_wrap .flag-seller + .product__mkp-seller-external {
  padding: 0;
  background-image: none;
  font-family: var(--font-regular);
  color: var(--marketplace);
  white-space: normal;
  overflow: visible;
  text-overflow: initial;
}
.btn-availability-favorite-stores {
  vertical-align: bottom;
  margin: 0 3px;
}
.btn-availability-favorite-stores img:nth-child(2),
.btn-availability-favorite-stores.js-active img:first-child {
  display: none;
}
.btn-availability-favorite-stores.js-active img:nth-child(2) {
  display: inherit;
}
.list_pagination,
.list_pagination a {
  color: var(--dark-grey);
  font-size: 13px;
  text-decoration: none;
}
.list_pagination_switch {
  margin: 10px 0 0;
  padding: 0 10px;
}
.list_pagination li + li::before {
  content: ' - ';
}
.list_pagination .list_pagination_switch li,
.list_pagination .list_pagination_nb_results li {
  display: inline-block;
}
.c-geolocalisation {
  display: none;
  font-size: 0;
}
.page-home .c-geolocalisation,
.page-details-product .site-sub-header.c-geolocalisation,
.page-list-mkp-offers .c-geolocalisation,
.page-universe .site-sub-header.c-geolocalisation {
  display: block;
}
.js-search.page-details-product .site-sub-header.c-geolocalisation {
  display: none;
}
.c-geolocalisation__button {
  background: url(../catalog/version_mobile/styles/images/icons/pin-geoloc.png) 5px no-repeat transparent;
  background-size: auto 22px;
  border: 0;
  padding: 0;
  font-family: var(--font-bold);
  padding-left: 35px;
  min-height: 25px;
  text-align: left;
  font-size: 13px;
}
.list-banner img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.list-banner .text {
  padding: 10px 15px 0;
  color: var(--dark-grey);
  font-size: 12px;
  line-height: 12px;
}
.list-banner-product {
  padding: 5px;
  background-color: var(--yellow);
}
.list-banner-product .product-card {
  background-color: var(--white);
}
.list-banner-product .product-card > a {
  display: table;
  width: 100%;
}
.list-banner-product .product-img {
  width: 50%;
  padding: 0;
  vertical-align: middle;
  text-align: center;
}
.list-banner-product .product-img img {
  max-width: 65%;
  margin: 0 auto;
}
.list-banner-product .product-infos {
  width: 50%;
  vertical-align: middle;
  padding: 20px 10px 20px 0;
}
.list-banner-product .product-family {
  font-size: 11px;
  color: var(--soft-grey);
}
.list-banner-product .product-name {
  color: var(--dark-grey);
  font-size: 13px;
  text-transform: inherit;
}
.list-banner-product .review-note {
  color: var(--soft-grey);
  font-size: 10px;
}
.list-banner-product .product-infos-content {
  min-height: inherit;
}
.list-banner-product .product-infos-content .price-actual {
  font-size: 18px;
}
.list-banner-product .product-infos-content .price-older,
.list-banner-product .product-infos-content .price-older sup {
  font-size: 13px;
}
.list-banner-product .flag,
.list-banner-product .flag + .price-discount {
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  margin-bottom: 7px;
}
.universe-banner-carousel {
  padding-bottom: 30px;
}
.universe-banner-carousel .list-banner + .list-banner,
.universe-banner-carousel .list-banner-product + .list-banner,
.universe-banner-carousel .list-banner + .list-banner-product,
.universe-banner-carousel .list-banner-product + .list-banner-product {
  display: none;
}
.universe-banner-carousel .list-banner-product,
.universe-banner-carousel .list-banner-product .product-card,
.universe-banner-carousel .list-banner-product .product-card > a {
  min-height: 130px;
}
.universe-banner-carousel .list-banner-product .product-img img {
  width: inherit;
}
.site-header-highlight {
  background-color: var(--red);
  color: var(--white);
  line-height: 17px;
  font-size: 14px;
  padding: 8px 16px;
}
.site-header-highlight_title {
  font-family: var(--font-regular);
}
.site-header-highlight_link {
  color: inherit;
  text-decoration: none;
}
.universe-advices {
  margin: 15px 0 21px;
}
.carousel-advice.owl-carousel {
  display: block;
  max-height: 165px;
}
.carousel-advice.owl-carousel.no-carousel .owl-item {
  float: none;
}
.carousel-advice.owl-carousel .owl-item .carousel-advice-img {
  display: block;
  height: auto;
  max-height: 165px;
  object-fit: cover;
}
.carousel-advice.owl-carousel .owl-item .advice-content {
  background: var(--white);
  bottom: 6px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 50%;
}
.carousel-advice.owl-carousel .owl-item .advice-content .advice-text {
  font-size: 24px;
  line-height: 27px;
  color: var(--black);
}
.carousel-advice.owl-carousel .owl-dots {
  bottom: 0;
  display: flex;
  justify-content: center;
  position: relative;
  top: 6px;
}
.carousel-advice.owl-carousel .owl-dots .owl-dot {
  border: 0;
  border-radius: 0;
  height: 6px;
  width: 60px;
}
.carousel-advice.owl-carousel .owl-dots .owl-dot.active {
  background: var(--red);
}
.selection-header {
  display: flex;
  align-items: center;
  padding: 0 20px 15px;
}
.selection-header a {
  width: 23%;
  text-align: right;
  color: var(--mid-grey);
  font-size: 13px;
}
.selection-title {
  width: 77%;
  color: var(--dark-grey);
  font-size: 15px;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selection-title.full {
  width: 100%;
}
.popin_eco_wrap {
  overflow-x: auto;
}
.popin_eco_intro {
  margin: 0;
}
.popin_eco_list {
  border: 1px solid var(--low-grey);
  border-radius: 5px;
  overflow: hidden;
  border-collapse: initial;
}
.popin_eco_list tbody {
  display: flex;
  flex-flow: row nowrap;
}
.popin_eco_row {
  min-width: 88px;
  width: 100%;
  display: flex;
  flex-flow: column;
  padding: 2px;
  border-left: 1px solid var(--low-grey);
}
.popin_eco_row:first-of-type {
  border-left: none;
}
.popin_eco_wrapper {
  flex-flow: column;
  height: 100%;
  padding: 4px;
}
.popin_eco .wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.popin_eco_item {
  padding: 15px 8px;
  text-align: center;
}
.popin_eco_title {
  line-height: 18px;
  height: 40px;
}
.popin_eco_delivery {
  line-height: 18px;
  margin: auto 0;
}
.popin_eco .impact {
  white-space: nowrap;
  display: flex;
  color: var(--green);
}
.popin_eco .impact::before {
  content: '';
  display: inline-block;
  background: url(../catalog/version_common/styles/images/pictos/darty_eco.svg) no-repeat center;
  height: 16px;
  width: 16px;
  margin-right: 4px;
}
.popin_eco_picto {
  margin-bottom: 4px;
}
.popin_eco .services {
  border: solid 1px var(--border-grey);
  border-radius: 5px;
  flex: 1;
  color: var(--grey);
}
.popin_eco .services .row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  border-bottom: solid 1px var(--border-grey);
  padding: 13px 18px;
}
.popin_eco .services .row:last-child {
  border: none;
}
.popin_eco .services .row.unavailable {
  color: var(--soft-grey);
  background: var(--light-grey);
}
.popin_eco .services .row.unavailable .col .type {
  color: var(--soft-grey);
}
.popin_eco .services .row.unavailable .indisp {
  color: var(--soft-grey);
  font-size: 10px;
  display: inline-block;
  text-transform: uppercase;
  padding: 3px 10px;
  border: solid 1px var(--soft-grey);
  border-radius: 15px;
}
.popin_eco .services .col {
  flex: 1;
  margin-right: 10px;
}
.popin_eco .services .type {
  font-size: 14px;
  font-family: var(--font-bold);
}
.popin_eco .services .date {
  font-size: 12px;
  color: var(--green);
}
.popin_eco .services .price {
  font-size: 14px;
}
.popin_eco .services .price.free {
  color: var(--red);
}
.popin_eco .services_alt {
  margin-bottom: 24px;
  color: var(--grey);
}
.popin_eco .services_alt .anim {
  margin: auto 16px auto 0;
}
.popin_eco .services_alt .price {
  margin-top: 8px;
}
.tooltip_message {
  font-size: 12px;
  width: 216px;
  transform: translateX(-50%);
}
.tooltip_message::after {
  left: 50%;
}
.tooltip_title::before {
  height: 22px;
  width: 22px;
}

.modal .overlay {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10000;
}
.modal .container {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 24px;
  width: 650px;
  border-radius: 3px;
  background-color: var(--white);
}
.modal .header {
  font-family: var(--font-bold);
  font-size: 18px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-grey);
  margin: 0;
  padding: 0;
}
.modal .main {
  max-height: 50vh;
  font-size: 13px;
  line-height: 1.3;
  margin-right: -12px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 20px 10px 20px 0;
  color: var(--grey);
  box-shadow: none;
}
.modal .main::-webkit-scrollbar {
  width: 8px;
}
.modal .main::-webkit-scrollbar-track {
  display: none;
}
.modal .main::-webkit-scrollbar-thumb {
  background: var(--border-grey);
  border-radius: 4px;
}
.modal .main .product_warehouse_popin {
  width: 100%;
}
.modal .title {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  color: var(--grey);
}
.modal .modal_head__picto {
  max-width: 120px;
  margin-right: 10px;
}
.modal .close {
  position: absolute;
  top: -24px;
  right: 4px;
  width: 16px;
  height: 16px;
  border: 0;
  background: url(../catalog/version_common/styles/images/pictos/picto_close_white.svg);
  background-size: 16px;
  cursor: pointer;
}
.modal .footer {
  display: flex;
}
.modal .link {
  margin-top: auto;
  font-size: 12px;
  text-decoration: underline;
  color: var(--blue);
}
.modal .btn {
  align-self: flex-end;
  padding: 10px 46px 12px;
  margin-left: auto;
  border-style: none;
  border-radius: 3px;
  font-size: 14px;
  background-color: var(--blue);
  color: var(--white);
}
.modal .paragraph {
  margin-bottom: 14px;
}
.modal .conditions-link {
  text-transform: none;
  text-decoration: underline;
  font-family: var(--font-regular);
  font-size: 12px;
  color: var(--blue);
  display: inline-block;
  margin-top: 15px;
}
.modal.side-panel {
  display: block;
  padding: 0;
  visibility: hidden;
}
.modal.side-panel .wrapper .container {
  position: fixed;
  width: 584px;
  right: -584px;
  bottom: 0;
  padding: 0;
  transition: 250ms ease-out all;
}
.modal.side-panel .wrapper .container .close {
  top: 4%;
  right: 5%;
  background: url(../catalog/version_common/styles/images/pictos/picto_close_blue.svg) no-repeat;
  z-index: 10;
  width: 16px;
  height: 16px;
}
.modal.side-panel .wrapper .container .splide__pagination .splide__pagination__page {
  background-color: var(--light-grey);
  width: 6px;
  height: 6px;
}
.modal.side-panel .wrapper .container .splide__pagination .splide__pagination__page.is-active {
  background-color: var(--blue);
  width: 8px;
  height: 8px;
}
.modal.side-panel .wrapper .container .main {
  height: 100vh;
  max-height: 100vh;
  padding: 0;
  position: relative;
}
.modal.side-panel.is-open {
  visibility: visible;
}
.modal.side-panel.is-open .wrapper .container {
  transition: 250ms ease-out all;
  right: 0;
}
.modal.side-panel.is-open.trade-in-popin .wrapper .container .close {
  z-index: 0;
}
.modal.side-panel.is-close .wrapper .container {
  right: 0;
}
.modal.geoloc_popin .main {
  overflow: unset;
}
.micromodal-slide {
  display: none;
}
.micromodal-slide.is-open {
  display: block;
  width: 0;
  height: 0;
  padding: 0;
}
.durability_popin .container {
  width: 900px;
}
.durability_popin .picture {
  width: 100%;
  height: auto;
}
[data-micromodal-trigger] {
  cursor: pointer;
}

.modal.micromodal-slide {
  display: inherit;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  transition: opacity 0.5s ease,
 visibility 0.5s ease;
}
.modal.micromodal-slide .wrapper .container {
  position: fixed;
  padding: 12px 22px 22px;
  left: 0;
  right: 0;
  bottom: -100%;
  width: 100%;
  transition: all 500ms ease;
}
.modal.micromodal-slide .wrapper .container .header {
  border: 0;
}
.modal.micromodal-slide .wrapper .container .close {
  display: block;
  width: 21px;
  height: 21px;
  background-size: 21px;
  right: 15px;
  top: -35px;
}
.modal.micromodal-slide .wrapper .container .main {
  height: 60vh;
  max-height: 60vh;
  padding: 0;
}
.modal.micromodal-slide .wrapper .container .title {
  font-size: 18px;
  font-family: var(--font-bold);
  margin: 0 0 15px;
  line-height: 24px;
  padding: 10px 0 15px;
  border-bottom: 1px solid var(--disabled);
}
.modal.micromodal-slide.is-open {
  position: relative;
  display: inherit;
  z-index: 9999;
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease;
  bottom: 0;
  height: inherit;
}
.modal.micromodal-slide.is-open .wrapper .container {
  bottom: 0;
}
.modal.micromodal-slide .splide__pagination .splide__pagination__page {
  background-color: var(--light-grey);
  width: 6px;
  height: 6px;
}
.modal.micromodal-slide .splide__pagination .splide__pagination__page.is-active {
  background-color: var(--blue);
  width: 8px;
  height: 8px;
}
.modal.micromodal-slide.full-side-panel-bottom .wrapper .container {
  padding: 0;
}
.modal.micromodal-slide.full-side-panel-bottom .wrapper .container .main {
  height: 83vh;
  max-height: 100vh;
  padding: 0 0 7vh;
}

.btn {
  box-sizing: border-box;
  display: inline-block;
  border: 0;
  padding: 11px 15px;
  border-radius: 2px;
  background: no-repeat 0 50%;
  color: var(--black);
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  min-width: 0;
}
.btn.btn-square {
  width: 46px;
  height: 46px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-default {
  border-color: var(--black);
  background-color: var(--black);
  color: var(--white);
}
.btn-add-basket {
  display: inline-block;
  height: 48px;
  padding: 12px;
  border-radius: 50em;
  font-family: var(--font-regular);
  font-size: 16px;
  line-height: 20px;
  color: var(--white);
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: var(--red);
}
.btn-add-basket:hover {
  background-color: var(--red-hover);
}
.btn-add-basket:active {
  background-color: var(--red-pressed);
}
.btn-add-basket-cc {
  display: inline-block;
  height: 48px;
  padding: 12px;
  border-radius: 50em;
  font-family: var(--font-regular);
  font-size: 16px;
  line-height: 20px;
  color: var(--white);
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: var(--black);
}
.btn-add-basket-cc:hover {
  background-color: var(--black-hover);
}
.btn-add-basket-cc:active {
  background-color: var(--black-pressed);
}
.btn-simple {
  border-color: var(--grey);
  background-color: var(--grey);
  color: var(--black);
  font-family: var(--font-bold);
}
.btn-simple-border {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  color: var(--dark-grey);
  font-family: var(--font-regular);
}
.btn-success {
  border: 1px solid var(--green);
  color: var(--green);
}
.btn-cancel {
  border-color: var(--soft-grey);
  background-color: var(--low-grey);
  color: var(--black);
}
.bundle-card .btn-img .icon {
  background: url(../catalog/version_common/styles/images/pictos/add-cart.svg) no-repeat 50% 50%;
  width: 26px;
  height: 23px;
  background-size: 100%;
  margin: 0 5px 0 0;
}
.product-list-container .product-card .btn-buy {
  position: relative;
  right: 0;
  bottom: 0;
}
.product-card .product-img {
  padding-right: 15px;
  text-align: left;
}
.btn-primary-arrow {
  padding-right: 25px;
  background-image: url(../catalog/version_mobile/styles/images/icons/arrows.png);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: right 11px top 50%;
}

.reinsurance_icons {
  display: inline-block;
}
.reinsurance {
  background: url(../catalog/version_common/styles/images/pictos/reinsurance.png) no-repeat;
  display: inline-block;
  width: 30px;
  height: 19px;
  vertical-align: top;
  margin: 0 2px;
}
.reinsurance.delivery_by_us {
  background-position: 0 top;
}
.reinsurance.advice {
  background-position: -38px top;
  width: 20px;
}
.reinsurance.service {
  background-position: -65px top;
  width: 18px;
}
.reinsurance_icons_mobile {
  margin: 5px 0;
}
.universe-services .column:first-child,
.darty_product_list_services .column:first-child {
  border-left: none;
}
.universe-services {
  margin-bottom: 25px;
  padding: 10px;
  background-color: var(--white);
}
.universe-services .universe-services__list {
  display: flex;
  justify-content: space-between;
}
.universe-services .column {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 320px;
  border-left: 1px solid var(--low-grey);
}
.universe-services .column .service-icon {
  margin-right: 10px;
}
.universe-services .column .service-link {
  display: flex;
  align-items: center;
  padding: 0 10px;
  font-family: var(--font-bold);
  font-size: 15px;
  color: var(--dark-grey);
  text-decoration: none;
}
.universe-services__mobile {
  border: 10px solid var(--light-grey);
  text-align: center;
  padding: 10px;
  font-family: var(--font-bold);
  font-size: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.universe-services__mobile .services-picture {
  vertical-align: middle;
}
.universe-services__mobile .services-link {
  color: var(--dark-grey);
  text-decoration: none;
}
.universe-services__mobile b {
  color: var(--red);
}
.universe-services__dpro {
  background-color: var(--white);
  display: inline-block;
  width: 236px;
  height: 411px;
  border-left: 1px solid var(--low-grey);
}
.universe-services__dpro .service {
  width: 100%;
  height: 103px;
  color: var(--dark-grey);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.universe-services__dpro .service:last-child {
  height: 102px;
}
.universe-services__dpro .service p {
  font-family: var(--font-regular);
  font-size: 13px;
}
.universe-services__dpro .service p b {
  font-family: var(--font-bold);
}
.universe-services__dpro .service a {
  text-decoration: none;
  color: var(--dark-grey);
  font-family: Arial, sans-serif;
}
.darty_product_list_services {
  margin: 0 16px 20px;
  padding: 10px;
  background-color: var(--white);
}
.darty_product_list_services .column {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  border-left: 3px solid var(--light-grey);
}
.darty_product_list_services .column .column_text,
.darty_product_list_services .column img {
  display: inline-block;
  vertical-align: middle;
  color: var(--dark-grey);
}
.darty_product_list_services .column img {
  margin-right: 5px;
}
.darty_product_list_services .column a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  text-decoration: none;
  line-height: 14px;
}
.darty_product_list_services .column p:first-child {
  font-family: var(--font-bold);
}
.darty_product_list_services .modal-theme-legals .column {
  margin-left: 30px;
  border: 0;
  font-size: 18px;
}
.darty_product_list_services .modal-theme-legals .modal-body {
  margin-top: 10px;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.splide__track--fade > .splide__list {
  display: block;
}
.splide__track--fade > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1;
}
.splide--rtl {
  direction: rtl;
}
.splide__track--ttb > .splide__list {
  display: block;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0!important;
  padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide__progress__bar {
  width: 0;
}
.splide {
  position: relative;
  visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}
.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none!important;
  margin: 0;
  position: relative;
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.splide__wrapper {
  margin: 20px 0;
}
.splide__list {
  height: unset;
}
.splide__slide {
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: var(--white);
}
.splide__slide.is-loading {
  padding-top: 192px;
}
.splide__slide.is-loading .splide__spinner {
  top: -100px;
}
.splide__track {
  padding: 4px;
}
.splide__track--shadow .splide__slide {
  box-shadow: 0 1px 6px 0 rgba(69, 69, 69, 0.24);
}
.splide__pagination {
  display: flex;
  gap: 8px;
  padding: 8px 0;
}
.splide__pagination .splide__pagination__page {
  display: flex;
  border-radius: 8px;
  height: 6px;
  width: 6px;
  background-color: var(--grey);
  border: none;
  outline: none;
  padding: 0;
}
.splide__pagination .splide__pagination__page.is-active {
  background-color: var(--blue);
  height: 8px;
  width: 8px;
}
.splide__arrows {
  position: absolute;
  top: 50%;
  left: -8px;
  right: -8px;
  padding: 0 5px;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
.splide__arrow {
  top: calc(50% + 24px);
  background-color: var(--white);
  border-radius: 50%;
  padding: 7px;
  height: 32px;
  width: 32px;
  border: none;
  outline: none;
  cursor: pointer;
  pointer-events: all;
  opacity: 1;
  box-shadow: 0 0 2px 0 rgba(53, 53, 53, 0.16), 0 3px 6px 0 rgba(53, 53, 53, 0.16);
}
.splide__arrow--prev {
  transform: scaleX(-1);
}
.splide__arrow--next {
  margin-left: auto;
}
.splide__arrow:disabled {
  pointer-events: none;
  opacity: 0;
}
.splide__arrow:hover {
  background-color: var(--low-grey);
  box-shadow: 0 0 0 0 rgba(53, 53, 53, 0.16), 0 3px 3px 0 rgba(53, 53, 53, 0.16);
}
.splide__arrow svg {
  fill: var(--blue);
  height: 100%;
  width: 100%;
  margin-left: 2px;
}
.splide .reparability_flag {
  height: 48px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: initial;
}
body > img {
  display: none;
}
html,
body,
.body {
  height: 100%;
}
body {
  font-family: var(--font-regular);
  font-size: 14px;
}
body:not(.new-fonts):not(.new-fonts-extra) {
  --font-regular: 'Open Sans', Arial, sans-serif;
  --font-bold: 'Open Sans Bold', Arial, sans-serif;
  --font-bold-alt: 'Open Sans Bold', Arial, sans-serif;
}
body.new-fonts {
  --font-regular: Manrope, Arial, sans-serif;
  --font-bold: 'Manrope Bold', Arial, sans-serif;
  --font-bold-alt: 'Party Bold', Arial, sans-serif;
}
.site {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: left 0.4s,
 right 0.4s;
}
.site-body,
.site-footer {
  background-color: var(--light-grey);
}
.site-footer-margin {
  margin-top: 40px;
}
.site-header {
  padding: 10px 0 6px;
  background-color: var(--white);
}
.menu-primary {
  position: relative;
  min-height: 34px;
}
.menu-primary [class*='menu-'] {
  position: absolute;
  top: 0;
}
.menu-primary .menu-item a.item-icon {
  padding-top: 24px;
}
.menu-primary .menu-item .item-icon {
  width: inherit;
  height: inherit;
  padding-top: 22px;
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: top center;
  font-size: 12px;
  font-family: var(--font-regular);
  color: var(--dark-grey);
  text-decoration: none;
}
.menu-primary .menu-home {
  top: 0;
  left: 50%;
  margin-left: -18px;
}
.menu-primary .menu-menu {
  left: 4.69%;
}
.menu-primary .menu-menu .item-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAkCAMAAAD4m0k4AAAANlBMVEUAAAAvLy8XFxcREREsLCwzMzMrKysEBAQTExMODg4hISEfHx8GBgYpKSknJycbGxsJCQk1NTVinl7hAAAAEXRSTlMA43BR0/TPFFxFn5QfxrmDKT/tsFYAAABoSURBVDjL7dK7EYAwDATRs0GWf4Cv/2ZpQZd5Bl6+2QItMW44mlHRkSgxUKQHpgaVkhuoJcWNiV/IrNcZ9TRgFSqyvgb3CzolF/yhoDiAdsQ5vqrmuAXMQoFl3JSkHW8dlJzwbsqtxwsId0O7KWPaswAAAABJRU5ErkJggg==);
}
.menu-primary .menu-search {
  display: none;
  left: 23.43%;
}
.menu-primary .menu-search .item-icon {
  background-image: url(../catalog/version_mobile/styles/images/icons/search.png);
}
.menu-primary .menu-account {
  right: 21.1%;
}
.menu-primary .menu-account .item-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAnFBMVEUAAABYWFgMDAwRERE5OTk4ODgqKioQEBAeHh40NDQzMzMkJCQUFBQ4ODg3NzdMTExSUlIrKyssLCwYGBgNDQ0sLCwxMTEpKSkrKyswMDBLS0skJCQqKiojIyMbGxuenp4mJiYwMDA3NzdQUFArKys5OTkRERGdnZ2cnJwgICAhISFSUlIhISERERFDQ0NwcHCbm5s1NTUuLi4kJCS05+mtAAAAMXRSTlMAlwgS++qIKx/Vymk49ePDvbGbSxjUwsC4qYt1cGBaQvjz26aAVDIsDN2vmpN3a18em4rtJwAAARJJREFUSMfdk9lWgzAQhiMhQKCA7IsV7e6uA+//bl54TBNTk/FUPT39rv8vmUlmyLnibPo0TVcvATI/8PGDxVOJOT6HPdy3Cx3IJFbjClRCx5wPGHwhQl4g4OYrQk1wZ6Y8ZaBxbRL8WBfmxwjHl0RqventD581/OWPIxGo1A6xkIPMMrCPtyc3gNqh4nM+2JoSHDMva5p8KMkf4lCKLccf1l1TLZMkqao2nxelpXgegwpro/LbeOfCIZhHD3+AiGvwQs/TDAy4kXa+mrevhQcW4q3arws2akXIwI7cuO8ihFYSngHBQpr1B4wwbkT+7h4l9EJ4u0UJKyHscMKlEG6mkxN204hgSvfP2l8geHwl/8E7axmvF80q6lEAAAAASUVORK5CYII=);
}
.menu-primary .menu-account .badge {
  top: 6px;
  right: 6px;
  background: url(../catalog/version_mobile/styles/images/bullets/check-border.png) center no-repeat;
  background-size: 15px auto;
  border: none;
}
.menu-primary .menu-basket {
  right: 6.25%;
}
.menu-primary .menu-basket .item-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAflBMVEUAAAAoKCgsLCwtLS1SUlILCws3NzcNDQ01NTU0NDQ0NDQEBAQwMDAtLS0jIyMsLCweHh4XFxcvLy8wMDAdHR0jIyMUFBQ6Ojo0NDQwMDAfHx8dHR0XFxczMzNNTU0hISEeHh4ZGRkaGhpSUlI9PT07Ozs1NTUuLi44ODgxMTGR1TgCAAAAJnRSTlMAwbWDgwX4He/g1Au6kop9VxWqnXlpKu+0rl9LMsKTf1JAOW9WRrMQna4AAAEKSURBVEjH5ZTbUsIwEIZ/qS2Hnijl0EIFRI3J+7+gO05wS2fcbW4cB76b7Cb5k3w3wX0SHz989X7EGArnTimNVe7cGjp7Y4zdUnGxVJyhcdnRts13uaHEbguZ6ZwuyH1TU72oZOGM9mSx79IX6laQyH/O5PtO+AX/6lkH5jUhoyVukJa9eCcJR8IjGVasMaSl2SbmPrpSNrSS5GV0S1kboi2vLUwYNjQwe8RAgqcwJvgjltlEJSv6AWt0ajDTxKjYPZh4MSLQocdKD8xT9FjrEhn6HPRAAQjWsrNu7b/bkdbsHGTdAIK15qxb84fI1iHObK07s7UcaDHkMNKZrT8l3BlD4rdniQr/ly/N2pbZekjKKgAAAABJRU5ErkJggg==);
}
.menu-primary .menu-basket .badge {
  top: 2px;
  right: -3px;
}
.menu-primary .badge {
  top: 5px;
  right: -5px;
}
.menu-primary .badge.js-basket-full-products {
  width: 17px;
  height: 16px;
  font-size: 9px;
}
.page_push .search-bar,
#basket_content .search-bar,
.page_push .sticky-search-bar,
#basket_content .sticky-search-bar {
  display: none;
}
.page_push .menu-primary .menu-search,
#basket_content .menu-primary .menu-search {
  display: block;
  left: 20%;
}
.js-panel-order-open .body {
  overflow: hidden;
}
.js-panel-filters-open .sticky-search-bar {
  z-index: -10;
}
.js-panel-filters-open .back-top-button {
  display: none;
}
.js-search .site-header,
.js-search .site-sub-header,
.js-search .site-header-highlight,
.js-search #content,
.js-search #basket_content_inner_page,
.js-search .well,
.js-search #footer,
.js-search .breadcrumb,
.js-search .site-footer {
  visibility: hidden;
}
.js-menu-open .site::after,
.js-panel-order-open .site::after,
.js-panel-filters-open .site::after {
  content: '';
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.menu-secondary {
  position: fixed;
  z-index: 50;
  top: 0;
  left: -80%;
  bottom: 0;
  width: 80%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transition: left 0.4s;
  background: var(--white);
}
.menu-secondary .list-unstyled {
  display: flex;
  flex-flow: column;
}
.menu-secondary .menu-open .item-univers-title {
  display: none;
}
.js-menu-open .menu-secondary {
  left: 0;
}
.menu-secondary .item-menu {
  background-color: var(--dark-grey);
  color: var(--white);
  font-size: 14px;
  text-transform: uppercase;
}
.menu-secondary .item-menu a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 10px;
  padding: 13px 20px 13px 49px;
  color: var(--white);
  line-height: 16px;
  min-height: 16px;
  text-decoration: none;
}
.menu-secondary .item-menu ul > li > a {
  line-height: 20px;
  border-bottom: 1px solid var(--soft-grey);
}
.menu-secondary .item-menu ul > li:last-child > a {
  border-bottom: 1px solid var(--border-grey);
}
.menu-secondary .item-menu a:active {
  background-color: var(--red);
}
.menu-secondary .item-menu .item-picto {
  padding-left: 20px;
}
.menu-secondary .item-menu .item-picto.help::before {
  display: inline-block;
  content: '';
  height: 16px;
  width: 16px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0MiAtMzk1KSIgZmlsbD0iI2ZmZiI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4IDIwMikiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDE3NCkiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4IDE1Ljk5NykiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTUuMzMgMy4zMzI5KSI+CjxwYXRoIGQ9Im02LjY2NjcgOC44ODE4ZS0xNmMzLjY3ODMgMCA2LjY2NjcgMi45ODczIDYuNjY2NyA2LjY2NDMgMCAzLjY3Ny0yLjk4ODQgNi42NjQzLTYuNjY2NyA2LjY2NDMtMy42NzgzIDAtNi42NjY3LTIuOTg3My02LjY2NjctNi42NjQzIDAtMy42NzcgMi45ODg0LTYuNjY0MyA2LjY2NjctNi42NjQzem0wIDkuMzNjLTAuMzY4MTkgMC0wLjY2NjY3IDAuMjk4MzctMC42NjY2NyAwLjY2NjQzIDAgMC4zNjgwNSAwLjI5ODQ4IDAuNjY2NDMgMC42NjY2NyAwLjY2NjQzIDAuMzY4MTkgMCAwLjY2NjY3LTAuMjk4MzggMC42NjY2Ny0wLjY2NjQzIDAtMC4zNjgwNi0wLjI5ODQ4LTAuNjY2NDMtMC42NjY2Ny0wLjY2NjQzem0wLTYuMzAwOGMtMS4zNTIgMC0yLjQ1NDUgMS4wMjg3LTIuNDU0NSAyLjI5MDEtMC4wMDMyMTIxIDAuMjA5NzEgMC4xMTczNiAwLjQwODg2IDAuMzE1NTcgMC41MTY4IDAuMTk4MjIgMC4xMDc5NCAwLjQ0MzM3IDAuMTA3OTQgMC42NDE1OCAwIDAuMTk4MjItMC4xMDc5NCAwLjMxODc4LTAuMzA3MDkgMC4zMTU1NC0wLjUyMTIgMy4zMzNlLTUgLTAuNjA3OTIgMC41MjU1Ni0xLjA5ODIgMS4xODE5LTEuMDk4MiAwLjY1NjI5IDAgMS4xODE4IDAuNDkwMzIgMS4xODE4IDEuMTAyNiAwIDAuMzU0ODctMC4xMzU2OCAwLjYyMjgzLTAuNDQ4MjIgMC45MzAwNy0wLjE3NjM3IDAuMTczMzgtMC4zNTk5MiAwLjMxNTAzLTAuNzYzNzMgMC42MDI1LTAuMDMyMjcgMC4wMjI5NjgtMC4wMzIyNyAwLjAyMjk2OC0wLjA2NDY1NiAwLjA0NjAyOS0wLjEzMzc5IDAuMDk1MzAzLTAuMjE3MDYgMC4xNTU0Ni0wLjMwMjg0IDAuMjE5NDktMC4xNTEwNSAwLjExMjg0LTAuMjM4ODUgMC4yODM1MS0wLjIzODc0IDAuNDYzOTFsLTZlLTggMC44NDhjLTAuMDAzMjEyMSAwLjIwOTcxIDAuMTE3MzYgMC40MDg4NiAwLjMxNTU3IDAuNTE2OCAwLjE5ODIyIDAuMTA3OTQgMC40NDMzNyAwLjEwNzk0IDAuNjQxNTggMHMwLjMxODc4LTAuMzA3MDkgMC4zMTU1NC0wLjUyMTJjMC4wMDQ5NDk3LTAuMzcyMzQgMC4wMDg2OTItMC41NTk0MSAwLjAxMTIyNy0wLjU2MTIxIDAuMDczMDY2LTAuMDUxNzYgMC4xMTI0LTAuMDc5NjM1IDAuMTQ4NC0wLjEwNTI2IDAuMTI0MjQtMC4wODg0MjkgMC4yMTktMC4xNTc0NCAwLjMxMjQxLTAuMjI4MjUgMC4yMDc4Ni0wLjE1NzU5IDAuMzg0MDktMC4zMDYzIDAuNTQ0MzktMC40NjM4NyAwLjUxMTI0LTAuNTAyNTkgMC44MDE3OS0xLjA3NzEgMC44MDE3OS0xLjc0NyAwLTEuMjYxNC0xLjEwMjUtMi4yOTAxLTIuNDU0NS0yLjI5MDF6Ii8+CjwvZz4KPC9nPgo8L2c+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPg==) no-repeat center;
  background-size: 100%;
}
.menu-secondary .item-univers-title {
  padding: 13px 20px;
  background-color: var(--red);
  color: var(--white);
  line-height: 16px;
  min-height: 16px;
  font-family: var(--font-bold);
  text-align: center;
  order: 1;
}
.menu-secondary .item-univers {
  border-bottom: 1px solid var(--border-grey);
  padding: 12px 20px;
  color: var(--black);
  font-size: 14px;
  line-height: 20px;
  min-height: 20px;
  font-family: var(--font-regular);
  text-transform: uppercase;
}
.menu-secondary .item-univers.item-univers-title {
  color: var(--white);
  order: 0;
}
li.item-univers.selected {
  font-family: var(--font-bold);
}
.menu-secondary .item-univers.back {
  border-color: var(--border-grey);
  background-color: var(--border-grey);
}
.menu-secondary .item-univers.back.js-affix {
  position: fixed;
  right: inherit;
  box-sizing: border-box;
  width: 80%;
}
.menu-secondary .item-univers.back::before {
  content: '<<';
  margin-right: 6px;
}
.menu-secondary .item-univers a {
  display: block;
  color: var(--black);
  line-height: 20px;
  text-decoration: none;
}
#menu-container {
  overflow: hidden;
}
.menu-secondary .menu-container {
  overflow: hidden;
  position: relative;
  left: 0;
  width: 300%;
  transition: left 400ms;
}
.menu-secondary .menu-lvl {
  width: 33.333%;
  float: left;
}
.menu-secondary .js-lvl1 .menu-container {
  left: -100%;
}
.menu-secondary .js-lvl2 .menu-container {
  left: -200%;
}
.menu-secondary .hover-tab-menu.js-open .hover-tab-menu-lvl-2 {
  display: block;
}
.menu-secondary .hover-tab-menu {
  background: var(--mid-grey) url(../catalog/version_mobile/styles/images/bullets/arrow-down-menu-expand-white.png) no-repeat;
  background-position: right 17px top 17px;
  background-size: 12px;
}
.menu-secondary .hover-tab-menu.js-open {
  background: var(--red) url(../catalog/version_mobile/styles/images/bullets/arrow-up-menu-expand-white.png) no-repeat;
  background-position: right 17px top 17px;
  background-size: 12px;
}
.menu-secondary .hover-tab-menu .hover-tab-menu-lvl-2 {
  display: none;
  background-color: var(--mid-grey);
  padding: 0;
  margin: 0;
}
.site-sub-header {
  border-bottom: 2px solid var(--border-grey);
  padding: 10px 15px;
  background-color: var(--white);
}
.page-details-product .breadcrumb {
  box-shadow: none;
}
.breadcrumb {
  position: relative;
  margin: 0;
  padding: 5px 10px;
  font-size: 9px;
}
.breadcrumb_list {
  padding: 0 0 8px 4px;
  list-style: none;
  font-size: 12px;
  display: flex;
  overflow-x: auto;
}
.breadcrumb_list .breadcrumb_link,
.breadcrumb_list .breadcrumb_link .category {
  color: var(--grey);
}
.breadcrumb_list_fa .breadcrumb_link,
.breadcrumb_list_fa .breadcrumb_link .category {
  color: var(--grey);
}
.breadcrumb li {
  display: inline;
  color: var(--mid-grey);
  white-space: nowrap;
  margin-right: 4px;
}
.breadcrumb li + li::before {
  content: '>';
  margin-right: 2px;
  margin-left: 2px;
}
.breadcrumb li:first-child a {
  margin: 0 0 0 -4px;
}
.breadcrumb a {
  text-decoration: underline;
  color: var(--mid-grey);
}
.text-legal,
.site-footer p {
  font-size: 12px;
  color: var(--dark-grey);
}
.text-legal a,
.site-footer a {
  color: var(--dark-grey);
}
.text-legal {
  padding-top: 0;
}
.site-body .text-legal {
  padding: 15px 10px;
}
.site-body .text-legal + .credit-darty-mentions {
  padding-top: 0;
}
.list_pagination + .text-legal {
  margin-top: 0;
}
.page-404 .price-details,
.page-500 .price-details,
.page-iframe .price-details,
.page-details-product-offer .price-details,
.page-details-seller .price-details br,
.page-details-seller .price-details .ecomob {
  display: none;
}
.footer-line {
  padding: 15px;
  background: var(--dark-grey);
}
.footer-line,
.footer-line a {
  color: var(--border-grey);
  text-decoration: none;
}
.footer-line .faciliti {
  margin-right: 4px;
}
.footer-line .underline {
  text-decoration: underline;
}
.footer-line + .footer-line {
  border-top: 1px solid var(--mid-grey);
}
.footer-line.footer-delivery img {
  vertical-align: middle;
  margin-right: 10px;
}
.footer-line.footer-services .content,
.footer-line.footer-darty-phone .content {
  display: table;
  margin: auto;
}
.footer-line.footer-services .column + .column {
  padding-left: 50px;
}
.footer-line.footer-darty-phone img {
  position: relative;
  top: 3px;
}
.footer-line.footer-darty-phone .text {
  padding-left: 10px;
  font-size: 13px;
  line-height: 14px;
}
.footer-line.footer-darty-phone .notice {
  font-size: 9px;
}
.footer-line.footer-social .link-ios,
.footer-line.footer-social .link-android,
.footer-line.footer-social .link-windows {
  display: none;
}
.js-device-ios .footer-line.footer-social .link-ios,
.js-device-android .footer-line.footer-social .link-android,
.js-device-windows .footer-line.footer-social .link-windows {
  display: block;
}
.footer-line.footer-social li + li {
  margin-left: 23px;
}
.footer-line.footer-copyright {
  padding-bottom: 36px;
  font-size: 13px;
}
.footer-line #ot-sdk-btn.ot-sdk-show-settings,
.footer-line #ot-sdk-btn.optanon-show-settings {
  background-color: inherit;
}
.footer-social .list-unstyled.list-inline {
  margin-top: 10px;
}
.footer-social li {
  width: 25%;
  margin-bottom: 16px;
}
.footer-social img {
  margin-bottom: 6px;
}
.connexion-status {
  position: fixed;
  top: -60px;
  left: 0;
  right: 0;
  padding: 8px 20px;
  background: var(--red);
  color: var(--white);
  font-size: 13px;
  font-family: var(--font-bold);
  transition: top 0.6s;
}
.js-offline .connexion-status {
  top: 0;
}

.popin {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 20px 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.popin .bg-nav {
  padding: 20px 15px;
  background: var(--white);
}
.popin::before:not(.modal-bottom) {
  content: '';
  z-index: -1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: -20px;
  background: rgba(0, 0, 0, 0.6);
}
.popin .close {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: url(../catalog/version_mobile/styles/images/bullets/close-cross-2.png) no-repeat 50% 50%;
  background-size: 15px auto;
  text-indent: -9999em;
}
.popin i {
  color: var(--red);
  font-style: normal;
}
.popin b i {
  text-transform: uppercase;
}
.popin .text {
  color: var(--mid-grey);
  font-size: 15px;
  line-height: 20px;
}
.popin p {
  margin: 10px 0;
}
.popin .btn {
  text-transform: none;
}
.popin .btn-cancel {
  text-transform: none;
  border: 1px solid var(--border-grey);
  border-bottom: 3px solid var(--border-grey);
  color: var(--border-grey);
  background: var(--white);
}
.popin .btn-bloc + .btn-bloc {
  margin-top: 15px;
}
.popin-insurance p {
  margin: 0;
}
.popin-insurance .text {
  margin: 15px 0;
}
.popin-insurance .popin-content {
  height: 410px;
  overflow: auto;
}
.popin .credit-product {
  display: block;
}
.popin.popin-page::before {
  background: var(--white);
}
.popin.popin-page {
  background: var(--white);
  margin: 0;
  padding-top: 42px;
}
.popin-page .breadcrumb-nav {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
}
.popin-page .breadcrumb-nav-inner {
  background: var(--white-hover);
  padding: 10px;
}
.popin-page .breadcrumb-nav-inner > .back {
  line-height: 22px;
}
.popin-page .bg-nav {
  background: none;
  padding: 20px 15px;
}
.popin-page .product-pse__modal {
  display: block;
}
.none {
  display: none;
}

.u-truncate-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.geoloc-form-search {
  position: relative;
}
.geoloc-form .geoloc-form-btn {
  position: absolute;
  right: 1px;
  top: 1px;
  -webkit-appearance: none;
  background: var(--white);
  height: 38px;
  width: 38px;
  cursor: pointer;
  border: 0;
  margin: 0;
  padding: 8px 10px;
  text-align: center;
}
.geoloc-form .geoloc-form-btn::before {
  content: '';
  border-left: 1px solid var(--border-grey);
  position: absolute;
  inset: 25% 0 0;
  height: 50%;
}
.geoloc-form .geoloc-form-btn .bouton-geoloc-rouge {
  box-sizing: border-box;
  cursor: pointer;
  height: 100%;
  width: 100%;
}
.geoloc-form .autocomplete-suggestions {
  background: var(--white);
  box-sizing: border-box;
  cursor: pointer;
  overflow: auto;
  max-height: 125px;
  padding: 0;
}
.geoloc-form .ui-menu-item {
  list-style: none;
  border-bottom: 1px solid var(--white-pressed);
  font-family: var(--font-bold);
  font-size: 15px;
  line-height: 20px;
  color: #232323;
  padding: 15px 0 15px 15px;
}
.geoloc-form .autocomplete-selected {
  background: #eee;
}
.geoloc-form .geoloc-form-search {
  position: relative;
}
.geoloc-form .geoloc-form-input {
  box-sizing: border-box;
  border-color: var(--low-grey);
  border-radius: 0;
  height: 40px;
  padding: 0 38px 0 0;
  text-indent: 15px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.geoloc-form .geoloc-form-input.loading {
  background: url(../catalog/version_mobile/styles/images/icons/ajax-loader.gif) no-repeat right 50px top 50%;
  background-size: auto 60%;
}

.item-title {
  max-width: 100%;
}
.item {
  padding: 5px;
  background: var(--white);
  overflow: hidden;
  position: relative;
}
.item-flip {
  position: relative;
  transition: 0.6s;
  transform-style: preserve-3d;
}
.item-link {
  display: block;
  flex-flow: column;
  height: 100%;
  text-decoration: none;
}
.item.item-thumbnail {
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.item .item-picture {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.item .item-picture-wrap {
  display: flex;
  max-width: 100%;
  height: 100px;
  border-radius: 3px;
  overflow: hidden;
  background: var(--light-grey);
  margin-bottom: 6px;
}
.item .item-picture-wrap .picture {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.item .item-title {
  text-align: center;
  color: var(--dark-grey);
  font-size: 13px;
}
.item.item-circle {
  padding: 0;
}
.item.item-circle .item-picture {
  max-height: 100px;
}
.item.item-circle .item-picture-wrap {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50px;
  margin: 0 auto;
}
.item.item-circle .item-title {
  margin-top: 10px;
  color: var(--dark-grey);
  font-size: 12px;
  text-align: center;
}
.item.item-no-thumbnail {
  padding: 0;
}
.item.item-no-thumbnail .item-picture-wrap {
  max-width: 100px;
  border-radius: 3px;
}
.item-front {
  display: block;
  text-decoration: none;
}
.item-front .link {
  text-decoration: none;
}
.item-front .link::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.item.item-has-nodes .item-title {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--light-grey);
}
.item.item-has-nodes .item-front {
  position: relative;
}
.item.item-has-nodes:hover .item-flip {
  transform: translateY(-150px);
}
.item.item-has-nodes .item-front,
.item.item-has-nodes .item-back {
  backface-visibility: hidden;
}
.staple-darty .item.item-has-nodes .item-front {
  display: flex;
  flex-wrap: wrap;
  height: 120px;
  margin-bottom: 10px;
}
.item.item-flip-nodes .item-title {
  padding: 0;
  border: 0;
}
.staple-darty .item.item-has-nodes .item-title {
  padding-bottom: 5px;
  width: 100%;
}
.node {
  display: block;
  font-size: 12px;
  text-decoration: none;
  color: inherit;
}
.node:hover {
  text-decoration: underline;
}
.item-nodes {
  padding: 5px 0 0;
  list-style: none;
}
.item-nodes .node {
  padding: 10px 0;
  color: var(--dark-grey);
}
.item-nodes .node-wrapper:last-child .node {
  padding-bottom: 0;
}
.item-back {
  background-color: var(--white);
  width: 135px;
  height: 140px;
  position: absolute;
  top: 150px;
  transform: translateY(0);
  padding: 0;
  list-style: none;
}
.item-back .node {
  font-size: 13px;
  border-bottom: 1px solid var(--light-grey);
  margin-bottom: 5px;
  padding: 5px;
}
.item-back .node-wrapper:first-child .node {
  font-size: 15px;
  font-family: var(--font-bold);
}
.item-back .node-wrapper:last-child .node {
  border: none;
}
.slider-list {
  display: grid;
  grid-gap: 12px;
  grid-auto-flow: column;
  grid-auto-columns: 145px;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0;
  padding: 0 17px 15px;
  list-style: none;
}
.slider-list.list-style-circle,
.slider-list.list-no-thumbnail {
  grid-auto-columns: 100px;
}
.header-title {
  font-family: var(--font-bold);
  color: var(--dark-grey);
  font-size: 15px;
  padding: 0 20px 15px;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-title .header-link {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-title .header-link .header-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-title.title-section {
  font-size: 18px;
  text-transform: initial;
}
.header-title.title-section .header-link::after {
  color: var(--blue);
  font-size: 14px;
  text-decoration: underline;
  font-family: var(--font-regular);
}
.banner__header {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 15px;
}
.banner__header-link {
  text-align: right;
  color: var(--dark-grey);
  margin-left: auto;
}
.banner__header-title {
  padding: 0;
  text-transform: none;
}
.slider-container.list-grid .slider-list {
  grid-template-rows: 150px 150px;
}
.slider-container.list--circle,
.slider-container.list-no-thumbnail {
  grid-template-rows: 165px;
}
.slider-container.articles-slider {
  grid-template-rows: 317px;
}
.slider-container.articles-slider .slider-list {
  grid-auto-columns: 264px;
  grid-template-rows: 277px;
}
.slider-container.articles-slider .slider-list .item {
  padding: 16px;
  display: flex;
  flex-flow: column;
}
.slider-container.articles-slider .slider-list .item-title {
  height: auto;
  margin: auto auto 0;
  color: var(--dark-grey);
  font-size: 16px;
  line-height: 20.8px;
  font-family: var(--font-bold);
  min-height: 40px;
}
.slider-container.articles-slider .slider-list .item-text {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.slider-container.articles-slider .slider-list .item-category {
  text-align: center;
  color: var(--dark-grey);
  font-size: 8px;
  font-family: var(--font-bold);
  text-transform: uppercase;
  letter-spacing: 4.8px;
  margin: 8px 0;
}
.slider-container.articles-slider .slider-list .item-link {
  display: block;
  height: auto;
  align-self: flex-end;
  color: var(--blue);
  font-size: 12px;
  text-decoration: underline;
  margin-top: 8px;
}
.slider-container.articles-slider .slider-list .item-picture {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
.slider-container.articles-slider .slider-list .item-picture-wrap {
  height: 144px;
  width: 232px;
  background-color: var(--dark-grey);
  border-radius: unset;
}
.slider-container.custom-slider .slider-list {
  grid-auto-columns: 264px;
}
.slider-container.custom-slider .slider-list .bloc-custom-banner {
  margin: 0;
  padding: 0;
}
.slider-container.secondary-banners-slider .slider-list {
  grid-template-rows: 281px;
}
.slider-container.secondary-banners-slider .slider-list .item {
  padding: 0;
}
.slider-container.secondary-banners-slider .slider-list .item-picture-wrap {
  width: 264px;
  height: 281px;
}
.slider-container.cards-slider {
  grid-template-rows: 160px;
}
.slider-container.cards-slider .slider-list {
  grid-auto-columns: 96px;
}
.slider-container.cards-slider .slider-list .item {
  padding-bottom: 10px;
}
.slider-container.cards-slider .slider-list .item-picture-wrap {
  height: 80px;
}
.slider-container.cards-slider .slider-list .item-title {
  font-size: 12px;
  line-height: 16px;
  font-family: var(--font-bold);
  height: 30px;
}
.slider-container.cards-slider .slider-list .item-title.ellipsis-title {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.slider-container.cards-slider .slider-list .item.bons-plans {
  background: var(--red);
}
.slider-container.cards-slider .slider-list .item.bons-plans.item-dark {
  background-color: var(--dark-grey);
}
.slider-container.cards-slider .slider-list .item.bons-plans .item-title {
  color: var(--white);
}
.slider-container.cards-slider .slider-list.slider-brands {
  grid-template-rows: auto;
}
.slider-container.cards-slider .slider-list.slider-brands .item-thumbnail {
  padding: 5px;
}
.slider-container.cards-slider .slider-list.slider-brands .item-picture {
  max-width: 86px;
  height: auto;
  margin: auto;
}
.slider-container.cards-slider .slider-list.slider-brands .item-picture.predefined {
  aspect-ratio: 1.7777777777777777;
}
.slider-container.cards-slider .slider-list.slider-brands .item-picture-wrap {
  background: var(--white);
  display: flex;
  flex-flow: column;
  margin-bottom: 0;
}
.slider-universe .slider-container .slider-list,
.slider-seo .slider-container .slider-list {
  grid-auto-columns: 128px;
}
.slider-universe .slider-container .slider-list .item-title.ellipsis-title,
.slider-seo .slider-container .slider-list .item-title.ellipsis-title {
  display: -webkit-box;
  min-height: 30px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.slider-universe .slider-container .slider-list .item,
.slider-seo .slider-container .slider-list .item {
  padding: 8px 8px 16px;
}
.slider-universe .slider-container .slider-list .item .item-picture-wrap,
.slider-seo .slider-container .slider-list .item .item-picture-wrap {
  margin-bottom: 8px;
}
.home-section {
  position: relative;
  padding: 20px 0 0;
}
.home-section.slider-reinsurances {
  background: var(--blue);
  padding: 14px 0 0;
  margin-top: 20px;
}
.home-section.slider-reinsurances .slider-container .slider-list .item-picture {
  max-height: 34px;
  width: auto;
}
.home-section.slider-reinsurances .slider-container .slider-list .item-picture-wrap {
  height: 53px;
  background: var(--white);
}
.recommendation-container {
  padding: 0;
  border: none;
}
.recommendation-container .top-flags {
  position: absolute;
  left: 0;
  top: -10px;
  width: 100%;
  display: flex;
  gap: 16px;
  align-items: center;
}
.recommendation-container .top-flags .flag {
  background: transparent;
}
.recommendation-container .top-flags .flag_odr {
  font-size: 12px;
  border: 1px solid var(--low-grey);
  border-radius: 8px;
  padding: 3px 4px 3px 8px;
  font-family: var(--font-bold-alt);
  text-transform: uppercase;
  background-color: var(--white);
}
.recommendation-container .top-flags .flag_odr::before {
  content: '';
  display: inline-block;
  background-image: url(../catalog/version_mobile/styles/images/pictos/pictoEco.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: bottom;
  height: 13px;
  width: 13px;
  margin-right: 4px;
}
.recommendation-container .splide__slide {
  box-shadow: 0 0 6px 0 rgba(69, 69, 69, 0.08);
  padding: 22px 12px 12px;
  border-radius: 3px;
}
.recommendation-container .splide__slide .product-mini-card__picture {
  width: auto;
  max-width: 100%;
}
.recommendation-container .splide__slide .product-mini-card__content {
  text-align: left;
  height: 88px;
}
.recommendation-container .splide__slide .product-mini-card__category {
  color: var(--mid-grey);
  text-decoration: none;
  margin: auto;
  font-size: 12px;
  line-height: 16px;
}
.recommendation-container .splide__slide .product-mini-card__flag {
  text-align: left;
}
.recommendation-container .product-mini-card__energy-class {
  height: 24px;
  width: 44px;
}
.recommendation-container .product-mini-card__energy-class .energy_flag {
  height: 24px;
}
.recommendation-container .product-mini-card__reparability-class {
  height: 29px;
  width: auto;
}
.recommendation-container .reparability_flag {
  height: 28px;
}
.recommendation-container .product-mini-card__visual {
  height: 120px;
  margin-bottom: 16px;
  position: relative;
  display: flex;
  justify-content: center;
}
.recommendation-container .product-mini-card__flags {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recommendation-container .product-mini-card__rating {
  color: var(--mid-grey);
  font-size: 12px;
  display: flex;
  flex-flow: row nowrap;
  vertical-align: middle;
  margin-top: 4px;
}
.recommendation-container .product-mini-card__rating::before {
  content: '';
  background: url(../catalog/version_common/styles/images/pictos/star_single.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  height: 12px;
  width: 12px;
  margin: auto 4px auto 0;
}
.recommendation-container .product-mini-card__title {
  color: var(--dark-grey);
  font-size: 14px;
  text-transform: uppercase;
  font-family: var(--font-bold);
  line-height: 20px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: block;
  text-decoration: none;
}
.recommendation-container .product-mini-card__title::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
}
.recommendation-container .product-mini-card__cart-btn {
  position: relative;
  z-index: 1;
}
.recommendation-container .product-mini-card__cart-btn .text {
  display: none;
}
.recommendation-container .product-mini-card__buybox {
  text-align: left;
}
.recommendation-container .product-mini-card__buybox .flags__container {
  margin-bottom: 0;
}
.recommendation-container .product-mini-card__buybox .product-mini-card__price-wrapper {
  display: flex;
  justify-content: space-between;
}
.recommendation-container .product-mini-card__buybox .global_price {
  padding-top: 5px;
}
.recommendation-container .mkp_seller_wrap {
  margin-top: 10px;
  text-align: left;
}
.recommendation-container .mkp_seller_wrap .mkp-shipping {
  font-size: 12px;
  margin: 0;
}
.recommendation-container .mkp_seller_wrap .mkp-shipping .seller-name {
  color: var(--red);
}
.recommendation-container .short-notice-with-tooltip {
  position: relative;
  z-index: 10;
}
.recommendation-container .tooltip {
  display: block;
  z-index: 10;
}
.recommendation-container .tooltip:hover::before {
  left: 0;
  max-width: 230px;
}
.page_product .recommendation-container .tooltip:hover::before {
  max-width: 150px;
}
.recommendation-container .tooltip:hover::after {
  top: -20px;
}
.recommendation-container .short-notice {
  color: var(--mid-grey);
  font-size: 10px;
  line-height: 16px;
  text-align: right;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
}
.recommendation-container .short-notice .image-legal-mention {
  margin: 0 0 0 5px;
}
.xsell-carousel__title {
  font-family: var(--font-bold);
  color: var(--dark-grey);
  font-size: 18px;
  text-transform: initial;
  padding: 0 20px 15px;
  margin-top: 20px;
}
.xsell-carousel__filter-list {
  padding-left: 0;
  list-style: none;
}
.item-hide {
  visibility: hidden;
}
@media (max-width: 320px) {
  .slider-list {
    grid-auto-columns: 155px;
  }
}

.expand-block .item-front .link {
  pointer-events: none;
}
.expand-block .slider-list {
  grid-template-rows: 150px 150px;
}
.expand-block .item-back .item-title {
  text-align: left;
}

.mosaic {
  overflow-x: auto;
}
.mosaic_wrapper {
  width: 563px;
  display: flex;
  flex-flow: row nowrap;
  height: 348px;
  padding: 16px;
}
.mosaic_image {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.mosaic_image.image--product {
  width: 101px;
  height: auto;
  margin: 0 auto;
}
.mosaic_image.image--lifestyle {
  object-fit: contain;
  height: 100%;
}
.mosaic_details {
  margin: 8px;
  background: var(--white);
  border-radius: 3px;
  font-size: 14px;
  padding: 8px;
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-flow: column;
}
.mosaic_details::after {
  content: '';
  display: block;
  height: 16px;
  width: 10px;
  background: url(../catalog/version_common/styles/images/pictos/arrow_right_blue.svg) no-repeat center;
  flex: none;
  margin: auto 0 0 auto;
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.mosaic_element {
  margin: 4px 0 0;
}
.mosaic_element:last-child {
  width: 86%;
}
.mosaic_element.hook {
  font-size: 12px;
  line-height: 14px;
}
.mosaic_element.name {
  font-size: 12px;
  line-height: 14px;
  font-family: var(--font-bold);
}
.mosaic_element.category {
  font-size: 12px;
  line-height: 15px;
}
.mosaic_element.commercial {
  color: var(--red);
  font-family: var(--font-bold);
  font-size: 12px;
  line-height: 15px;
  margin-top: 4px;
}
.mosaic_element.service {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding-right: 22px;
  font-size: 16px;
}
.mosaic_element.service::before {
  content: '';
  display: block;
  flex: none;
  height: 18px;
  width: 18px;
  margin-right: 8px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.mosaic_element.service .label {
  font-size: 10px;
  line-height: 11px;
  margin: 0;
}
.mosaic_element.service.conseils::before {
  background-image: url(../catalog/version_common/styles/images/pictos/conseil.svg);
}
.mosaic_element.service.garantie::before {
  background-image: url(../catalog/version_common/styles/images/pictos/darty_umbrella.svg);
}
.mosaic_element.service.livraison::before {
  background-image: url(../catalog/version_common/styles/images/pictos/darty_delivery.svg);
}
.mosaic_element.service.retrait::before {
  background-image: url(../catalog/version_common/styles/images/pictos/click_and_collect.svg);
}
.mosaic_element.mention .label {
  font-size: 10px;
  line-height: 11px;
  margin: 0;
}
.mosaic_price {
  font-size: 13px;
  line-height: 18px;
  font-family: var(--font-bold);
  margin-right: 4px;
}
.mosaic_price.promo {
  color: var(--red);
}
.mosaic_price_wrap {
  display: flex;
  align-items: baseline;
  margin-top: 4px;
  flex-direction: column;
}
.mosaic_price--striped {
  font-size: 10px;
  color: var(--mid-grey);
  text-decoration: line-through;
  font-family: var(--font-bold);
}
.mosaic_item {
  width: 50%;
  position: relative;
  overflow: hidden;
  margin-right: 4px;
  display: flex;
  justify-content: space-between;
  background-size: contain;
  background-repeat: no-repeat;
}
.mosaic_item .arrow {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.mosaic_item .arrow .path {
  transform: scale(0.57);
}
.mosaic_item .link {
  display: block;
  text-decoration: none;
  color: var(--dark-grey);
}
.mosaic_item .link::before {
  content: '';
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
}
.mosaic_item .image-link {
  height: 100%;
  width: 100%;
}
.mosaic_item--grand {
  flex-direction: column;
  justify-content: space-between;
  background-size: 100% auto;
}
.mosaic_item--grand .image--product {
  width: 165px;
  margin-top: 20px;
}
.mosaic_item--grand [data-tooltip],
.mosaic_item--grand .tooltip-wrap {
  display: block;
}
.mosaic_item--grand [data-tooltip]::after,
.mosaic_item--grand .tooltip-wrap::after {
  top: initial;
  bottom: 40px;
}
.mosaic_item--grand [data-tooltip] .tooltip,
.mosaic_item--grand .tooltip-wrap .tooltip,
.mosaic_item--grand [data-tooltip]::before,
.mosaic_item--grand .tooltip-wrap::before {
  left: -10px;
  bottom: 45px;
  width: 200px;
}
.mosaic_item--petit {
  height: 50%;
  width: 100%;
  margin: 0 0 8px;
  justify-content: space-between;
  background-size: auto 100%;
}
.mosaic_item--petit:last-child {
  margin-bottom: 0;
}
.mosaic_item--petit .mosaic_details {
  width: 132px;
  box-sizing: border-box;
  max-height: 152px;
}
.mosaic_item--petit .mosaic_details .category {
  display: none;
}
.mosaic_item--petit .image--product {
  margin: auto 0 auto 16px;
}
.mosaic_item--petit [data-tooltip],
.mosaic_item--petit .tooltip-wrap {
  display: block;
}
.mosaic_item--petit [data-tooltip] .tooltip,
.mosaic_item--petit .tooltip-wrap .tooltip,
.mosaic_item--petit [data-tooltip]::before,
.mosaic_item--petit .tooltip-wrap::before {
  left: -120px;
  bottom: 45px;
  width: 200px;
}
.mosaic_item .image_halo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
}
.mosaic_item .image_halo::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  margin: auto;
  box-shadow: 0 0 100px 40px var(--white);
  width: 0;
  height: 0;
  border-radius: 100px;
  z-index: 0;
}
.mosaic_item.mosaic_item--is-lifestyle {
  justify-content: flex-end;
}
.mosaic .flex {
  width: 50%;
  display: flex;
  flex-flow: column;
  margin-left: 4px;
}
.mosaic_flags {
  position: absolute;
  top: 8px;
  left: 8px;
  display: none;
}
.mosaic_title {
  color: var(--dark-grey);
  font-family: var(--font-bold);
  line-height: 18px;
}
.mosaic_subtitle {
  color: var(--black);
  font-size: 12px;
  line-height: 15px;
  font-family: var(--font-bold);
  margin-top: 4px;
}
.mosaic_highlight {
  color: var(--red);
  font-family: var(--font-bold);
  font-size: 12px;
  line-height: 15px;
  margin-top: 4px;
}
.mosaic_catchphrase {
  font-size: 12px;
  margin-top: 4px;
  line-height: 14px;
}
.mosaic_exclusivity {
  font-size: 10px;
  line-height: 13px;
  margin-top: 4px;
}
.mosaic_exclusivity_darty {
  display: block;
  font-family: var(--font-bold);
  color: var(--red);
}
.mosaic_service {
  display: flex;
  flex-flow: row nowrap;
  vertical-align: middle;
  margin-top: 8px;
}
.mosaic_service_picto {
  display: inline-block;
  width: 18px;
  height: auto;
  object-fit: contain;
  margin-right: 8px;
}
.mosaic_service_text {
  font-size: 10px;
  line-height: 11px;
  margin: auto 0;
}
.mosaic .short-notice {
  color: var(--mid-grey);
  font-size: 8px;
  line-height: 16px;
  text-align: right;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  white-space: nowrap;
}
.mosaic .short-notice .image-legal-mention {
  margin: 0 0 0 5px;
}
.mosaic .short-notice-with-tooltip {
  position: relative;
  z-index: 50;
}

.slider-products {
  display: grid;
  grid-template-columns: 10px;
  grid-template-rows: 300px;
  grid-auto-flow: column;
  grid-auto-columns: 155px;
  grid-gap: 10px;
  overflow-x: scroll;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.slider-products::before {
  content: '';
}
.slider-products .product-item {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 10px;
}
.slider-products .product-item .product-price__price:not(.product-price__price--is-striped) {
  font-size: 18px;
}
.slider-products .item-flag,
.slider-products .flag {
  height: 18px;
  line-height: 18px;
}
.slider-products .item-flag .pre_order_date_flag {
  display: none;
}
.slider-products .item-flag .price-discount {
  height: 18px;
  vertical-align: middle;
  line-height: 18px;
  font-size: 11px;
}
.slider-products .flag {
  font-size: 11px;
}
.slider-products .item-link {
  display: block;
  text-decoration: none;
}
.slider-products .item-image {
  height: 105px;
  text-align: center;
  margin: 6px 10px;
}
.slider-products .item-image img {
  max-width: 100%;
  max-height: 105px;
}
.slider-products .item-no-image {
  background-image: url(../catalog/version_common/styles/images/no_image/micro_no_image.png);
  background-position: center;
  background-repeat: no-repeat;
}
.slider-products .item-family,
.slider-products .item-name,
.slider-products .item-stars {
  margin: 0 10px;
}
.slider-products .item-family,
.slider-products .item-name {
  line-height: 16px;
}
.slider-products .item-family {
  font-size: 11px;
  padding-top: 6px;
  border-top: 1px solid var(--white-hover);
  -webkit-line-clamp: 1;
}
.slider-products .item-family .item-link {
  color: var(--soft-grey);
}
.slider-products .item-name {
  height: 32px;
  font-size: 13px;
  text-transform: uppercase;
  -webkit-line-clamp: 2;
}
.slider-products .item-name .item-link {
  color: var(--dark-grey);
}
.slider-products .stars-count {
  font-size: 10px;
  font-family: var(--font-bold);
}
.slider-products .item-footer {
  padding: 0 10px;
}
.slider-products .product__mkp-seller {
  padding-bottom: 0;
}
.slider-products .price {
  margin-right: 2px;
}
.slider-products .product-price-offer {
  display: inline-block;
}
.slider-products .price-older {
  color: var(--light-grey);
}
.slider-products .price-older:nth-last-child(odd) {
  font-size: 11px;
}
.slider-products .price-older:nth-last-child(even) {
  font-size: 13px;
}
.slider-products .price-actual {
  font-size: 18px;
}
.products-slider {
  display: grid;
  grid-template-columns: 10px;
  grid-template-rows: 340px;
  grid-auto-flow: column;
  grid-auto-columns: 230px;
  grid-gap: 10px;
  overflow-x: scroll;
  list-style-type: none;
  padding: 0 24px 15px 0;
  margin: 0;
}
.products-slider::before {
  content: '';
}
.slider-cards .product-item {
  padding: 22px 12px 12px;
  border-radius: 3px;
  background-color: var(--white);
  box-shadow: 0 0 6px 0 rgba(69, 69, 69, 0.08);
  display: flex;
  flex-flow: column;
  position: relative;
}
.slider-cards .product-item .sponsored-flag {
  position: absolute;
  top: 4px;
  left: 10px;
  color: var(--mid-grey);
  font-size: 12px;
}
.slider-cards .product-picture {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.slider-cards .product-picture.fit-contain {
  object-fit: contain;
}
.slider-cards .product-picture-wrap {
  height: 120px;
  margin-bottom: 16px;
  position: relative;
  display: flex;
}
.slider-cards .product-picture-wrap .product-labels {
  position: absolute;
  top: 0;
  left: 0;
}
.slider-cards .product-picture-wrap .product-labels .flag_odr {
  font-size: 12px;
  border: 1px solid var(--low-grey);
  border-radius: 8px;
  padding: 3px 4px 3px 8px;
  font-family: var(--font-bold-alt);
  text-transform: uppercase;
  background-color: var(--white);
  position: absolute;
  top: -30px;
  left: -12px;
  display: flex;
  align-items: center;
  min-width: 140px;
}
.slider-cards .product-picture-wrap .product-labels .flag_odr::before {
  content: '';
  display: inline-block;
  background-image: url(../catalog/version_common/styles/images/pictos/pictoEco.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: middle;
  height: 13px;
  width: 13px;
  margin-right: 4px;
}
.slider-cards .product-picture-wrap .flags_container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slider-cards .product-picture-wrap .flags_container .energy_flag {
  height: 24px;
}
.slider-cards .product-picture-wrap .flags_container .reparability_flag {
  height: 28px;
}
.slider-cards .product-picture-wrap .visual-bottom-flags {
  position: absolute;
  display: flex;
  height: 31px;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: space-between;
  align-items: flex-start;
}
.slider-cards .product-picture-wrap .visual-bottom-flags .reparability_flag {
  height: 29px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.slider-cards .product-picture-wrap .visual-bottom-flags .energy_flag {
  height: 24px;
}
.slider-cards .product-picture-link {
  color: inherit;
  text-decoration: none;
  margin: auto;
}
.slider-cards .product-details {
  flex: 1;
  display: flex;
  flex-flow: column;
}
.slider-cards .product-details .flags__container {
  margin-bottom: 6px;
}
.slider-cards .product-details .flags__container .flags {
  height: 20px;
  line-height: 20px;
}
.slider-cards .product-details .item-footer {
  margin-top: 25px;
}
.slider-cards .product-details .item-footer .product__mkp-seller-external {
  white-space: initial;
  overflow: initial;
}
.slider-cards .product-details .item-footer .product__mkp-seller-external .mkp-shipping {
  color: var(--black);
}
.slider-cards .product-details .item-footer .product__mkp-seller-external .mkp-shipping .seller-name {
  color: var(--red);
}
.slider-cards .product-details .bottom-modality {
  position: absolute;
  bottom: 8px;
  color: var(--mid-grey);
  font-size: 10px;
}
.slider-cards .product-category {
  color: var(--mid-grey);
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 4px;
}
.slider-cards .product-name {
  color: var(--dark-grey);
  font-size: 14px;
  text-transform: uppercase;
  font-family: var(--font-bold);
  line-height: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.slider-cards .product-reviews {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-size: 12px;
  line-height: 13px;
  color: var(--mid-grey);
  margin-top: 4px;
}
.slider-cards .product-reviews::before {
  content: '';
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+NUQ5OEEyREItREJCNS00QzQxLUI1MUEtNDMwNkVCQjY5N0Y2PC90aXRsZT4KICAgIDxnIGlkPSJIb21lLU1vYmlsZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IjAyYS1NLVJlZm9udGUtSFAtMzIwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjguMDAwMDAwLCAtMTEzNC4wMDAwMDApIiBmaWxsPSIjRjNDMDI2Ij4KICAgICAgICAgICAgPGcgaWQ9Ikxlcy1vZmZyZXMtRGFydHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2LjAwMDAwMCwgODQyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9Ik5vdXZlYXV0w6lzLWNvbnRlbnQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA4OC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMDAwMDAwLCAxMzUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJhdmlzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNS41Njc0NDE3MSwyLjY4NzQ5OTk2IEM1LjM5NDMzNzc4LDIuNjg3NDk5OTYgNS4yMjAwMDYxNiwyLjc4MTY3NjM0IDUuMTMxNjEyNjYsMi45Njg3NTY0NCBMMy42NzQzNDc2NSw2LjAyODIxNjEzIEwwLjQxNzI5MjgyLDYuNTE4MTg3ODQgQzAuMDE4Mjk0Mzk2MSw2LjU3ODAwMjU2IC0wLjE0MTMwNDk3NCw3LjA4NzA2NDA4IDAuMTQ3MjAxNTc5LDcuMzc4NTAxNzkgTDIuNTA0MzYxNSw5Ljc1OTYzNzAyIEwxLjk0ODIxOTA4LDEzLjEyMTk4ODMgQzEuODk0MjAwODMsMTMuNDQ3Nzg3NyAyLjE0NDY0OTA4LDEzLjcxMjQ5OTcgMi40MjgyNDQ4OCwxMy43MTI0OTk3IEMyLjUwMzEzMzgxLDEzLjcxMjQ5OTcgMi41ODA0NzgxMiwxMy42OTQ2ODI1IDIuNjU1MzY3MDYsMTMuNjUzOTU3NiBMNS41Njc0NDE3MSwxMi4wNjY5NTgzIEw4LjQ4MDc0NDA1LDEzLjY1Mzk1NzYgQzguNTU1NjMyOTksMTMuNjk0NjgyNSA4LjYzMjk3NzMsMTMuNzEyNDk5NyA4LjcwNzg2NjIzLDEzLjcxMjQ5OTcgQzguOTkxNDYyMDQsMTMuNzEyNDk5NyA5LjI0MDY4MjU5LDEzLjQ0Nzc4NzcgOS4xODY2NjQzNCwxMy4xMjE5ODgzIEw4LjYzMDUyMTkyLDkuNzU5NjM3MDIgTDEwLjk4NzY4MTgsNy4zNzg1MDE3OSBDMTEuMjc2MTg4NCw3LjA4NzA2NDA4IDExLjExNjU4OSw2LjU3ODAwMjU2IDEwLjcxNzU5MDYsNi41MTgxODc4NCBMNy40NjA1MzU3OCw2LjAyODIxNjEzIEw2LjAwMzI3MDc2LDIuOTY4NzU2NDQgQzUuOTE0ODc3MjYsMi43ODE2NzYzNCA1Ljc0MDU0NTY0LDIuNjg3NDk5OTYgNS41Njc0NDE3MSwyLjY4NzQ5OTk2IEw1LjU2NzQ0MTcxLDIuNjg3NDk5OTYgWiIgaWQ9IlN0YXItQ29weS01Ij48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 12px;
  width: 12px;
  margin: 0 4px auto 0;
}
.slider-cards .product-main {
  height: 80px;
  display: flex;
  flex-flow: column;
}
.slider-cards .product-more {
  position: relative;
  display: flex;
  flex-flow: column-reverse;
  justify-content: flex-end;
  height: 48px;
  font-size: 24px;
}
.slider-cards .product-more.offer-darty {
  flex-flow: column;
}
.slider-cards .product-more.offer-darty-prices {
  display: flex;
  flex-flow: column-reverse;
}
.slider-cards .product-more .product-price-offer {
  font-size: 10px;
}
.slider-cards .product-more .product-price-offer + .product-price__price {
  color: var(--red);
}
.slider-cards .product-avis {
  color: var(--mid-grey);
  font-size: 12px;
  display: flex;
  flex-flow: row nowrap;
  vertical-align: middle;
  margin-top: 4px;
}
.slider-cards .product-avis::before {
  content: '';
  background: url(../catalog/version_common/styles/images/pictos/star_single.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  height: 12px;
  width: 12px;
  margin: auto 4px auto 0;
}
.slider-cards .product-flags {
  margin-top: auto;
}
.slider-cards .product-flags .flag {
  font-family: var(--font-regular);
  font-size: 12px;
}
.slider-cards .product-flags .flag.pre_order {
  font-family: var(--font-regular);
  border-radius: 3px;
}
.slider-cards .product-flags .price-discount {
  font-size: 12px;
}
.slider-cards .product-button {
  position: absolute;
  bottom: 0;
  right: 0;
}
.slider-cards .product-button .btn {
  padding: 11.5px 8.5px;
}
.slider-cards .bottom-flags {
  grid-area: 0.375;
  width: fit-content;
}
.slider-cards .bottom-flags .flag {
  font-size: 12px;
  text-transform: uppercase;
  color: var(--white);
  background: var(--red);
  border-radius: 3px;
  padding: 2px;
  height: auto;
  line-height: 1;
}
.slider-cards .bottom-flags .flag.pre-order {
  background-color: var(--orange);
}
.slider-cards .bottom-flags .flag.bg-red {
  background-color: var(--red);
}
.slider-cards .bottom-flags .flag.bg-green {
  background-color: var(--green-discount);
}
.slider-cards .bottom-flags .flag.bg-black {
  background-color: var(--black);
}
.slider-cards .bottom-flags .flag.bg-white {
  background-color: var(--red);
}
.slider-cards .bottom-flags .flag-value {
  font-family: var(--font-bold);
}
.sliders-wrapper.sliders-toggling .slider-wrap {
  display: none;
}
.sliders-wrapper.sliders-toggling .slider-wrap.js-slider-active {
  display: block;
}
.sliders-wrapper-buttons {
  padding: 0 15px 15px;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow-x: auto;
  display: none;
}
.sliders-wrapper-buttons.js-button-wrap-active {
  display: block;
}
.sliders-wrapper-button {
  border: 1px solid var(--low-grey);
  border-radius: 16px;
  background-color: var(--white);
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: var(--dark-grey);
  padding: 7px 10px;
  margin-right: 4px;
  display: none;
}
.sliders-wrapper-button.js-button-enabled {
  display: inline-block;
}
.sliders-wrapper-button.js-button-active {
  background-color: var(--blue);
  color: var(--white);
}
.multi-slider .buttons-list {
  display: none;
  padding: 0 15px 15px;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow-x: auto;
}
.multi-slider .buttons-list.js-active {
  display: block;
}
.multi-slider .button-item {
  border: 1px solid var(--low-grey);
  border-radius: 16px;
  background-color: var(--white);
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: var(--dark-grey);
  padding: 7px 10px;
  margin-right: 4px;
  display: inline-block;
}
.multi-slider .button-item.js-active {
  background-color: var(--blue);
  color: var(--white);
}
.multi-slider .bloc-products {
  display: none;
  padding-top: 0;
}
.multi-slider .bloc-products.js-active {
  display: block;
}
.xsell-carousel__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xsell-carousel__filter {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 20px;
}
.xsell-carousel__filter-btn {
  width: 24px;
  height: 24px;
  background: url(../catalog/version_common/design-system/icons/dots.svg) no-repeat center;
  color: var(--dark-grey);
}
.xsell-carousel__filter-dropdown {
  position: absolute;
  right: 0;
  top: 32px;
  z-index: 11;
  min-width: 260px;
  background-color: var(--white);
  box-shadow: 0 0 2px 0 var(--overlay-light), 0 5px 8px 0 var(--overlay-light), 0 2px 4px 0 var(--overlay-light);
  border-radius: 4px;
  visibility: hidden;
  transform: translateY(-32px);
  opacity: 0;
  transition: all ease-in-out 200ms;
}
.xsell-carousel__filter-dropdown.is-active {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.xsell-carousel__filter-title {
  font-family: var(--font-bold);
  font-size: 14px;
  color: var(--dark-grey);
  padding: 16px;
  margin: 0;
}
.xsell-carousel__filter-list {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--low-grey);
}
.xsell-carousel__filter-item {
  font-size: 14px;
  color: var(--dark-grey);
  background-color: var(--white);
}
.xsell-carousel__filter-check {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px 16px 16px 40px;
  background: var(--white);
  border: none;
  cursor: pointer;
}
.xsell-carousel__filter-check::before {
  content: '';
  width: 24px;
  height: 24px;
  background: url(../catalog/version_common/design-system/icons/check.svg) no-repeat center;
  color: var(--dark-grey);
  position: absolute;
  display: block;
  left: 8px;
  visibility: hidden;
  transform: translateX(24px) scale(0);
  opacity: 0;
  transition: all ease-in-out 100ms;
}
.xsell-carousel__filter-check:hover {
  background: var(--light-grey);
}
.xsell-carousel__filter-check.is-active {
  background: var(--light-grey);
}
.xsell-carousel__filter-check.is-active::before {
  visibility: visible;
  transform: translateX(0) scale(100%);
  opacity: 1;
}
.xsell-carousel__filter-link {
  display: block;
  color: var(--dark-grey);
  font-size: 14px;
  font-family: var(--font-regular);
  padding: 16px;
}
.xsell-carousel .bloc__titre {
  margin-bottom: 0;
}

.stores-wrapper + .geoloc-wrapper,
.delivery-wrapper + .geoloc-wrapper,
.wrapper-content + .geoloc-wrapper,
.modal-bottom-content {
  display: none;
}
.modal-bottom {
  position: fixed;
  width: 100vw;
  bottom: -100%;
  left: 0;
  right: 0;
  opacity: 0;
  padding-top: 2rem;
  transition: bottom ease 0.5s, top ease 0.5s, opacity 0.3s ease-in;
  z-index: -100;
  font-family: var(--font-regular);
}
.modal-bottom__body {
  max-height: 60vh;
  overflow-y: auto;
}
.modal-bottom__content {
  display: none;
}
.modal-bottom .modal-bottom__content {
  display: block;
  font-size: 12px;
}
.modal-bottom__title {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-family: var(--font-bold);
  margin: 0 0 15px;
  line-height: 24px;
  padding: 10px 0 15px;
  border-bottom: 1px solid var(--disabled);
}
.modal-bottom__title.modal-bottom__title-alt {
  padding-top: 0;
  font-size: 18px;
}
.modal-bottom__title.modal-bottom__title-with-sub {
  padding-bottom: 8px;
}
.modal-bottom__subtitle {
  margin: 16px 0 8px;
  font-size: 14px;
}
.modal-bottom__subtitle .marketplace-link {
  color: var(--dark-grey);
}
.modal-bottom__title--no-caps {
  text-transform: lowercase;
  display: block;
}
.modal-bottom__title--no-caps::first-letter {
  text-transform: uppercase;
}
.modal-bottom__picto {
  margin-right: 10px;
}
.modal-bottom__paragraph {
  margin-bottom: 10px;
}
.modal-bottom__conditions-link {
  display: inline-block;
  margin-top: 10px;
  text-transform: none;
  text-decoration: underline;
  font-family: var(--font-regular);
  font-size: 14px;
  color: var(--blue);
}
.modal-bottom .btn-close {
  background: none;
  border: 0;
  height: 21px;
  position: absolute;
  right: 15px;
  top: 0;
  width: 21px;
  padding: 0;
}
.modal-bottom .btn-close .icon-close {
  width: 100%;
}
.modal-bottom .modal-error {
  color: var(--red);
  font-size: 13px;
  font-family: var(--font-bold);
  margin-top: 8px;
}
.modal-bottom .modal-error .city {
  text-transform: capitalize;
}
.modal-bottom .modal-error a {
  color: var(--red);
}
.modal-bottom .more-button {
  position: fixed;
  bottom: 20px;
  height: auto;
}
.modal-bottom .more-button.more-stores {
  left: 20px;
  right: 20px;
}
.modal-bottom .more-button.model-dispo {
  left: 32px;
  right: 32px;
}
.modal-bottom .more-info {
  position: fixed;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: bottom ease 0.7s, opacity 0.6s ease-in;
  font-family: var(--font-regular);
  text-align: center;
}
.modal-bottom.style-geoloc {
  height: 50vh;
}
.js-modal-bottom-open {
  overflow: hidden;
}
.js-modal-bottom-open .modal-bottom {
  opacity: 1;
  z-index: 9999;
}
.js-modal-bottom-open .modal-bottom .more-info {
  opacity: 1;
  bottom: 25px;
  width: 100%;
}
.js-modal-bottom-open .modal-bottom .modal-bottom-content {
  display: block;
}
.modal-title {
  margin-bottom: 12px;
  color: var(--dark-grey);
  font-family: var(--font-regular);
  font-size: 15px;
}
.modal-title .close-paragraph {
  line-height: 18px;
  padding-left: 38px;
  margin-bottom: 16px;
}
.modal-title .close-paragraph .title {
  margin: 0;
  font-family: var(--font-bold);
}
.modal-title .close-paragraph .subtitle {
  margin: 4px 0 0;
}
.modal-body {
  padding: 12px 22px 22px;
  height: 100%;
  box-sizing: border-box;
  background: var(--white);
}
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}
.modal-delivery-options {
  font-family: var(--font-regular);
}
.modal-delivery-options .message-durable {
  font-size: 12px;
  line-height: 17px;
  display: flex;
}
.modal-delivery-options .message-durable::after {
  content: '';
  background: url(../catalog/version_common/styles/images/pictos/darty_eco.svg) var(--white) no-repeat center;
  background-size: 70%;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  display: flex;
  margin: auto 0 auto 4px;
  flex: none;
}
.modal-delivery-options .message-durable-wrap {
  margin: 16px 0;
  background-color: var(--low-grey);
  padding: 0 10px 0 16px;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  position: relative;
  margin-left: -22px;
  height: 67px;
  border-top-right-radius: 67px;
  border-bottom-right-radius: 67px;
}
.modal-delivery-options .modal-title {
  margin-bottom: 0;
  padding: 0 22px;
}
.modal-delivery-options .wrapper-title {
  padding: 0 22px 10px;
}
.modal-delivery-options .wrapper-content {
  max-height: 60vh;
  overflow-x: scroll;
  padding: 10px 22px 0;
}
.modal-delivery-options .wrapper-content-smaller {
  max-height: 50vh;
}
.modal-delivery-options .wrapper-content.search-form-content {
  overflow-x: inherit;
}
.modal-delivery-options .list-stores {
  margin-bottom: 55px;
}
.modal-delivery-options .cell-style {
  border-radius: 4px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1), 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  text-decoration: none;
  padding: 20px;
  display: block;
  position: relative;
}
.modal-delivery-options .cell-style.not-avail,
.modal-delivery-options .cell-style.not-avail-basketstore {
  border: 1px solid var(--low-grey);
  box-shadow: none;
  filter: grayscale(100%);
  color: var(--mid-grey);
  text-align: left;
  font-family: var(--font-bold);
}
.modal-delivery-options .cell-style.not-avail-basketstore,
.modal-delivery-options .cell-style.basket-store {
  padding: 30px 18px 14px 74px;
  background-position: 14px 40px;
}
.modal-delivery-options .cell-style.basket-store.store-no-schedule {
  padding: 40px 18px 20px 74px;
}
.modal-delivery-options .cell-style.not-avail-basketstore {
  font-family: var(--font-regular);
}
.modal-delivery-options .close-paragraph {
  padding: 0;
}
.modal-delivery-options .close-paragraph .city {
  white-space: nowrap;
}
.modal-delivery-options .close-paragraph .modify {
  text-decoration: underline;
}
.modal-delivery-options .highlighted-text {
  color: var(--green);
  font-family: var(--font-bold);
  line-height: 20px;
}
.modal-delivery-options .desc {
  display: block;
  color: var(--dark-grey);
  font-family: var(--font-bold);
  line-height: 18px;
}
.modal-delivery-options .store-cc {
  background: url(../catalog/version_mobile/styles/images/icons/store-darty.png) no-repeat 14px 20px;
  background-size: 48px auto;
  padding: 11px 18px 14px 74px;
}
.modal-delivery-options .store-cc.store-cc-no-pict {
  background-image: none !important;
}
.modal-delivery-options .store-cc.expediable-mode {
  background-position: 14px center;
}
.modal-delivery-options .store-cc.store-no-schedule {
  padding: 20px 18px 20px 74px;
}
.modal-delivery-options .store-cc .store-name {
  text-transform: capitalize;
}
.modal-delivery-options .store-cc .store-openHours {
  display: block;
  margin-top: 3px;
  color: var(--mid-grey);
  font-size: 13px;
  line-height: 18px;
}
.modal-delivery-options .store-cc .store-distance {
  position: absolute;
  top: 50px;
  left: 0;
  display: block;
  width: 75px;
  color: var(--blue);
  font-size: 11px;
  font-family: var(--font-bold);
  line-height: 15px;
  text-align: center;
}
.modal-delivery-options .store-cc .store-tag {
  position: absolute;
  left: 8px;
  top: 8px;
  padding: 1px 3px;
  border-radius: 3px;
  background-color: var(--green);
  color: var(--white);
  font-size: 11px;
  text-transform: uppercase;
  font-family: var(--font-regular);
}
.modal-delivery-options .basket-store .store-distance {
  top: 70px;
}
.modal-delivery-options .delivery-wrapper .wrapper-content {
  padding-top: 10px;
}
.modal-delivery-options .delivery-wrapper + .stores-wrapper .wrapper-content {
  max-height: 55vh;
  padding-top: 3px;
}
.modal-delivery-options .delivery {
  background: url(../catalog/version_common/styles/images/icons/darty_trunk_icon.png) no-repeat 19px center;
  background-size: 36px auto;
  padding: 20px 11px 20px 74px;
  margin-bottom: 20px;
}
.modal-delivery-options .delivery-gem-mkp {
  background: none;
  padding: 20px 15px;
}
.modal-geoloc .close-paragraph,
.geoloc-wrapper .close-paragraph {
  padding-left: 38px;
  background: url(../catalog/version_mobile/styles/images/icons/pin-geoloc.png) left center no-repeat;
  background-size: 15px auto;
}
.style-delivery_options {
  height: 70vh;
  width: 100vw;
}
.style-delivery_options .modal-body {
  padding: 20px 0;
}
#basket_content .basket-store {
  display: none;
}

.form-search-top {
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  background-color: var(--white);
}
.form-search-top .form-one-field {
  padding: 8px 8px 8px 15px;
  background-color: var(--white);
  border-bottom: 2px solid var(--light-grey);
}
.form-search-top .form-one-field .btn-close-search {
  background: url(../catalog/version_mobile/styles/images/icons/arrow-left-blue.png) left center no-repeat;
  background-size: 24px auto;
  width: 24px;
  height: 24px;
}
.form-search-top .form-one-field input[type='search'] {
  height: 38px;
  border: 0;
  border-radius: 2px;
  padding-left: 15px;
  caret-color: var(--blue);
}
.form-search-top .form-one-field input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
  display: block;
  width: 24px;
  height: 24px;
  background: url(../catalog/version_mobile/styles/images/icons/close.png) no-repeat center var(--low-grey);
  background-size: 10px auto;
  border-radius: 50%;
}
.form-search-top .form-one-field input[type='search']:focus {
  outline: 0;
}
.form-search-top .help-txt {
  margin: 0;
  padding: 5px 5px 0;
  color: var(--soft-grey);
  font-size: 11px;
  font-style: italic;
}
.form-search-top .help-txt:empty {
  display: none;
}
.form-search-top .grs-autocomplete {
  display: none;
}
.form-search-top .grs-autocomplete.js-active {
  display: block;
}
.form-search-top .grs-autocomplete .list {
  display: grid;
  padding: 0;
  margin: 0;
}
.form-search-top .grs-autocomplete .item {
  font-size: 14px;
  position: relative;
  padding: 15px 0 15px 55px;
  background: url(../catalog/version_mobile/styles/images/icons/search-grey.png) no-repeat 25px center;
  background-size: 16px auto;
}
.form-search-top .grs-autocomplete .item:focus {
  outline: 0;
  background-color: var(--light-grey);
}
.form-search-top .grs-autocomplete .link {
  color: var(--dark-grey);
  text-decoration: none;
}
.js-search .form-search-top {
  display: block;
}
.js-search #mask {
  background: var(--white);
}
::-webkit-input-placeholder {
  font-size: 14px;
}
::-moz-placeholder {
  font-size: 14px;
}
input:-moz-placeholder {
  font-size: 14px;
}
.sticky-search-btn {
  padding-top: 22px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 24px auto;
  font-size: 12px;
}
.btn-menu {
  background-image: url(../catalog/version_mobile/styles/images/icons/menu.png);
}
.btn-search {
  background: var(--white) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAaVBMVEUAAAAQEBAICAh3d3dUVFRubm7Nzc3Ly8tzc3MlJSWhoaE5OTnFxcXV1dXR0dGsrKylpaVRUVE+Pj63t7e0tLSBgYF9fX0wMDAeHh7Z2dnAwMCTk5NmZmaYmJjZ2dnd3d3h4eHo6Ojk5OSbKGFpAAAAHnRSTlMAEwmLZIHy6oYrvEPm9/PLwF5J1tCXkjgi99+ud7NaluBjAAABKUlEQVQ4y6WR3XqCMAyGC4KA/CMiU9ck3P9FromFBdgzDnyPSPIS2g8zc+/ROuAcjeYP7k0C9g08XsFuPpQT2BmgJNrMbwQyYfgBMdrM392zo5JVsDIGktY1Cpg4QVk2/p6vBNf4SkNfBxfifTXXQjPxPDMLoRjU+jLj+2FqjDbQta5+RQ9cmBVZ5ZaWPg3kD7ZmTeO680Uk3nAjRE6gVAnbbHMW4k+ETgmcUrUVnuoMZ7diYlkRFPxa5w/Mz8n6GjG5XuF744OTukilw6XbXL4keWVkhfzPfPlggmJkvoylxlrHBtwpmzbPu++CwDJw2hoWBbAe0gag1eDOyGpaXgWCGnZG2PYVEgPFkIcn0oZXgih2pJ3Ero092kiPDDBHhjkw0PxDChafP2dmLUD0hGuoAAAAAElFTkSuQmCC) 10px center no-repeat;
  background-size: 16px;
  width: 100%;
  height: 40px;
  color: var(--mid-grey);
  text-align: left;
  border: 1px solid var(--low-grey);
  padding-left: 35px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  font-family: var(--font-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-bar {
  border: none;
  padding: 5px 10px 10px;
}
.sticky-search-bar {
  display: none;
  justify-content: space-between;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 31;
  transition: left 0.4s,
 top 0.4s;
}
.sticky-search-bar .btn-search {
  width: 85%;
  margin: 0 15px;
}
.sticky-search-bar .btn-menu {
  margin-top: 3px;
}
.sticky-search-bar .list-actions-filter {
  background-image: url(../catalog/version_mobile/styles/images/icons/filter-sticky.png);
}
.sticky-search-bar.is-sticky {
  display: flex;
}
.badge.filter-count {
  top: 7px;
  right: 8px;
}

.product-price {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 50%;
}
.product-price__inner {
  display: flex;
  justify-content: space-between;
}
.product-price__container {
  margin: 0 -15px;
  padding: 15px 15px 18px;
  border-bottom: 4px solid var(--border-color);
  border-top: 4px solid var(--border-color);
}
.product-price__container .product-price__mkp-infos {
  margin-bottom: 10px;
}
.product-price__container .financing-container {
  text-align: right;
}
.product-price__container .financing_list {
  background: var(--light-grey);
  padding: 8px;
  border-radius: 3px;
  display: inline-block;
}
.product-price__container .financing_list-inner {
  display: flex;
}
.product-price__container .financing_list-text {
  margin: 0;
  white-space: nowrap;
}
.product-price__container .financing_list .without_fees {
  color: var(--red);
  position: relative;
  z-index: 1;
  display: inline-block;
  font-family: var(--font-bold);
  font-size: 12px;
  margin: 0 0 0 2px;
}
.product-price__container .financing_list .without_fees::before {
  content: '';
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-right: -5px;
  background-color: var(--message);
  border-radius: 3px;
  z-index: -1;
  transform: skewX(20deg);
  width: 60px;
}
.product-price__container .financing_list-item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: var(--dark-grey);
  margin: 0;
}
.product-price__container .financing_list-item .financing_amount {
  font-family: var(--font-bold);
  font-size: 16px;
  padding-left: 5px;
}
.product-price__container .financing_list-item .financing_amount-regular {
  color: var(--grey);
}
.product-price__container .financing_list-item .financing_amount-discounted {
  color: var(--red);
}
.product-price__container .financing_list-pictoInfo {
  position: relative;
  top: 3px;
}
.product-price__container .financing_list-taeg {
  color: var(--mid-grey);
  font-size: 16px;
  margin-top: 8px;
  text-align: right;
}
.product-price__container .product__mkp-seller.redir-seller-button {
  margin-top: 0;
}
.product-price__pricing-container {
  flex: 5;
}
.product-price__pricing-container > .product-price__price.product-price__price--is-striped {
  color: var(--red);
  text-decoration: none;
  font-family: var(--font-bold);
}
.product-price__pricing-container > .product-price__price.price_ir {
  font-size: 28px;
}
.product-price__price {
  font-family: var(--font-bold);
  font-size: 27px;
  line-height: 1.3;
  color: var(--dark-grey);
  white-space: nowrap;
}
.product-price__price.red {
  color: var(--red);
  text-decoration: none;
  font-family: var(--font-bold);
}
.product-price__ecoprice {
  font-size: 10px;
  margin-top: 5px;
}
.product-price__ecoprice,
.product-price__price--is-striped {
  color: var(--mid-grey);
}
.product-price__ecoprice__link {
  color: inherit;
}
.product-price__price--is-striped {
  font-size: 12px;
  font-family: var(--font-regular);
  text-decoration: line-through;
  margin: 0 10px 0 0;
}
.product-price__striped-price-container {
  display: flex;
}
.product-price__striped-price-container + .product-price__price {
  color: var(--red);
}
.product-price__amount-saved,
.product-price .payment_offer {
  font-family: var(--font-bold);
  color: var(--grey);
  font-size: 12px;
  margin-top: 10px;
}
.product-price__amount-saved__price,
.product-price .payment_offer__price,
.product-price__amount-saved-credit,
.product-price .payment_offer-credit {
  color: var(--red);
  position: relative;
  margin-left: 2px;
  z-index: 1;
  display: inline-block;
}
.product-price__amount-saved__price::before,
.product-price .payment_offer__price::before,
.product-price__amount-saved-credit::before,
.product-price .payment_offer-credit::before {
  content: '';
  height: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-right: -5px;
  background-color: var(--message);
  border-radius: 3px;
  z-index: -1;
  transform: skewX(20deg);
}
.product-price .payment_offer {
  padding: 8px;
  display: flex;
  flex-direction: column;
  background: var(--light-grey);
  font-family: var(--font-regular);
}
.product-price .payment_offer-credit {
  align-self: end;
  font-family: var(--font-bold);
}
.product-price__state-and-shipping-country {
  margin-top: 8px;
}
.product .product-price__state-and-shipping-country.product-seller .seller {
  display: inline-block;
  margin-right: 20px;
}
.product-price__state-and-shipping-country + .product-price,
.product__mkp-seller-external + .product-price {
  margin-top: 17px;
}
.list-banner-product .flags__container {
  margin-bottom: 10px;
}
.list-banner-product .product-price__price {
  margin-bottom: 0;
  line-height: 1;
}
.list-banner-product .product-infos-content {
  margin-top: 10px;
}
.product-list-cont-parent .product_detail .main_top_container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.product-list-cont-parent .product_detail .main_top_container .product-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
.product-list-cont-parent .product_detail .main_top_container .product-price__not-available {
  padding: 10px;
  background-color: var(--light-grey);
}
.product-list-cont-parent .product_detail .main_top_container .pre_order_date_flag {
  text-align: right;
}
.main_content .main_products_list .product-price sup {
  position: relative;
}
.buybox-container--is-slider .striped-price-with-tooltip .product_mentions-tooltip {
  right: -60px;
}
.buybox-container--is-slider .striped-price-with-tooltip .product_mentions-tooltip::after {
  right: 115px;
}
.buybox-container .striped-price-with-tooltip {
  display: inline;
  position: relative;
  margin-bottom: 30px;
}
.buybox-container .striped-price-with-tooltip .mentions-shorts {
  max-width: 130px;
  font-size: 10px;
  line-height: 13px;
  color: var(--mid-grey);
  font-weight: 500;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}
.buybox-container .striped-price-with-tooltip .mentions-shorts .text-legal-mention {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
}
.buybox-container .striped-price-with-tooltip .mentions-shorts .text-legal-mention .image-legal-mention {
  margin: 0 5px;
}
.buybox-container .striped-price-with-tooltip .product_mentions-tooltip {
  display: none;
  position: absolute;
  box-shadow: 0 0 2px 0 rgba(69, 69, 69, 0.16), 0 3px 6px 0 rgba(69, 69, 69, 0.16);
  width: max-content;
  max-width: 200px;
  margin-top: 5px;
  background-color: var(--white);
  border-radius: 3px;
  padding: 16px;
  z-index: 10;
  font-size: 14px;
  color: var(--grey);
  top: 6px;
  left: -90px;
}
.buybox-container .striped-price-with-tooltip .product_mentions-tooltip.legal-mentions {
  top: 50px;
  right: 14%;
}
.buybox-container .striped-price-with-tooltip .product_mentions-tooltip::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background-color: var(--white);
  position: absolute;
  right: 50%;
  bottom: 100%;
  margin: 0 auto -5px;
  box-shadow: -1px -1px 1px 0 rgba(69, 69, 69, 0.16);
}
.buybox-container .striped-price-with-tooltip:hover .product_mentions-tooltip {
  display: block;
}
.buybox-container .product-price__striped-price-container:hover ~ .legal-mentions {
  display: block;
}
.buybox-container .mentions-shorts:hover ~ .legal-mentions {
  display: block;
}
.buybox-list .buy-box .product-price__striped-price-container:hover ~ .legal-mentions {
  display: block;
}
.buybox-list .buy-box .mentions-shorts:hover ~ .legal-mentions {
  display: block;
}
.buybox-list .buy-box .striped-price-with-tooltip {
  display: inline;
  cursor: pointer;
}
.buybox-list .buy-box .striped-price-with-tooltip .mentions-shorts {
  top: 0;
  left: 0;
}
.buybox-list .buy-box .striped-price-with-tooltip .product_mentions-tooltip {
  display: none;
  top: -120px;
  right: -220px;
  left: auto;
}
.buybox-list .buy-box .striped-price-with-tooltip .product_mentions-tooltip.legal-mentions {
  top: -100px;
  right: -35%;
}
.buybox-list .buy-box .striped-price-with-tooltip .product_mentions-tooltip::after {
  transform: rotate(225deg);
  top: 83px;
  left: -4%;
}

.back-top-button {
  position: fixed;
  right: 26px;
  bottom: 50px;
  opacity: 0;
  z-index: 10;
  transition: bottom 0.5s ease,
 opacity 0.5s ease;
  pointer-events: none;
}
.back-top-button__mobile {
  right: 15px;
  bottom: 0;
}
.js-backtop .back-top-button {
  bottom: 125px;
  opacity: 1;
  pointer-events: visible;
}
.js-backtop .back-top-button__mobile {
  bottom: 10px;
}
.js-backtop .back-top-button__mobile--with-bonplans {
  bottom: 64px;
}
.has-comparator-box .back-top-button__mobile,
.has-comparator-box #ot-sdk-btn-floating.ot-floating-button {
  bottom: 50px;
}

.promise-text {
  line-height: 24px;
  font-size: 14px;
  color: var(--dark-grey);
}
.promise-text.free {
  color: var(--green);
}
.promise-text.promise-unavailable {
  color: var(--red);
}
.promise-text.promise-label.icon-delivery::before {
  background-image: url(../catalog/version_common/design-system/icons/delivery_right.svg);
  content: '';
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 24px;
}
.promise-text.promise-label.icon-cc::before {
  background-image: url(../catalog/version_common/design-system/icons/services_store.svg);
  content: '';
  display: inline-block;
  vertical-align: bottom;
  width: 24px;
  height: 21px;
}
.status_cc {
  font-size: 12px;
}
.status_cc .cc_date {
  display: inline-block;
  color: var(--green);
}
.status_cc .delivery_button_options,
.status_cc .cc_date {
  max-width: 225px;
}
.delivery-promises-group .status_cc .delivery_text {
  margin: 0;
  line-height: 24px;
  font-size: 14px;
}
.delivery-promises-group .status_cc .delivery_date {
  color: var(--green);
}
.delivery-promises-group .status_cc .delivery_unavailable {
  color: var(--red);
}
.delivery-promises-group .status_cc .promise-label.icon-delivery::before {
  background-image: url(../catalog/version_common/design-system/icons/delivery_right.svg);
  content: '';
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 24px;
}
.delivery-promises-group .status_cc .promise-label.icon-cc::before {
  background-image: url(../catalog/version_common/design-system/icons/services_store.svg);
  content: '';
  display: inline-block;
  vertical-align: bottom;
  width: 24px;
  height: 21px;
}
.delivery-promises-product-page .promise-text {
  line-height: inherit;
}
.delivery-promises-product-page .promise-date {
  margin-bottom: 6px;
  color: var(--green);
}
.delivery-promises-product-page .promise-date,
.delivery-promises-product-page .promise-service-label {
  font-family: var(--font-bold);
  display: flex;
  align-items: center;
}
.delivery-promises-product-page .promise-service-label.service-mkp {
  margin-bottom: 6px;
}
.delivery-promises-product-page .promise-service-label + .promise-date {
  font-size: 12px;
}
.delivery-promises-product-page .wording-promise {
  color: var(--black);
  margin-right: 3px;
}
.delivery-promises-product-page .promise-price {
  font-size: 12px;
  color: var(--red);
}
.delivery-promises-product-page .second_delivery_promise {
  margin-top: 15px;
}
.delivery-promises-product-page .service-label-button {
  display: flex;
  vertical-align: middle;
  margin-left: 3px;
}
.delivery-promises-product-page .product-darty-max {
  display: flex;
}
.delivery-promises-product-page .product-darty-max .darty-max-logo {
  margin-left: 5px;
  width: 48px;
  height: 12px;
  margin-top: 3px;
}
.delivery-promises-product-page .status_cc .delivery_text {
  font-family: var(--font-bold);
}
.delivery_promises .delivery_button_options {
  margin: 20px 0 15px;
  color: var(--blue);
  text-decoration: underline;
  font-size: 12px;
}
.delivery_promises .delivery_button_options.display_product_delivery_calendar_trigger {
  margin-top: 8px;
}
.site .delivery_status {
  margin: 10px 0;
}
.site .delivery_status .delivery_text {
  margin: 0;
}
.site .owl-item .delivery_status,
.site .bloc-best-sales .delivery_status {
  display: none;
}
.site .delivery-promises-product-page {
  margin-bottom: 15px;
  margin-top: 15px;
}
.site .delivery-promises-product-page .promise-text {
  margin: 0;
  font-size: 12px;
}
.site .delivery-promises-product-page .service-label-button {
  margin-top: 2px;
}
.site .delivery-promises-product-page .product-darty-max {
  margin-bottom: 7px;
}
.site .delivery-promises-product-page .dartymax_star {
  margin: -4px 0 0 2px;
}
.site .delivery-promises-product-page .delivery_button_options {
  max-width: inherit;
  font-size: 12px;
  color: var(--dark-grey);
  border: none;
  background: none;
  padding: 0;
}
.site .bloc-delivery-mode .status_cc {
  font-family: var(--font-bold);
}
.site .product-card__delivery .promise-text,
.site .delivery-and-basket-container .promise-text {
  margin: 0;
}
.site .product-card__delivery .delivery_button_options,
.site .delivery-and-basket-container .delivery_button_options {
  max-width: 150px;
}
.site .delivery-promises-group .status_cc .promise-label.icon-cc::before {
  height: 24px;
}

.flags {
  background-color: var(--red);
  border-radius: 4px;
  font-family: var(--font-regular);
  display: inline-block;
  padding: 0 4px;
  color: var(--white);
  font-size: 12px;
  line-height: 1.5;
  text-transform: uppercase;
  white-space: nowrap;
}
.flags.bg-red {
  background-color: var(--red);
}
.flags.bg-green {
  background-color: var(--green-discount);
}
.flags.bg-black {
  background-color: var(--black);
}
.flags.bg-white {
  background-color: var(--red);
}
.flags .price-discount {
  padding: 0 0 0 4px;
  background: none;
  margin-right: 0;
}
.flags .price-discount::before {
  content: '-';
}
.flags__container {
  margin-bottom: 5px;
}
.flags__container .flag-mundial .img-flag {
  width: auto;
}
.flags.pre_order {
  font-family: var(--font-bold);
  padding: 4px 8px;
  line-height: 1;
}

.offers-list {
  display: flex;
  margin: 15px 0 25px;
  padding: 0 0 15px;
}
.offers-list .offer-list-link {
  display: block;
  width: 66px;
  padding: 15px 15px 10px;
  text-decoration: none;
}
.offers-list .offers-list-item {
  list-style: none;
  margin-right: 8px;
  border: 1px solid var(--low-grey);
  border-radius: 3px;
}
.offers-list .offers-list-item.offer-selected {
  border: 2px solid var(--blue);
}
.offers-list .offer-list-state {
  margin-bottom: 2px;
  font-family: var(--font-bold);
  font-size: 12px;
  color: var(--grey);
  display: block;
}
.offers-list .offer-list-price {
  font-family: var(--font-bold);
  font-size: 14px;
  color: var(--dark-grey);
}
.offers-list.offers-list-grid {
  display: grid;
  grid-auto-flow: column;
  overflow-x: scroll;
}
.offers-list.offers-list-grid .offer-list-link {
  width: 74px;
}
.offers-list.offers-list-grid .offer-list-state {
  font-size: 14px;
}
.offers-list.offers-list-grid .offer-list-price {
  font-size: 16px;
}
.product__mkp-seller-alt {
  position: relative;
}
.btn-states-info {
  position: absolute;
  top: 18px;
  right: 20px;
  font-size: 12px;
  color: var(--blue);
  text-decoration: underline;
}
.used-state-modal .description-text {
  font-size: 12px;
  line-height: 15px;
  color: var(--dark-grey);
  margin: 8px 0;
}
.used-state-modal .plus-second-life-text {
  font-size: 12px;
  line-height: 15px;
  color: var(--dark-grey);
  display: list-item;
  margin: 8px 0 8px 16px;
}
.used-state-modal .modal-title-state {
  display: inline-block;
  margin-left: 5px;
}
.used-state-modal .used-group-state-card {
  border: 1px solid var(--low-grey);
  border-radius: 4px;
  padding: 16px;
  margin-top: 20px;
}
.used-state-modal .used-group-state-card__title {
  font-family: var(--font-bold);
  font-size: 14px;
  font-style: normal;
  line-height: 18px;
  color: var(--dark-grey);
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.used-state-modal .used-group-state-card__list {
  font-size: 12px;
  color: var(--dark-grey);
  list-style: inside;
}
.mkp_states_info.modal_v3 .modal_body {
  padding: 0;
}
.mkp_states_info .offers-list {
  margin: 0;
}
.mkp_states_info .mkp_state_description {
  display: none;
}
.mkp_states_info .mkp_state_description.show-description {
  display: block;
}
.mkp_states_info .mkp_state_description .description_text {
  margin: 20px 0;
  font-size: 14px;
  color: var(--grey);
}
.mkp_states_info .mkp_state_description .description_text:last-child {
  margin-bottom: 0;
}
.mkp_states_info .mkp_state_description .description_highlight {
  font-family: var(--font-bold);
}
.product .product__mkp-seller-alt {
  padding: 25px 15px;
}
.product .product__mkp-seller-alt .btn-states-info {
  top: 25px;
  right: 15px;
}
.modal-bottom__content.mkp_states_info {
  font-family: var(--font-regular);
}
.modal-bottom__content.mkp_states_info .modal-bottom__title {
  margin: 0 0 26px;
  border-bottom: 1px solid var(--border-grey);
}
.used-state-splide {
  width: 324px;
  margin: 0 auto 16px;
}
.used-state-splide__info {
  font-size: 11px;
  color: var(--mid-grey);
  text-align: right;
}
.used-state-splide .splide__list {
  height: unset;
  display: flex;
  align-items: stretch;
}
.used-state-splide .splide__slide {
  display: flex;
  flex-direction: column;
}
.used-state-splide .splide__slide .used-group-state__image {
  width: 100%;
  object-fit: contain;
}
.used-state-splide .splide__slide.is-loading {
  padding-top: 192px;
}
.used-state-splide .splide__slide.is-loading .splide__spinner {
  top: -100px;
}
.used-state-splide .splide__track {
  padding: 4px;
}
.used-state-splide .splide__track--shadow .splide__slide {
  box-shadow: 0 1px 6px 0 var(--overlay-light);
}
.used-state-splide .splide__arrows {
  position: absolute;
  top: 50%;
  left: -16px;
  right: -16px;
  padding: 0 5px;
  transform: translateY(-50%);
  z-index: 10;
  display: flex;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  height: 32px;
  justify-content: space-between;
  align-items: center;
}
.used-state-splide .splide__arrow {
  background: var(--white);
  border: none;
  cursor: pointer;
  pointer-events: all;
  opacity: 1;
  transition: opacity 0.3s ease-in-out, 150ms box-shadow ease-in-out;
  outline: none;
  border-radius: 50%;
  padding: 6px;
  height: 32px;
  width: 32px;
  box-shadow: 0 0 2px 0 var(--overlay-light), 0 3px 6px 0 var(--overlay-light);
}
.used-state-splide .splide__arrow:disabled {
  pointer-events: none;
  opacity: 0;
}
.used-state-splide .splide__arrow:hover {
  background-color: var(--light-grey);
  box-shadow: 0 0 0 0 var(--overlay-light), 0 3px 3px 0 var(--overlay-light);
}
.used-state-splide .splide__arrow--prev {
  transform: scaleX(-1);
}
.used-state-splide .splide__arrow svg {
  fill: var(--blue);
  height: 100%;
  width: 100%;
  margin-left: 1px;
}
.used-state-splide-mobile .splide__arrows {
  left: -8px;
  right: -8px;
}
.used-state-splide-mobile__info {
  font-size: 12px;
  color: var(--mid-grey);
  text-align: left;
}

.dropdown-container {
  position: relative;
}
.dropdown-container .dropdown-button {
  width: 24px;
  height: 24px;
  background: url(../catalog/version_common/design-system/icons/dots.svg) no-repeat center;
  color: var(--dark-grey);
  font-size: 0;
}
.dropdown-container .dropdown-button.vertical-style {
  transform: rotate(90deg);
}
.dropdown-container .dropdown-list {
  position: absolute;
  right: 0;
  top: 32px;
  z-index: 11;
  min-width: 260px;
  background-color: var(--white);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 5px 8px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  visibility: hidden;
  transform: translateY(-32px);
  opacity: 0;
  transition: all ease-in-out 200ms;
  padding: 8px 0;
  border-bottom: 1px solid var(--low-grey);
}
.dropdown-container .dropdown-list-item {
  background-color: var(--white);
  list-style: none;
  font-size: 14px;
  text-align: left;
  color: var(--dark-grey);
}
.dropdown-container .dropdown-list-item:hover {
  background-color: var(--light-grey);
}
.dropdown-container .dropdown-link {
  display: block;
  padding: 16px;
  text-decoration: none;
  color: var(--dark-grey);
}
.dropdown-container.is-active .dropdown-list {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.list-offers-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px auto;
}
.list-offers-actions .result-count {
  font-size: 12px;
  font-family: var(--font-regular);
  line-height: 15px;
  padding: 8px 16px;
  border-radius: 4px;
  background-color: var(--white);
}
.list-offers-actions .sort-options {
  display: none;
  position: absolute;
  top: 50px;
  left: -1px;
  right: -1px;
  margin: 8px 0;
  background-color: var(--white);
  box-shadow: 0 2px 6px 1px rgba(69, 69, 69, 0.16), 0 0 2px 0 rgba(69, 69, 69, 0.14);
  z-index: 1;
}
.list-offers-actions .sort-options.js-open {
  display: block;
}
.list-offers-actions .sort-area {
  display: flex;
  gap: 12px;
  align-items: center;
}
.list-offers-actions .sort-list {
  position: relative;
  width: 100%;
  margin-right: 16px;
  padding: 10px 50px 10px 16px;
  background-color: var(--white);
  border-radius: 4px;
  border: 1px solid var(--low-grey);
  transition: border 0.2s linear;
  cursor: pointer;
}
.list-offers-actions .sort-list::after {
  content: '';
  position: absolute;
  right: 16px;
  top: 5px;
  bottom: 0;
  width: 24px;
  height: 24px;
  background-image: url(../catalog/version_common/styles/images/pictos/chevron-up.svg);
  background-size: 20px 26px;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(50%) rotate(180deg);
  transition: transform 0.1s linear;
}
.list-offers-actions .sort-list.js-open::after {
  background-position: 0;
  transform: translateY(50%);
}
.list-offers-actions .sort-list.js-open .sort-options {
  display: block;
}
.list-offers-actions .sort-list:hover {
  border-color: var(--blue);
}
.list-offers-actions .sort-title {
  color: var(--mid-grey);
  font-size: 12px;
  font-family: var(--font-regular);
  line-height: 15px;
  margin-bottom: 2px;
}
.list-offers-actions .sort-value {
  color: var(--dark-grey);
  font-size: 16px;
  font-family: var(--font-regular);
  line-height: 20px;
}
.list-offers-actions .item-option {
  position: relative;
}
.list-offers-actions .item-option::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  background-color: var(--low-grey);
}
.list-offers-actions .item-option:last-child::after {
  content: none;
}
.list-offers-actions .item-option:hover {
  background-color: var(--light-grey);
}
.list-offers-actions .item-option .item {
  display: block;
  color: var(--dark-grey);
  font-size: 14px;
  font-family: var(--font-regular);
  line-height: 18px;
  text-align: left;
  width: 100%;
  padding: 19px 16px;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
}

.codic-filter-dropdown,
.filter-dropdown {
  margin-left: 20px;
  position: absolute;
  right: 16px;
}
.codic-filter-dropdown__trigger,
.filter-dropdown__trigger {
  width: 24px;
  height: 24px;
  background: transparent url(../catalog/version_common/design-system/icons/dots.svg) no-repeat center;
  color: var(--dark-grey);
  border: none;
  cursor: pointer;
}
.codic-filter-dropdown__wrapper,
.filter-dropdown__wrapper {
  position: absolute;
  right: 0;
  top: 48px;
  z-index: 11;
  min-width: 260px;
  background-color: var(--white);
  box-shadow: 0 0 2px 0 var(--overlay-light), 0 5px 8px 0 var(--overlay-light), 0 2px 4px 0 var(--overlay-light);
  border-radius: 4px;
  visibility: hidden;
  transform: translateY(-32px);
  opacity: 0;
  transition: all ease-in-out 200ms;
}
.codic-filter-dropdown__wrapper.is-active,
.filter-dropdown__wrapper.is-active {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.codic-filter-dropdown__title,
.filter-dropdown__title {
  font-family: var(--font-bold);
  font-size: 14px;
  color: var(--dark-grey);
  padding: 16px;
  margin: 0;
}
.codic-filter-dropdown__list,
.filter-dropdown__list {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--low-grey);
}
.codic-filter-dropdown__item,
.filter-dropdown__item {
  font-size: 14px;
  color: var(--dark-grey);
  background-color: var(--white);
}
.codic-filter-dropdown__check,
.filter-dropdown__check {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px 16px 16px 40px;
  background: var(--white);
  border: none;
  cursor: pointer;
}
.codic-filter-dropdown__check::before,
.filter-dropdown__check::before {
  content: '';
  width: 24px;
  height: 24px;
  background: url(../catalog/version_common/design-system/icons/check.svg) no-repeat center;
  color: var(--dark-grey);
  position: absolute;
  display: block;
  left: 8px;
  visibility: hidden;
  transform: translateX(24px) scale(0);
  opacity: 0;
  transition: all ease-in-out 100ms;
}
.codic-filter-dropdown__check:hover,
.filter-dropdown__check:hover {
  background: var(--light-grey);
}
.codic-filter-dropdown__check.is-active,
.filter-dropdown__check.is-active {
  background: var(--light-grey);
}
.codic-filter-dropdown__check.is-active::before,
.filter-dropdown__check.is-active::before {
  visibility: visible;
  transform: translateX(0) scale(100%);
  opacity: 1;
}
.codic-filter-dropdown__link,
.filter-dropdown__link {
  display: block;
  color: var(--dark-grey);
  font-size: 14px;
  font-family: var(--font-regular);
  padding: 16px;
}

.js-modal-open {
  overflow: hidden;
}
.modal_button {
  margin-bottom: 24px;
}
.modal_button img {
  pointer-events: none;
}
.mask {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.modals {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  background-color: var(--white);
  font-family: var(--font-regular);
  z-index: 100;
  transition: bottom 0.5s ease-in-out;
}
.modals.js-active {
  bottom: 0;
}
.modals.js-active + .mask {
  display: block;
}
.modals .close {
  position: absolute;
  height: 30px;
  width: 30px;
  display: grid;
  align-items: center;
  justify-content: center;
  top: -40px;
  right: 10px;
}
.modals .title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  font-family: var(--font-bold);
  font-size: 15px;
  line-height: 1.3;
  margin: 0 0 10px;
  padding: 10px;
  border-bottom: solid 1px var(--low-grey);
}
.modals .content {
  font-size: 12px;
  line-height: 1.3;
}
.modals .wrapper {
  max-height: 75vh;
  padding: 0 10px 10px;
  overflow-y: auto;
}
.modals .link {
  display: inline-block;
  margin-top: 10px;
  text-transform: none;
  text-decoration: underline;
  font-family: var(--font-regular);
  color: var(--blue);
}
.splide__track {
  overflow-x: auto;
}
.splide__list {
  display: flex;
  flex-flow: row nowrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.splide__slide {
  flex: none;
}

.commercial-offers {
  padding-left: 5px;
  margin: 0 -15px;
  border-top: 4px solid var(--light-grey);
}
.commercial-offers__title {
  font-family: var(--font-bold);
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 10px 0 0 20px;
}
.commercial-offers__title::before {
  content: '';
  margin-right: 8px;
  height: 21px;
  width: 21px;
  background: url(../catalog/version_common/styles/images/pictos/pictoEco.svg) no-repeat left center;
}
.commercial-offers__list {
  padding-left: 20px;
}
.commercial-offers__item {
  list-style: none;
  position: relative;
  padding-bottom: 24px;
}
.commercial-offers__item::before {
  content: '•';
  color: var(--mid-grey);
  font-size: 20px;
  position: absolute;
  top: -3px;
  left: -10px;
}
.commercial-offers__item-button {
  background: none;
  border: none;
  text-decoration: underline;
  text-align: left;
  font-family: var(--font-regular);
  font-size: 14px;
  overflow: hidden;
}
.commercial-offers__item-button.button-riposte {
  font-family: var(--font-bold);
}
.commercial-offer-modal-content .modal-bottom__title::before {
  content: '';
  margin-right: 8px;
  height: 21px;
  width: 21px;
  background: url(../catalog/version_common/styles/images/pictos/pictoEco.svg) no-repeat left center;
}
.commercial-offer-modal-content .commercial-container_slider .numbers_offers {
  font-family: var(--font-bold);
  font-size: 14px;
}
.commercial-offer-modal-content .commercial-container_slider .commercial-offer_list {
  display: flex;
  padding: 0;
  overflow-x: auto;
}
.commercial-offer-modal-content .commercial-container_slider .commercial-offer_list .offer-label_title {
  font-size: 14px;
}
.commercial-offer-modal-content .commercial-container_slider .commercial-offer_item {
  min-width: 216px;
  max-width: 216px;
  min-height: 196px;
  max-height: 396px;
  height: auto;
  border: 1px solid var(--low-grey);
  border-radius: 4px;
  padding: 16px;
  margin-right: 16px;
  list-style: none;
}
.commercial-offer-modal-content .commercial-container_slider .commercial-offer_item .label-list {
  padding-left: 16px;
}
.commercial-offer-modal-content .commercial-container_slider .commercial-offer_label {
  margin: 0;
  padding-bottom: 8px;
}
.commercial-offer-modal-content .commercial-container_slider .commercial-offer_label.offer-label_title {
  font-size: 14px;
  margin-bottom: 5px;
}