.nice-select {
  -webkit-tap-highlight-color: transparent;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-weight: 400;
  height: 42px;
  line-height: 2.5rem;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}
.nice-select:hover {
  border-color: #dbdbdb;
}
.nice-select.open,
.nice-select:active,
.nice-select:focus {
  border-color: #999;
}
.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: rotate(45deg);
  transform-origin: 66% 66%;
  transition: all 0.15s ease-in-out;
  width: 5px;
}
.nice-select.open:after {
  transform: rotate(-135deg);
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #ccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 0.75rem;
  height: 36px;
  line-height: 2.125rem;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 2.125rem;
  min-height: 34px;
}
.nice-select .list {
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  left: 0;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: scale(0.75) translateY(-21px);
  transform-origin: 50% 0;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 2.5rem;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
}
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
  background-color: #f6f6f6;
}
.nice-select .option.selected {
  font-weight: 700;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}
.no-csspointerevents .nice-select .list {
  display: none;
}
.no-csspointerevents .nice-select.open .list {
  display: block;
}
#mode-mobile,
#mode-tablet {
  display: none;
}
a label {
  cursor: pointer;
}
body.account main form:not(#coupon).accounAlert {
  margin: 0;
  padding: 0;
}
.accounAlert .alert.error {
  background-position: left 1.143rem center;
  padding-right: 45px;
  position: relative;
}
.accounAlert .texte {
  width: calc(100% - 205px);
}
.accounAlert .action,
.accounAlert .texte {
  display: inline-block;
  vertical-align: middle;
}
.accounAlert .action {
  width: 200px;
}
.accounAlert .close {
  background-color: #fff;
  border: 1px solid #e65858;
  border-radius: 20px;
  height: 29px;
  position: absolute;
  right: -11px;
  top: -11px;
  width: 29px;
}
.accounAlert .close a {
  display: block;
  height: 100%;
  width: 100%;
}
.accounAlert .close a:after,
.accounAlert .close a:before {
  background: #706b67;
  content: "";
  display: block;
  height: 3px;
  left: 5px;
  position: absolute;
  top: 12px;
  width: 18px;
}
.accounAlert .close a:before {
  transform: rotate(-45deg);
}
.accounAlert .close a:after {
  transform: rotate(45deg);
}
.temp-disable {
  overflow: hidden;
  position: relative !important;
}
.temp-disable:before {
  background-image: repeating-linear-gradient(
    -45deg,
    #ccc,
    #ccc 1px,
    hsla(0, 0%, 100%, 0.8) 0,
    hsla(0, 0%, 100%, 0.8) 5px
  ) !important;
  bottom: 0 !important;
  color: red;
  content: "EN COURS DE DEVELOPPEMENT" !important;
  display: block !important;
  font-weight: 777;
  height: 100% !important;
  left: 0 !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 999;
}
.slick-slide img {
  margin: auto;
  max-width: 100%;
}
.slick-next,
.slick-prev {
  border: none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 35px;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  background: transparent;
  color: transparent;
  outline: none;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1;
  opacity: 0.75;
}
.slick-prev {
  left: 14px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
  margin-left: 5px;
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  bottom: -25px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  position: relative;
}
.slick-dots li,
.slick-dots li button {
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.slick-dots li button {
  background: transparent;
  border: 0;
  color: transparent;
  display: block;
  font-size: 0;
  line-height: 0;
  outline: none;
  padding: 5px;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}
.slick-dots li button:before {
  color: #000;
  content: "•";
  font-size: 0.375rem;
  height: 20px;
  left: 0;
  line-height: 1.25rem;
  opacity: 0.25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}
.heading-1 {
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 3.143rem;
  line-height: 3rem;
}
.heading-2 {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 2.357rem;
  font-weight: 600;
  line-height: 2.5rem;
}
.heading-2.highlight {
  color: #f48b7b;
}
.heading-3 {
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 2rem;
  line-height: 1.857rem;
}
.heading-3.highlight {
  color: #f48b7b;
}
.heading-4 {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  line-height: 1.571rem;
}
.heading-5 {
  line-height: 1.285rem;
}
.heading-5,
.heading-6 {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
}
.heading-6 {
  letter-spacing: 0.04688rem;
  line-height: 1.428rem;
  text-transform: uppercase;
}
.body-1 {
  font-feature-settings: normal;
}
.body-1,
.body-1-semi-bold {
  color: #44474a;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.428rem;
}
.body-1-semi-bold {
  font-feature-settings: normal;
  font-weight: 600;
}
.text-link {
  color: #fedc2a;
  font-feature-settings: normal;
  font-size: 1rem;
  line-height: 1.428rem;
  text-decoration: underline;
}
.body-2,
.text-link {
  font-family: montserratregular, Arial, helvetica, sans-serif;
}
.body-2 {
  font-feature-settings: normal;
}
.body-2,
.body-2-semi-bold {
  color: #44474a;
  font-size: 0.7857rem;
  line-height: 1rem;
}
.body-2-semi-bold {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-weight: 600;
}
.large-paragraph {
  color: #44474a;
}
.large-paragraph,
.large-text-link {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.429rem;
  line-height: 2.285rem;
}
.large-text-link {
  color: #fedc2a;
  text-decoration: underline;
}
.caption {
  font-feature-settings: normal;
  font-size: 0.8571rem;
  line-height: 1.143rem;
}
.caption,
.quotation {
  color: #44474a;
  font-family: Open Sans, Arial, helvetica, sans-serif;
}
.quotation {
  font-feature-settings: normal;
  font-size: 1.429rem;
  font-style: italic;
  line-height: 2.285rem;
}
.input-label {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  line-height: 1.143rem;
}
.wrapper-width {
  width: 1440px;
}
.container-width {
  width: 1120px;
}
.container-width .container-fluid {
  margin-left: -160px;
}
.page-container > .container {
  padding-left: 0;
  padding-right: 0;
}
* {
  box-sizing: border-box;
}
html {
  font-size: 0.875rem;
  overflow-x: hidden;
}
body,
html {
  width: 100%;
}
body {
  color: #44474a;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  line-height: 1.428rem;
  margin: 0;
  padding: 0;
  text-rendering: geometricPrecision !important;
}
a,
body {
  color: #262829;
}
a {
  cursor: pointer;
}
a.button {
  min-width: 200px;
  padding-left: 1.714rem;
  padding-right: 1.714rem;
}
a.button:before {
  content: "";
  height: 48px;
  width: 0;
}
a.button:before,
a.button > span {
  display: inline-block;
  vertical-align: middle;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
h1 {
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 3.143rem;
  line-height: 3rem;
}
h1 + h2 {
  margin-top: 0;
}
h2 {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 2.357rem;
  font-weight: 600;
  line-height: 2.5rem;
}
h2.highlight {
  color: #f48b7b;
}
h3 {
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 2rem;
  line-height: 1.857rem;
}
h3.highlight {
  color: #f48b7b;
}
h4 {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  line-height: 1.571rem;
}
h5 {
  line-height: 1.285rem;
}
h5,
h6 {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
}
h6 {
  letter-spacing: 0.04688rem;
  line-height: 1.428rem;
  text-transform: uppercase;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left;
}
.visible-xs {
  display: none !important;
}
.hidden-xs {
  display: block !important;
}
.container-fluid,
.page-wrapper {
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 1240px;
}
.container,
.page-container {
  display: block;
  margin: auto;
  position: relative;
  width: 1120px;
}
.container .container-fluid,
.page-container .container-fluid {
  margin-left:0;
}
.center-area {
  bottom: 0;
  font-size: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.center-area:before {
  content: "";
  height: 100%;
  width: 0;
}
.center-area:before,
.center-area > * {
  display: inline-block;
  vertical-align: middle;
}
.center-area > * {
  font-size: medium;
}
.bottom-area {
  bottom: 0;
  font-size: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.bottom-area:before {
  content: "";
  height: 100%;
  width: 0;
}
.bottom-area:before,
.bottom-area > * {
  display: inline-block;
  vertical-align: bottom;
}
.bottom-area > * {
  font-size: medium;
}
.dashed.yellow {
  background-image: repeating-linear-gradient(
    -45deg,
    #fedc2a,
    #fedc2a 5px,
    #fff 0,
    #fff 6px
  );
  color: #262829;
}
.dashed.grey {
  background-image: repeating-linear-gradient(
    -45deg,
    #d3d4d8,
    #d3d4d8 5px,
    #fff 0,
    #fff 6px
  );
  color: #fff;
}
.dashed.salmon {
  background-image: repeating-linear-gradient(
    -45deg,
    #f48b7b,
    #f48b7b 5px,
    hsla(0, 0%, 100%, 0.2) 0,
    hsla(0, 0%, 100%, 0.2) 6px
  );
}
.tooltip {
  background: url(../img/icon-info.svg) 50% no-repeat;
  background-size: cover;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  height: 16px;
  position: relative;
  width: 16px;
}
.tooltip .tooltip-text {
  background: #d3d4d8;
  border-radius: 3px;
  color: #000;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-size: 0.75rem;
  left: 50%;
  line-height: 1.285rem;
  min-width: 150px;
  opacity: 0;
  padding: 12px;
  position: absolute;
  text-align: left;
  top: 150%;
  transform: translateX(-50%);
  transition: all 0.35s;
  vertical-align: middle;
  visibility: hidden;
  white-space: normal;
  width: 500px;
  z-index: 999;
}
.tooltip .tooltip-text,
.tooltip .tooltip-text strong {
  font-family: montserratregular, Arial, helvetica, sans-serif;
}
.tooltip .tooltip-text strong {
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
}
.tooltip .tooltip-text:after {
  border-bottom: 10px solid #d3d4d8;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: 100%;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
}
.tooltip.opened {
  cursor: pointer;
}
.tooltip.opened .tooltip-text {
  opacity: 1;
  transition: all 0.35s;
  visibility: visible;
}
.breadcrumbs {
  color: #919497;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  margin-top: 9px;
  text-align: left;
  width: 1120px;
}
.breadcrumbs .container-fluid {
  margin-left: -160px;
}
.breadcrumbs li {
  display: inline-block;
  margin-right: 0.8571rem;
  vertical-align: middle;
}
.breadcrumbs li > a {
  color: #262829;
}
.breadcrumbs li > a:after {
  content: ">";
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.143rem;
  margin-left: 0.8571rem;
  vertical-align: middle;
}
.floating-dock,
.scroll-to-top {
  background: #706b67;
  border-radius: 3px;
  display: block;
  opacity: 0;
  position: fixed;
  text-align: center;
  transition: opacity 0.5s;
  visibility: hidden;
}
.floating-dock svg {
  fill: #fff;
}
.scroll-to-top {
  bottom: 5%;
  height: 48px;
  right: 3.428rem;
  width: 48px;
}
.scroll-to-top:after {
  border-right: 4px solid #fff;
  border-top: 4px solid #fff;
  content: "";
  display: block;
  height: 12px;
  left: 50%;
  position: absolute;
  top: 56%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 12px;
}
.floating-dock {
  height: 184px;
  right: 2.285rem;
  top: 25%;
  width: 64px;
}
.floating-dock > a {
  display: block;
  margin: 18px 0;
}
.is-sticky .floating-dock,
.is-sticky .scroll-to-top {
  opacity: 0.8;
  visibility: visible;
}
.alert {
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.7857rem;
  font-weight: 600;
  line-height: 1rem;
  margin: 1.143rem 0;
  padding: 0.8571rem 0.8571rem 0.8571rem 3.428rem;
  text-align: left;
  width: 100%;
}
.alert.info {
  background: url(../img/icon-alert-info.svg) 1.143rem 0.6571rem no-repeat
    #cde2f7;
  border-color: #589fe6;
  color: #589fe6;
}
.alert.success {
  background: url(../img/icon-alert-success.svg) 1.143rem 0.6571rem no-repeat
    #ddefca;
  border-color: #7bc035;
  color: #7bc035;
}
.alert.error {
  background: url(../img/icon-alert-error.svg) 1.143rem 0.6571rem no-repeat
    #f7cdcd;
  border-color: #e65858;
  color: #e65858;
}
.alert.warning {
  background: url(../img/icon-alert-warning.svg) 1.143rem 0.6571rem no-repeat
    #fde5cd;
  border-color: #f2800b;
  color: #f2800b;
}
.slick-next,
.slick-prev {
  opacity: 0.25;
  z-index: 1;
}
.slick-next:before,
.slick-prev:before {
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  content: "";
  display: block;
  height: 25px;
  width: 25px;
  z-index: auto;
}
.slick-next:hover,
.slick-prev:hover {
  opacity: 0.5;
}
.slick-prev {
  left: 25px;
}
.slick-prev:before {
  transform: rotate(-135deg);
}
.slick-next {
  right: 25px;
}
.slick-next:before {
  transform: rotate(45deg);
}
.slick-dots {
  bottom: 5px;
  z-index: 1;
}
.slick-dots li button:before {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: 10px;
  width: 10px;
}
.row {
  display: inline-block;
  margin-bottom: 1.143rem;
  margin-top: 1.143rem;
  width: 100%;
}
.link.gift > a {
  background: url(../img/icon-gift.svg) 0 no-repeat;
  color: #706b67;
  cursor: pointer;
  padding-left: 2.285rem;
  text-decoration: underline;
}
.no-scroll {
  position: fixed;
}
.tight {
  display: block;
  margin: auto;
  width: 80%;
}
.modal {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.25s ease;
  visibility: hidden;
  z-index: 9999;
}
.modal .content .action.ouinon .button {
  max-width: calc(48% - 32px);
  min-width: 0;
  width: 200px;
}
.modal .overlay {
  background: hsla(0, 0%, 63%, 0.8);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.modal .content {
  background: #fff;
  left: 50%;
  margin-top: 50px;
  max-height: calc(100vh - 100px);
  max-width: 90vw;
  min-width: 1000px;
  overflow-y: scroll;
  padding: 2.285rem;
  position: absolute;
  top: calc(50% - 50px);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.modal .content .close {
  cursor: pointer;
  display: block;
  height: 35px;
  position: absolute;
  right: 32px;
  top: 20px;
  width: 35px;
}
.modal .content .close:after,
.modal .content .close:before {
  background: #706b67;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  top: 15px;
  width: 36px;
}
.modal .content .close:before {
  transform: rotate(-45deg);
}
.modal .content .close:after {
  transform: rotate(45deg);
}
.modal .content .description {
  border: 1px solid #bebfc1;
  margin: 1.285rem 1.143rem 0.143rem;
  padding: 1.714rem 1.143rem 1.143rem;
}
.modal .content .description .gifts {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.modal .content .description .gift {
  flex-basis: 100%;
  margin-top: 0.8571rem;
}
.modal .content .description .gift > * {
  display: block;
  margin: auto;
}
.modal .content .description .gift img {
  height: auto;
  margin: 2.285rem auto;
  max-height: 175px;
  max-width: 100%;
  width: auto;
}
.modal .content .description .gift img + .field {
  margin-top: -1.714rem;
}
.modal .content .description .gift .field {
  margin-bottom: 2.285rem;
}
.modal .content .description .gift a {
  color: #919497;
}
.modal .content .action .button {
  margin: 0 1.143rem;
}
.modal .content .action {
  margin-bottom: 30px;
}
.modal.opened {
  opacity: 1;
  visibility: visible;
}
.modal .content .fieldset .action {
  margin-bottom: 0;
}
.modal .action,
.modal .content .fieldset .title,
.modal .heading-2 {
  text-align: center;
}
.modal.left-modal .content {
  left: auto;
  max-width: 50%;
  min-width: 38%;
  overflow: auto;
  padding-top: 60px;
  right: -100%;
  top: 0;
  transform: translate(0);
  transition: right 1s;
  width: auto;
}
.modal.left-modal .content .description {
  border: none;
}
.modal.left-modal .image,
.modal.left-modal .image + .description {
  margin-top: 15px;
}
.modal.left-modal .content .description li {
  display: block;
  margin: 0.8571rem;
}
.modal.left-modal .content .description li:before {
  background: #fedc2a;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 5px;
  margin-right: 6px;
  width: 5px;
}
.modal.left-modal .content form {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.modal.left-modal.opened .content {
  right: 0;
  transition: right 1s;
}
.fr:before {
  background: url(../img/icon-fr.svg) 50% no-repeat;
  background-size: cover;
  border-radius: 100%;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: 26px;
  top: calc(50% - 6px);
  width: 12px;
}
.select-items .fr:before {
  right: 9px;
}
.button {
  border: none;
  border-radius: 3px;
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  height: 48px;
  min-width: 200px;
  padding-left: 1.143rem;
  padding-right: 1.143rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all 0.4s ease;
}
.button span {
  display: block;
  position: relative;
  z-index: 2;
}
.button:hover {
  cursor: pointer;
}
.button:after {
  border-radius: 3px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}
.button.grey:not(:disabled) {
  background: #e6e7eb;
}
.button.grey:not(:disabled):after {
  background: #fedc2a;
}
.button.grey:not(:disabled):hover:after {
  opacity: 1;
  transition: opacity 0.4s ease;
}
.button.grey:not(:disabled) span {
  color: #262829;
}
.button.yellow:not(:disabled),
.button.yellow:not(:disabled):after {
  background: #fedc2a;
}
.button.yellow:not(:disabled):hover:after {
  opacity: 1;
  transition: opacity 0.4s ease;
}
.button.yellow:not(:disabled) span {
  color: #262829;
}
.button.black {
  background: #4e4e5a;
  color: #fff;
}
.button.black:after {
  background: #e6e7eb;
}
.button.black:hover span {
  color: #262829;
}
.button.black:hover:after {
  opacity: 1;
  transition: opacity 0.4s ease;
}
.button.arrow span {
  padding-left: 1.143rem;
  padding-right: 1.143rem;
}
.button.arrow span:after {
  background: url(../img/icon-arrow.svg) 50% no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 1.143rem;
  vertical-align: middle;
  width: 10px;
}
.button.small {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  height: 32px;
  min-width: 150px;
}
.button.delete {
  background: url(../img/icon-trash.svg) 50% no-repeat;
  border: none; /*height:20px;*/
  min-width: 16px;
  width: 16px;
}
.button:disabled {
  background: #bebfc1;
}
.button:disabled > span {
  color: #919497;
}
.circular-button {
  background: url(../img/icon-check-round.svg) 50% no-repeat #fedc2a;
  background-size: 20px 20px;
  border-radius: 100%;
  color: transparent;
  font-size: 0;
  min-width: 48px;
  width: 48px;
}
.circular-button:after {
  display: none !important;
}
.fieldset {
  background: #f5f5f5;
  border: none;
  display: inline-block;
  margin-bottom: 1.143rem;
  margin-top: 1.143rem;
  padding: 2.285rem;
  position: relative;
  width: 100%;
}
.fieldset:before {
  background-image: repeating-linear-gradient(
    -45deg,
    #fedc2a,
    #fedc2a 5px,
    #fff 0,
    #fff 6px
  );
  color: #262829;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.fieldset .title {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  line-height: 1.571rem;
  padding-bottom: 1.5rem;
}
.fieldset .tooltip {
  cursor: pointer;
  vertical-align: middle;
}
.fieldset .field {
  display: block;
  margin: auto;
  max-width: 352px;
  padding: 1.143rem 0;
  position: relative;
  text-align: left;
}
.fieldset .field [type="date"],
.fieldset .field [type="email"],
.fieldset .field [type="number"],
.fieldset .field [type="password"],
.fieldset .field [type="text"],
.fieldset .field textarea {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  height: 56px;
  width: 100%;
}
.fieldset .field [type="date"].half,
.fieldset .field [type="email"].half,
.fieldset .field [type="number"].half,
.fieldset .field [type="password"].half,
.fieldset .field [type="text"].half {
  width: 50%;
}
.fieldset .field select {
  height: 56px;
  width: 100%;
}
.fieldset .field [type="radio"] + label + [type="radio"] + label {
  margin-left: 3.428rem;
}
.fieldset .field.cartes [type="radio"] + label + [type="radio"] + label {
  margin-left: 2.4rem;
}
.fieldset .field a.button,
.fieldset .field button {
  width: 100%;
}
.fieldset .field.half {
  display: inline-block;
  vertical-align: top;
  width: 49%;
}
.fieldset .field.date-enfant a.button {
  font-size: 1rem;
  font-weight: 700;
  min-width: auto;
  padding: 3px 0 0;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 39px;
  width: 53px;
}
.fieldset .field.date-enfant input[type="date"] {
  width: calc(100% - 60px);
}
.fieldset.inactive:before {
  background-color: #706b67;
  background-image: none;
}
.legend {
  color: #44474a;
  font-family: Open Sans, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
}
.div-input,
[type="date"],
[type="email"],
[type="password"],
[type="text"] {
  border: 1px solid #a6a9ab;
  border-radius: 3px;
  padding: 15px 24px 5px;
  transition: border-color 0.35s ease;
}
[type="date"]:focus,
[type="email"]:focus,
[type="password"]:focus,
[type="text"]:focus {
  border: 1px solid #262829;
  transition: border-color 0.35s ease;
}
.div-input + label,
[type="date"] + label,
[type="email"] + label,
[type="password"] + label,
[type="text"] + label {
  color: #a6a9ab;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 15px;
  font-weight: 600;
  left: 22px;
  position: absolute;
  top: 25px;
  transition: all 0.35s ease;
}
.div-input + label.active,
[type="date"] + label,
[type="email"] + label.active,
[type="password"] + label.active,
[type="text"] + label.active {
  color: #262829;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.7857rem;
  font-weight: 600;
  left: 25px;
  top: 23px;
  transition: all 0.35s ease;
}
.div-input {
  font-weight: 700;
  height: 56px;
  line-height: 2.1875rem;
  font-size:14px
}
.blurry {
  color: transparent;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
[type="date"]::-ms-clear,
[type="email"]::-ms-clear,
[type="password"]::-ms-clear,
[type="text"]::-ms-clear {
  display: none;
}
textarea {
  overflow: auto;
}
ul.contacts {
  line-height: 2.5rem;
  margin: auto;
  text-align: left;
  width: 250px;
}
ul.contacts .tel-number {
  display: block;
  margin-bottom: -10px;
  padding-left: 2rem;
  position: relative;
}
ul.contacts .tel-number svg {
  fill: #f48b7b;
  left: 0;
  position: absolute;
  top: 8px;
}
ul.contacts .tel-number > a {
  color: #f48b7b;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
}
ul.contacts .email {
  padding-left: 2rem;
  position: relative;
}
ul.contacts .email svg {
  fill: #f48b7b;
  left: 0;
  position: absolute;
  top: 0;
}
ul.contacts .address,
ul.contacts .email > a {
  color: #f48b7b;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
}
ul.contacts .address {
  display: inline-block;
  line-height: 1.428rem;
  margin-top: 0.8571rem;
  padding-left: 28px;
  position: relative;
}
ul.contacts .address svg {
  fill: #f48b7b;
  left: -3px;
  position: absolute;
  top: 0;
}
ul.contacts .address strong {
  color: #262829;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
}
a.show-hide {
  background: url(../img/icon-eye.svg) 50% no-repeat;
  background-size: contain;
  display: block;
  height: 14px;
  position: absolute;
  right: 20px;
  top: 38px;
  width: 24px;
  z-index: 5;
}
a.show-hide.shown {
  background: url(../img/icon-eye-closed.svg) 50% no-repeat;
}
::-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
::placeholder {
  opacity: 1;
  transition: opacity 0.5s;
}
:focus {
  outline: 0;
}
:focus::-moz-placeholder {
  opacity: 0;
}
:focus::placeholder {
  opacity: 0;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  color: #262829;
  cursor: pointer;
  display: inline-block;
  line-height: 1.25rem;
  padding-left: 2.285rem;
  position: relative;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
  background: #fff;
  border: 2px solid #706b67;
  border-radius: 100%;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.35s ease;
  width: 20px;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
  background-color: transparent;
  border: none;
  border-radius: 100%;
  content: "";
  display: block;
  height: 10px;
  left: 5px;
  position: absolute;
  top: 5px;
  transition: all 0.35s ease;
  width: 10px;
}
[type="radio"]:checked + label {
  font-family: montserratsemibold, Arial, helvetica, sans-serif;
}
[type="radio"]:checked + label:before {
  border: 2px solid #706b67;
}
[type="radio"]:checked + label:after {
  background-color: #706b67;
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked),
[type="radio"].checkbox:checked,
[type="radio"].checkbox:not(:checked) {
  bottom: 0;
  left: -9999px;
  position: absolute;
}
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label,
[type="radio"].checkbox:checked + label,
[type="radio"].checkbox:not(:checked) + label {
  color: #262829;
  cursor: pointer;
  display: inline-block;
  line-height: 1.25rem;
  margin-left: 10px;
  padding-left: 36px;
  position: relative;
}
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before,
[type="radio"].checkbox:checked + label:before,
[type="radio"].checkbox:not(:checked) + label:before {
  background: #fff;
  border: 2px solid #706b67;
  border-radius: 0;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.35s ease;
  width: 18px;
}
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after,
[type="radio"].checkbox:checked + label:after,
[type="radio"].checkbox:not(:checked) + label:after {
  background-color: transparent;
  border: none;
  border-radius: 0;
  content: "";
  display: block;
  height: 5px;
  left: 5px;
  position: absolute;
  top: 6px;
  transform: rotate(-45deg);
  transition: all 0.35s ease;
  width: 12px;
}
[type="checkbox"]:checked + label,
[type="radio"].checkbox:checked + label {
  font-family: montserratsemibold, Arial, helvetica, sans-serif;
}
[type="checkbox"].big + label,
[type="radio"].checkbox.big + label {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
}
[type="checkbox"]:checked + label:before,
[type="radio"].checkbox:checked + label:before {
  border: 2px solid #706b67;
}
[type="checkbox"]:checked + label:after,
[type="radio"].checkbox:checked + label:after {
  border-bottom: 2px solid #706b67;
  border-left: 2px solid #706b67;
}
.search {
  text-align: center;
}
.search,
.search .action {
  position: relative;
}
.search input {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  padding: 10px 14px 10px 40px;
  width: 100%;
}
.search .active input {
  border: 1px solid #fedc2a;
}
.search button {
  background-color: transparent;
  border: none;
  font-size: 0;
  left: 14px;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.search button:before {
  background-size: contain;
  content: "";
  display: inline-block;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
  width: 24px;
}
.search form button.validation-search {
  transition: all 0.3s;
}
.search form button.validation-search:before {
  background: url(../img/icon-search.svg) 0 no-repeat;
}
.search form.active button.validation-search {
  cursor: pointer;
  left: calc(100% - 30px);
}
.search .clear-search {
  display: none;
  height: 12px;
  left: 20px;
  pointer-events: all;
  position: absolute;
  top: 49%;
  transform: translateY(-50%);
  width: 12px;
  z-index: 10;
}
.search .clear-search:hover {
  cursor: pointer;
}
.search .clear-search:before {
  transform: rotate(45deg);
}
.search .clear-search:after,
.search .clear-search:before {
  background-color: #262829;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: 6px;
  width: 12px;
}
.search .clear-search:after {
  transform: rotate(-45deg);
}
.alert a {
  color: inherit;
}
.field.error-field [type="date"],
.field.error-field [type="email"],
.field.error-field [type="password"],
.field.error-field [type="text"] {
  background: #f7cdcd;
  border: 1px solid #e65858;
}
.field.error-field label {
  color: #e65858 !important;
}
.field.error-field .message {
  color: #e65858;
  display: block;
  font-family: Open Sans, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
}
.field.error-field [type="checkbox"] + label,
.field.error-field [type="checkbox"] + label > a {
  color: #e65858 !important;
}
.field.error-field [type="checkbox"] + label:before {
  border: 2px solid #e65858 !important;
}
.field.success-field [type="email"],
.field.success-field [type="password"],
.field.success-field [type="text"] {
  border: 1px solid #7bc035;
}
select {
  background: #fff;
  border: 1px solid #bebfc1;
  border-radius: 3px;
  color: #919497;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  padding: 5px;
  width: 255px;
}
.select-wrapper {
  position: relative;
}
.select-wrapper select {
  width: 100%;
}
.shipping .custom-select {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.7857rem;
  font-weight: 600;
  height: 37px;
}
.shipping .custom-select .select-items div,
.shipping .custom-select .select-selected {
  border-color: transparent transparent #a6a9ab;
  padding: 8px 16px 8px 8px;
}
.shipping .custom-select .select-selected {
  border-color: transparent;
}
.custom-select {
  color: #44474a;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  height: 48px;
  max-width: 255px;
  position: relative;
  width: 100%;
}
.custom-select select {
  display: none;
}
.custom-select .select-selected {
  background-color: #fff;
  border: 1px solid #bebfc1;
}
.custom-select .select-selected:after {
  border: 6px solid transparent;
  border-bottom: none;
  border-top-color: #bebfc1;
  content: "";
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
}
.custom-select .select-selected.select-arrow-active:after {
  border-bottom: 6px solid #bebfc1;
  border-top: none;
}
.custom-select .select-items div,
.custom-select .select-selected {
  border: 1px solid #a6a9ab;
  color: #44474a;
  cursor: pointer;
  padding: 13px 16px 14px;
  position: relative;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.custom-select .select-items {
  background-color: #fff;
  left: 0;
  max-height: 227px;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 99;
}
.custom-select .select-items div {
  border-bottom: 1px solid transparent;
}
.custom-select .select-items div:last-child {
  border-bottom: 1px solid #a6a9ab;
}
.custom-select .select-hide {
  display: none;
}
.custom-select .same-as-selected,
.custom-select .select-items div:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.custom-select.small {
  height: 32px;
}
.custom-select.small .select-selected {
  border-radius: 3px;
}
.custom-select.small .select-items div,
.custom-select.small .select-selected {
  padding: 6px 16px;
}
.mobile-menu {
  background: url(../img/icon-burger-menu.svg) 0 no-repeat;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  left: 18px;
  position: absolute;
  text-transform: uppercase;
  top: 20px;
  z-index: 1000;
}
.mobile-menu.on {
  background: url(../img/icon-burger-menu-close.svg) 0 no-repeat;
}
.mobile-menu label {
  display: inline-block;
  margin-left: 2rem;
  vertical-align: middle;
}
header {
  border-bottom: 1px solid #bebfc1;
  margin: 0 auto;
  padding: 0;
  top: 0;
  z-index: 999;
}
header,
header .content {
  background-color: #fff;
  display: block;
}
header .content {
  margin: auto;
}
header .content .top-content {
  border-bottom: 1px solid #bebfc1;
  display: block;
  height: 64px;
  position: relative;
  text-align: center;
  width: 100%;
}
body.multipack header .content .top-content {
  text-align: right;
}
header .content .top-content .logo {
  line-height: 0.8125rem;
  text-align: left;
  width: calc(50% - 205px);
}
header .content .top-content .logo img {
  height: auto;
  margin-right: 1.143rem;
  width: 130px;
}
header .content .top-content .logo .baseline {
  display: inline-block;
  font-family: montserratmedium, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.6429rem;
  text-transform: uppercase;
  width: 175px;
}
body.magazine
  #sticky-wrapper.is-sticky
  header
  .content
  .top-content
  .logo
  .baseline
  br,
body.magazine.page-one-click header .content .top-content .logo .baseline br {
  display: none;
}
header .content .top-content .top-links {
  height: 100%;
  position: relative;
  text-align: right;
  width: 47%;
}
header .content .top-content .top-links li {
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  margin-left: 2rem;
  vertical-align: middle;
}
header .content .top-content .top-links li img,
header .content .top-content .top-links li svg {
  height: 32px;
  margin-right: 2px;
  vertical-align: middle;
  width: 32px;
}
header .content .top-content .top-links li svg {
  fill: #706b67;
  transition: fill 0.35s ease;
}
header .content .top-content .top-links li.cart {
  position: relative;
}
header .content .top-content .top-links li.cart .counter {
  background: #fedc2a;
  border-radius: 100%;
  bottom: 0;
  display: inline-block;
  font-size: 0;
  height: 16px;
  left: 18px;
  line-height: 1rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 16px;
}
header .content .top-content .top-links li.cart .counter:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
header .content .top-content .top-links li.cart .counter > * {
  display: inline-block;
  font-size: medium;
  vertical-align: middle;
}
header .content .top-content .top-links li.cart .counter > span {
  font-family: Open Sans, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  line-height: 0;
}
header .content .top-content .top-links li.cart .counter > span:before {
  content: "";
  height: 18px;
  width: 0;
}
header .content .top-content .top-links li.account {
  text-overflow: ellipsis;
}
header .content .top-content .top-links li label {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
}
header .content .top-content .top-links li.account label {
  max-width: 130px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
header .content .top-content .top-links li.account.logged svg {
  fill: #fedc2a;
  transition: fill 0.35s ease;
}
header .content .top-content .top-links li.account #mini-login.opened,
header .content .top-content .top-links li.account:hover #mini-login {
  opacity: 1;
  transition: opacity 0.35s ease;
  visibility: visible;
}
header .content .top-content .top-links li:hover svg {
  fill: #fedc2a;
}
header .content .top-content .top-links #mini-login {
  left: 50%;
  opacity: 0;
  padding-top: 15px;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 0.35s ease;
  visibility: hidden;
  z-index: 999;
}
header .content .top-content .top-links #mini-login .content {
  background: #fff;
  box-shadow: 0 6px 12px rgba(35, 35, 35, 0.3);
}
header .content .top-content .top-links #mini-login .fieldset {
  background: #fff;
  margin: 0;
  white-space: nowrap;
}
header .content .top-content .top-links #mini-login .fieldset .field {
  margin-left: 0;
  margin-right: 0;
}
header .content .top-content .top-links #mini-login .fieldset .field.alert {
  padding-left: 3.428rem;
  padding-right: 0.8571rem;
  white-space: normal;
}
header .content .top-content .top-links #mini-login .fieldset:before {
  display: none;
}
header .content .bottom-content,
header .content .bottom-content-magazine {
  display: block;
  height: 47px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
header .content .bottom-content .burger-menu,
header .content .bottom-content-magazine .burger-menu {
  display: none;
}
header .content .bottom-content .navigation,
header .content .bottom-content-magazine .navigation {
  height: 100%;
  position: relative;
  text-align: left;
  width: 100%;
}
header .content .bottom-content li.level0,
header .content .bottom-content-magazine li.level0 {
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  height: 48px;
  padding: 0 15px;
  vertical-align: middle;
}
header .content .bottom-content li.level0:first-child,
header .content .bottom-content-magazine li.level0:first-child {
  margin-left: -15px;
}
header .content .bottom-content li.level0:last-child,
header .content .bottom-content-magazine li.level0:last-child {
  padding-right: 0;
}
header .content .bottom-content li.level0 > a,
header .content .bottom-content-magazine li.level0 > a {
  color: #262829;
  display: inline-block;
  transition: color 0.15s;
  vertical-align: middle;
}
header .content .bottom-content li.level0 > a:before,
header .content .bottom-content-magazine li.level0 > a:before {
  content: "";
  display: inline-block;
  height: 48px;
  vertical-align: middle;
  width: 0;
}
header .content .bottom-content li.level0:hover > a,
header .content .bottom-content-magazine li.level0:hover > a {
  color: #a6a9ab;
  transition: color 0.15s;
}
header .content .bottom-content li.level0.parent,
header .content .bottom-content-magazine li.level0.parent {
  padding-right: 35px;
  position: relative;
}
header .content .bottom-content li.level0.parent:after,
header .content .bottom-content-magazine li.level0.parent:after {
  border-bottom: 2px solid #a6a9ab;
  border-left: 2px solid #a6a9ab;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 15px;
  top: 45%;
  transform: translateY(-50%) rotate(-45deg);
  width: 6px;
}
header .content .bottom-content li.level0.parent .submenu,
header .content .bottom-content-magazine li.level0.parent .submenu {
  background: #fff;
  border: 1px solid #bebfc1;
  left: 0;
  opacity: 0;
  padding: 16px;
  position: absolute;
  top: 46px;
  transition: opacity 0.5s;
  visibility: hidden;
}
header .content .bottom-content li.level0.parent .submenu li,
header .content .bottom-content-magazine li.level0.parent .submenu li {
  margin: 4px 0;
  white-space: nowrap;
}
header .content .bottom-content li.level0.parent .submenu li:hover > a,
header
  .content
  .bottom-content-magazine
  li.level0.parent
  .submenu
  li:hover
  > a {
  color: #a6a9ab;
  transition: color 0.15s;
}
header .content .bottom-content li.level0.parent .submenu .back-link,
header .content .bottom-content li.level0.parent .submenu > span,
header .content .bottom-content-magazine li.level0.parent .submenu .back-link,
header .content .bottom-content-magazine li.level0.parent .submenu > span {
  display: none;
}
header .content .bottom-content li.level0.parent .submenu .see-all,
header .content .bottom-content-magazine li.level0.parent .submenu .see-all {
  display: block;
  font-size: 0.7857rem;
  margin-top: -5px;
  text-transform: none;
}
header .content .bottom-content li.level0.parent .submenu .see-all a {
  text-decoration: underline;
}
header .content .bottom-content li.level0.parent:hover .submenu,
header .content .bottom-content-magazine li.level0.parent:hover .submenu {
  opacity: 1;
  transition: opacity 0.5s;
  visibility: visible;
}
header .content .bottom-content li.level0.mag,
header .content .bottom-content li.level0.pack,
header .content .bottom-content-magazine li.level0.pack {
  float: right;
  padding-right: 0;
  text-align: right;
}
header .content .bottom-content li.level0.pack:before,
header .content .bottom-content-magazine li.level0.pack:before {
  background: url(../img/icon-pack.svg) 0 no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 24px;
  margin-right: 8px;
  vertical-align: middle;
  width: 24px;
}
header .content .bottom-content li.level0.pack:after,
header .content .bottom-content-magazine li.level0.pack:after {
  display: none;
}
header .content .bottom-content li.level0.pack .submenu,
header .content .bottom-content-magazine li.level0.pack .submenu {
  left: auto;
  right: 0;
  text-align: left;
}
header .content .bottom-content li.level0 > .submenu span svg,
header .content .bottom-content li.level0 > a svg {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  fill: #262829;
  transition: fill 0.35s ease;
}
header .content .bottom-content li.level0 > .submenu spa n label,
header .content .bottom-content li.level0 > a label {
  color: #262829;
  display: inline-block;
  vertical-align: middle;
}
header .content .bottom-content li.level0 > a:hover svg {
  fill: #fedc2a;
}
header .content a {
  text-decoration: none;
}
header .content a.logout {
  bottom: 0;
  color: #999;
  font-size: 0.625rem;
  font-weight: 400;
  position: absolute;
  right: 135px;
  text-decoration: underline;
}
body.multipack header .content a.logout {
  bottom: 0;
  font-size: 0.625rem;
  right: 0;
}
body.magazine #sticky-wrapper.is-sticky header .content a.logout {
  display: none;
}
header.simple-header .top-content {
  border: none;
}
header.simple-header .top-content .center-area .back-link {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  padding-left: 1.714rem;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 20%;
}
header.simple-header .top-content .center-area .back-link:before {
  background: url(../img/icon-arrow.svg) 50% no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  transform: rotate(180deg);
  width: 16px;
}
header.simple-header .top-content .center-area .logo {
  text-align: center;
  width: 60%;
}
header.simple-header .top-content .center-area .logo .baseline {
  width: auto;
}
header.simple-header .top-content .center-area .reassurance {
  color: #7bc035;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  padding-left: 1.714rem;
  position: relative;
  text-align: right;
  text-transform: uppercase;
  width: 20%;
}
header.simple-header .top-content .center-area .reassurance span:before {
  background: url(../img/icon-secure-green.svg) 50% no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  margin-top: -4px;
  vertical-align: middle;
  width: 16px;
}
body.magazine header .content .top-content .mobile-menu {
  left: 0;
  top: 85px;
}
body.magazine header .content .bottom-content-magazine {
  height: 64px;
}
body.magazine header .content .bottom-content-magazine .center-area > * {
  bottom: unset;
  left: unset;
  position: relative;
  right: unset;
  top: unset;
}
body.magazine header .content .bottom-content-magazine .logo {
  height: 100%;
  margin-left: 35%;
  padding: 10px;
  width: 27%;
}
body.magazine.page-one-click header .content .bottom-content-magazine .logo {
  margin-left: 0;
}
body.magazine header .content .bottom-content-magazine .logo > img {
  max-height: 100%;
  max-width: 100%;
}
body.magazine header .content .bottom-content-magazine .top-links {
  height: 64px;
  text-align: right;
  width: 38%;
}
body.magazine header .content .bottom-content-magazine .top-links > ul > li {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  margin: 0 1.143rem;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  .top-links
  > ul
  > li:last-child {
  margin-right: 0;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  .top-links
  > ul
  > li.active:after {
  background-image: repeating-linear-gradient(
    -45deg,
    #fedc2a,
    #fedc2a 5px,
    #fff 0,
    #fff 6px
  );
  bottom: -8px;
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  width: 100%;
}
body.magazine header .content .bottom-content-magazine + .bottom-content {
  background: #fff;
  display: block;
  height: auto;
  left: -330px;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 128px;
  transition: all 0.5s;
  width: 330px;
  z-index: 1001;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .mobile-close {
  height: 20px;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 20px;
  z-index: 1002;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .mobile-close:after,
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .mobile-close:before {
  background: #bebfc1;
  content: "";
  display: block;
  height: 2px;
  left: 2px;
  position: absolute;
  top: 10px;
  width: 16px;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .mobile-close:before {
  transform: rotate(-45deg);
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .mobile-close:after {
  transform: rotate(45deg);
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  > .center-area {
  padding: 25px 14px;
  position: relative;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation {
  display: block;
  height: auto;
  vertical-align: top;
  width: 100%;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul {
  position: relative;
  width: 100%;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li {
  height: auto;
  margin: 0 !important;
  width: 100%;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent {
  position: static;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  > a {
  width: 100%;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu {
  border: none;
  left: 330px;
  padding-top: 0;
  top: 0;
  width: 100%;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > span {
  font-family: montserratbold, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > span:before {
  content: "";
  display: inline-block;
  height: 48px;
  vertical-align: middle;
  width: 0;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > li {
  height: 48px;
  padding-left: 2.285rem;
  position: relative;
  width: 100%;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > li
  > a:before {
  content: "";
  display: inline-block;
  height: 48px;
  vertical-align: middle;
  width: 0;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > li
  > a {
  display: block;
  max-width: 100%;
  overflow: hidden;
  padding-right: 22px;
  text-overflow: ellipsis;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > li:after {
  border-bottom: 2px solid #a6a9ab;
  border-left: 2px solid #a6a9ab;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 15px;
  top: 45%;
  transform: translateY(-50%) rotate(-135deg);
  width: 6px;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > li.back-link {
  cursor: pointer;
  height: auto;
  padding-left: 10px;
  position: absolute;
  text-transform: none;
  top: -26px;
  width: auto;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > li.back-link:before {
  content: " ";
  cursor: pointer;
  margin-right: 4px;
  padding-left: 0;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > li.back-link:after {
  display: none;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > li.see-all {
  font-size: 0.7857rem;
  height: auto !important;
  padding-left: 0 !important;
  padding-right: 15px !important;
  position: absolute !important;
  right: 26px;
  text-transform: none;
  top: 13px;
  width: auto !important;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > li.see-all
  > a:before {
  display: none !important;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > li.see-all:after {
  border-bottom: none !important;
  border-left: none !important;
  content: ">" !important;
  height: auto !important;
  margin-right: 4px !important;
  padding-left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  transform: unset !important;
  width: auto !important;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent:after {
  float: right;
  margin-top: -25px;
  position: relative;
  transform: translateY(-50%) rotate(-135deg);
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent.clicked
  .back-link,
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent.clicked
  ul
  > span {
  display: block;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent.clicked
  > a {
  transition: margin-left 0.35s;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.parent.clicked
  .submenu {
  left: 330px;
  opacity: 1;
  padding-top: 0;
  visibility: visible;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.pack {
  float: none;
  padding-right: 35px;
  text-align: left;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.pack:before {
  display: none;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > ul
  > li.pack:after {
  display: block;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation
  > .center-area {
  left: 0;
  transition: left 0.35s;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content
  .navigation.opened
  > .center-area {
  left: -330px;
  transition: left 0.35s;
}
body.magazine
  header
  .content
  .bottom-content-magazine
  + .bottom-content.opened {
  box-shadow: 10px 8px 14px -5px rgba(0, 10, 1, 0.25);
  left: calc(50vw - 720px);
  opacity: 1;
  transition: all 0.5s;
}
header .content .top-content .top-links .top-links-search {
  display: none;
}
body.magazine
  #sticky-wrapper.is-sticky
  header
  .content
  .top-content
  .top-links
  li
  svg {
  cursor: pointer;
}
body.checkout #itemsform .cart-content:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #706b67;
  bottom: -2rem;
  display: block;
  height: 0;
  left: calc(50% - 10px);
  position: absolute;
  width: 0;
}
body.checkout:not(.page-one-click) header {
  border-bottom: none;
}
body.checkout:not(.page-one-click) header .top-content .center-area .back-link {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  padding-left: 1.714rem;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 20%;
}
body.checkout:not(.page-one-click)
  header
  .top-content
  .center-area
  .back-link:before {
  background: url(../img/icon-arrow.svg) 50% no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  transform: rotate(180deg);
  width: 16px;
}
body.checkout:not(.page-one-click) header .top-content .center-area .logo {
  text-align: center;
  width: 60%;
}
body.checkout:not(.page-one-click)
  header
  .top-content
  .center-area
  .logo
  .baseline {
  width: auto;
}
body.checkout:not(.page-one-click)
  header
  .top-content
  .center-area
  .reassurance {
  color: #7bc035;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  padding-left: 1.714rem;
  position: relative;
  text-align: right;
  text-transform: uppercase;
  width: 20%;
}
body.checkout:not(.page-one-click)
  header
  .top-content
  .center-area
  .reassurance
  span:before {
  background: url(../img/icon-secure-green.svg) 50% no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 8px;
  margin-top: -4px;
  vertical-align: middle;
  width: 16px;
}
body.checkout:not(.page-one-click) header .bottom-content {
  border: none;
  margin-bottom: 1.714rem;
}
body.checkout:not(.page-one-click) header .bottom-content #checkout-progress {
  background: #fff;
  display: flex;
  justify-content: space-between;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  margin-right: 3px;
  padding: 1.143rem;
  position: relative;
  text-align: center;
  width: 25%;
  word-spacing: 0;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li:last-child {
  margin-right: 0;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li:after {
  background: #bebfc1;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li
  span {
  color: #a6a9ab;
  display: inline-block;
  vertical-align: middle;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li
  span:before {
  background: #bebfc1;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  right: -8px;
  top: calc(50% - 1px);
  width: 13px;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li
  span:after {
  border-right: 2px solid #bebfc1;
  border-top: 2px solid #bebfc1;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: -9px;
  top: calc(50% - 6px);
  transform: rotate(45deg);
  width: 10px;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li
  svg {
  display: inline-block;
  vertical-align: middle;
  fill: #a6a9ab;
  margin-right: 8px;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li.active:after {
  background-image: repeating-linear-gradient(
    -45deg,
    #fedc2a,
    #fedc2a 5px,
    #fff 0,
    #fff 6px
  );
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li.active
  span {
  color: #44474a;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li.active
  span:before {
  background: #44474a;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li.active
  span:after {
  border-right: 2px solid #44474a;
  border-top: 2px solid #44474a;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li.active
  svg {
  fill: #44474a;
}
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li:last-child
  span:after,
body.checkout:not(.page-one-click)
  header
  .bottom-content
  #checkout-progress
  > li:last-child
  span:before {
  display: none;
}
header
  .content
  .bottom-content
  .navigation
  > ul
  > li.parent
  .submenu
  > li.back-link:before {
  border-bottom: 2px solid #a6a9ab;
  border-left: 2px solid #a6a9ab;
  content: "";
  cursor: pointer;
  display: block;
  height: 6px;
  left: 0;
  position: absolute;
  top: 45%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
}
footer .reassurance {
  background: #f48b7b;
  height: 120px;
  padding: 1.143rem 0;
}
footer .reassurance .container {
  height: 100%;
}
footer .reassurance li {
  color: #fff;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  text-align: center;
  width: 25%;
}
footer .reassurance li > svg {
  fill: #fff;
}
footer .reassurance li > img {
  display: inline-block;
  height: 40px;
}
footer .reassurance li > span {
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  width: 100%;
}
footer .content {
  background: #fdf0ee;
}
footer .content .cols {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
footer .content .title {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.428rem;
  margin-bottom: 1.143rem;
  text-transform: uppercase;
}
footer .content .col {
  flex-grow: 1;
  padding: 34px 0;
  text-align: left;
}
footer .content .col ul {
  float: left;
  line-height: 2.5rem;
}
footer .content .col:first-child {
  flex-grow: 2;
}
footer .content .col:first-child ul {
  width: 50%;
}
footer .content .col a {
  text-decoration: none;
}
footer .content .tel-number {
  display: block;
  margin-bottom: -10px;
  position: relative;
}
footer .content .tel-number svg {
  display: inline-block;
  fill: #f48b7b;
  margin-right: 14px;
  vertical-align: middle;
  width: 14px;
}
footer .content .tel-number > a {
  color: #f48b7b;
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  vertical-align: middle;
}
footer .content .email {
  padding-left: 2rem;
  position: relative;
}
footer .content .email svg {
  fill: #f48b7b;
  left: 0;
  position: absolute;
  top: 0;
}
footer .content .address,
footer .content .email > a {
  color: #f48b7b;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
}
footer .content .address {
  display: inline-block;
  line-height: 1.428rem;
  margin-top: 0.8571rem;
  padding-left: 28px;
  position: relative;
}
footer .content .address svg {
  fill: #f48b7b;
  left: -3px;
  position: absolute;
  top: 0;
}
footer .content .address strong {
  color: #262829;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
}
footer .copyright {
  display: inline-block;
  padding: 1.143rem 0;
  text-align: center;
  width: 100%;
}
#top-banner {
  margin: 0;
  padding: 0;
}
#top-banner > img {
  height: auto;
  width: 100%;
}
#top-image img,
.promo-block img {
  max-width: 100%;
}
.page-container > h1 {
  display: inline-block;
  margin: 3.428rem 0 2.857rem;
  width: 100%;
}
.brands-banner {
  background: transparent;
  height: 72px;
  margin: 1rem 0;
  position: relative;
}
.brands-banner .brands {
  align-items: center;
  display: flex;
  height: 72px;
  justify-content: space-around;
}
.brands-banner .brands .logo img {
  max-height: 39px;
  max-width: 100px;
}
#account-wrapper .left-column {
  width: calc(100% - 300px);
}
#account-wrapper .left-column,
#account-wrapper .right-column {
  display: inline-block;
  vertical-align: top;
}
#account-wrapper .right-column {
  text-align: right;
  width: 296px;
}
#account-wrapper .right-column > div {
  float: right;
}
.steps {
  display: flex;
}
.steps > .step {
  padding: 0 60px 3.428rem;
  position: relative;
}
.steps > .step:after,
.steps > .step:before {
  background: #f48b7b;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  top: 1.714rem;
  width: 35%;
}
.steps > .step:after {
  right: 0;
}
.steps > .step:before {
  left: 0;
}
.steps > .step:first-child:before,
.steps > .step:last-child:after {
  display: none;
}
.steps > .step .number {
  background: #f48b7b;
  border-radius: 100%;
  color: #fff;
  display: block;
  font-family: Playfair Display, Times New Roman, Times, serif;
  height: 48px;
  margin: auto auto 0.7rem;
  padding-top: 0.8571rem;
  width: 48px;
  font-size: 20px;
  text-align: center;
}
.magazines-block {
  display: inline-block;
  overflow: hidden;
  padding: 1.714rem 0;
  position: relative;
}
.magazines-block .magazines-picture {
  display: block;
  height: 100%;
  max-height: 690px;
  position: absolute;
  width: auto;
}
.magazines-block .magazines-picture > img {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.magazines-block.left-block .magazines-picture {
  left: 0;
  text-align: left;
}
.magazines-block.right-block .magazines-picture {
  right: 0;
  text-align: right;
}
.magazines-block .container {
  display: inline-block;
  word-spacing: -6px;
}
.magazines-block .magazines-text {
  display: inline-block;
  padding: 1.143rem;
  vertical-align: middle;
  width: 25%;
  word-spacing: 0;
}
.magazines-block .magazines-list {
  display: inline-block;
  padding-left: 1.143rem;
  vertical-align: middle;
  width: 75%;
  word-spacing: 0;
}
.magazines-block .magazines-list .magazines-items {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
}
.magazines-block .magazines-list .magazines-items .magazines-item {
  border: 1px solid transparent;
  padding: 1.714rem;
  transition: border-color 0.35s;
}
.magazines-block .magazines-list .magazines-items .magazines-item > a {
  display: block;
  height: 100%;
  padding-bottom: 100px;
  position: relative;
  text-decoration: none;
}
.magazines-block .magazines-list .magazines-items .magazines-item.col-1 {
  flex-basis: 30%;
  flex-grow: 1;
  max-width: 256px;
  width: 30%;
}
.magazines-block .magazines-list .magazines-items .magazines-item.col-2 {
  flex-basis: 50%;
  flex-grow: 2;
  width: 65%;
}
.magazines-block .magazines-list .magazines-items .magazines-item .pictures {
  height: 288px;
  position: relative;
}
.magazines-block
  .magazines-list
  .magazines-items
  .magazines-item
  .pictures
  .picture {
  position: absolute;
}
.magazines-block
  .magazines-list
  .magazines-items
  .magazines-item
  .pictures
  .picture
  > img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  width: auto;
}
.magazines-block
  .magazines-list
  .magazines-items
  .magazines-item
  .pictures
  .picture.guide {
  bottom: 5%;
  height: 175px;
  left: 0;
  text-align: right;
  width: 36%;
  z-index: 1;
}
.magazines-block
  .magazines-list
  .magazines-items
  .magazines-item
  .pictures
  .picture.site {
  bottom: 10%;
  height: 146px;
  right: 0;
  width: 54%;
  z-index: 3;
}
.magazines-block
  .magazines-list
  .magazines-items
  .magazines-item
  .pictures
  .picture.couv {
  bottom: 0;
  left: 50%;
  padding: 10px;
  top: 0;
  transform: translateX(-50%);
  z-index: 2;
}
.magazines-block
  .magazines-list
  .magazines-items
  .magazines-item
  .pictures
  .picture.couv
  > img {
  box-shadow: 0 6px 12px rgba(35, 35, 35, 0.3);
  height: 100%;
  width: auto;
}
.magazines-block
  .magazines-list
  .magazines-items
  .magazines-item
  .pictures
  .picture.couv:only-child
  img {
  max-width: none;
}
.magazines-block .magazines-list .magazines-items .magazines-item h3 {
  margin-bottom: 0;
  margin-top: 6px;
}
.magazines-block .magazines-list .magazines-items .magazines-item .price {
  bottom: 45px;
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  left: 50%;
  margin-bottom: 1.143rem;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
}
.magazines-block .magazines-list .magazines-items .magazines-item .price label {
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
}
.magazines-block .magazines-list .magazines-items .magazines-item .price small {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
}
.magazines-block .magazines-list .magazines-items .magazines-item .button {
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.magazines-block .magazines-list .magazines-items .magazines-item:hover {
  border: 1px solid #bebfc1;
}
.magazines-block .magazines-list .magazines-items .promo-block > a,
.magazines-block .magazines-list .magazines-items .promo-block > img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.magazines-block:last-child {
  margin-bottom: 3.428rem;
}
.magazines-block.recommandations {
  width: 100%;
}
.overlay-block {
  display: inline-block;
  padding: 0 20px;
  position: relative;
}
.overlay-block:before {
  background: #fff;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.7;
  position: absolute;
  right: 0;
  top: 0;
}
.overlay-block .content {
  padding: 20px 0;
  position: relative;
  width: 100%;
}
.overlay-block .content:after,
.overlay-block .content:before {
  background-color: #f48b7b;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.overlay-block .content:before {
  top: 0;
}
.overlay-block .content:after {
  bottom: 0;
}
.overlay-block .content .title {
  color: #262829;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 2.357rem;
  font-weight: 600;
  line-height: 2.5rem;
  margin-bottom: 14px;
  margin-top: 0;
}
.overlay-block .content .title.highlight {
  color: #f48b7b;
}
.abo-type-blocks {
  display: block;
  justify-content: space-between;
  width: 100%;
}
.abo-type-blocks .slick-list {
  padding-bottom: 3rem !important;
}
.abo-type-blocks .slick-slide {
  padding: 0 8px;
}
.abo-type-blocks .abo-type-block {
  background: #fff;
  border: 1px solid #bebfc1;
  display: inline-block;
  padding: 3px;
  position: relative;
  vertical-align: top;
  width: 23%;
}
.abo-type-blocks .abo-type-block .content {
  background: #fff;
  display: inline-block;
  height: 100%;
  padding: 20px 20px 135px;
  width: 100%;
}
.abo-type-blocks .abo-type-block .content h3 {
  margin: 6px 0;
}
.abo-type-blocks .abo-type-block .content > img {
  display: inline-block;
}
.abo-type-blocks .abo-type-block .content .additional {
  border-bottom: 1px dashed #bebfc1;
  border-top: 1px dashed #bebfc1;
  display: inline-block;
  padding: 1.143rem 0;
}
.abo-type-blocks .abo-type-block .content .additional img {
  width: 30px;
}
.abo-type-blocks .abo-type-block .content .additional strong {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}
.abo-type-blocks .abo-type-block .content .additional mark {
  background: #fedc2a;
  padding: 2px 8px;
  white-space: nowrap;
}
.abo-type-blocks .abo-type-block .price {
  bottom: 3rem;
  font-feature-settings: normal;
  font-size: 1.357rem;
  left: 50%;
  margin-bottom: 1.143rem;
  position: absolute;
  transform: translateX(-50%);
}
.abo-type-blocks .abo-type-block .price,
.abo-type-blocks .abo-type-block .price label {
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-weight: 600;
  width: 100%;
}
.abo-type-blocks .abo-type-block .price label {
  font-feature-settings: normal;
  font-size: 0.8571rem;
  text-transform: uppercase;
}
.abo-type-blocks .abo-type-block .price small {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
}
.abo-type-blocks .abo-type-block .bottom {
  bottom: 1.714rem;
  left: 20px;
  position: absolute;
  right: 20px;
  text-align: center;
}
.abo-type-blocks .abo-type-block .bottom button {
  display: block;
  margin: auto;
  transition: all 0.15s;
}
.abo-type-blocks .abo-type-block.active {
  background: #fedc2a;
  border: 1px solid #fedc2a;
  transition: all 0.35s;
}
.abo-type-blocks .abo-type-block.active:after {
  background-color: transparent;
  border: 10px solid transparent;
  border-top-color: #706b67;
  bottom: -40px;
  content: "";
  height: 0;
  left: calc(50% - 11px);
  position: absolute;
  width: 0;
}
.abo-type-blocks .abo-type-block.active .bottom .button {
  background: url(../img/icon-check-round.svg) 50% no-repeat #fedc2a;
  background-size: 20px 20px;
  border-radius: 100%;
  color: transparent;
  font-size: 0;
  min-width: 48px;
  width: 48px;
}
.abo-type-blocks .abo-type-block.active .bottom .button:after {
  display: none !important;
}
.offers-blocks {
  margin-bottom: 3.428rem;
}
.tab-blocks {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.tab-blocks .tab-block {
  background-color: #f5f5f5;
  border: none;
  display: inline-block;
  padding: 20px 16px;
  position: relative;
  text-align: center;
  transition: background-color 0.35s;
  width: calc(25% - 2px);
  word-spacing: 0;
}
.tab-blocks.nb-2 .tab-block {
  width: calc(50% - 2px);
}
.tab-blocks.nb-3 .tab-block {
  width: calc(33.33% - 2px);
}
.tab-blocks .tab-block:after,
.tab-blocks .tab-block:before {
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.tab-blocks .tab-block:before {
  background-color: #fff;
  top: 0;
}
.tab-blocks .tab-block:after {
  background-color: #706b67;
  bottom: 0;
}
.tab-blocks .tab-block.active {
  background-color: #fff;
  border-left: 2px solid #f5f5f5;
  border-right: 2px solid #f5f5f5;
}
.tab-blocks .tab-block.active:before {
  background-image: repeating-linear-gradient(
    -45deg,
    #fedc2a,
    #fedc2a 5px,
    #fff 0,
    #fff 6px
  );
  color: #262829;
}
.tab-blocks .tab-block.active:after {
  background-color: transparent;
  border: 10px solid transparent;
  border-top-color: #706b67;
  bottom: -15px;
  height: 0;
  left: calc(50% - 11px);
  width: 0;
}
.tab-blocks .tab-block input,
.tab-blocks .tab-block label {
  display: none;
}
.tab-blocks .tab-block .title {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  margin-bottom: 12px;
}
.tab-blocks .tab-block:not(.active):hover {
  cursor: pointer;
}
.tab-blocks.two-blocks .tab-block {
  min-height: 120px;
  width: calc(50% - 2px);
}
.tab-blocks.two-blocks.small .tab-block {
  min-height: 70px;
}
#format .tab-blocks:not(.two-cols-xs) .tab-block {
  padding-right: 85px;
}
.tab-blocks.rows-layout {
  flex-direction: column;
}
.tab-blocks.rows-layout .tab-block {
  border: 1px solid #fff !important;
  border-left: none !important;
  margin-bottom: 1.143rem;
  margin-top: -1px;
  padding-left: 56px;
  text-align: left;
  width: 100% !important;
}
.tab-blocks.rows-layout .tab-block:after,
.tab-blocks.rows-layout .tab-block:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  width: 4px;
}
.tab-blocks.rows-layout .tab-block:before {
  background-color: #706b67;
}
.tab-blocks.rows-layout .tab-block:after {
  display: none;
}
.tab-blocks.rows-layout .tab-block input,
.tab-blocks.rows-layout .tab-block label {
  display: block;
}
.tab-blocks.rows-layout .tab-block label {
  left: 16px;
  position: absolute;
  top: calc(50% - 12px);
}
.tab-blocks.rows-layout .tab-block.active {
  border: 1px solid #bebfc1 !important;
  border-left: none !important;
}
.offer-block {
  border: 8px solid transparent;
  display: inline-block;
  margin-top: 15px;
  position: relative;
  width: 1120px;
}
.offer-block .container-fluid {
  margin-left: -160px;
}
.offer-block > :not(.alert) {
  font-size: medium;
}
.offer-block .favorite {
  background: url(../img/6px-white.png) #f48b7b;
  margin: 0 -8px;
  padding: 8px;
}
body:not(.page-one-click) .offer-block :not(.simple-block).favorite {
  position: relative;
  width: calc(100% + 16px);
}
.offer-block .favorite .offer-header {
  color: #fff;
  display: inline-block;
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 2rem;
  height: 48px;
  left: -8px;
  padding-bottom: 8px;
  text-align: left;
  top: -50px;
  vertical-align: middle;
  width: 100%;
  word-spacing: 0;
}
.offer-block .simple-block.favorite .offer-header {
  display: none;
}
.offer-block .favorite .offer-header:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.offer-block .favorite .offer-header:after {
  background: #fff;
  content: "";
  display: block;
  height: 48px;
  left: 250px;
  position: absolute;
  right: 0;
  top: 0;
}
.offer-block .offer-item .favorite {
  background: url(../img/6px-white.png) #f48b7b;
  border: none;
  padding: 8px;
}
.offer-block .offer-item .favorite .offer-header {
  background: url(../img/6px-white.png) #f48b7b;
  color: #fff;
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 2rem;
  height: 40px;
  left: 0;
  position: absolute;
  text-align: left;
  top: -40px;
  vertical-align: middle;
  width: 100%;
  word-spacing: 0;
}
.offer-block .offer-item .favorite .offer-header > div {
  display: inline-block;
  padding-left: 8px;
  padding-top: 11px;
}
.offer-block .offer-item .favorite .offer-header:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.offer-block .offer-item .favorite .offer-header:after {
  background: #fff;
  content: "";
  display: block;
  height: 40px;
  left: 250px;
  position: absolute;
  right: 0;
  top: 0;
}
.offer-block .offer-item .favorite .content {
  background-color: #fff;
}
.offer-block .offer-item {
  background: #fff;
  border: 1px solid #bebfc1;
  border-right: none;
  display: inline-block;
  height: auto;
  position: relative;
}
.offer-block .offer-item:last-child {
  border-right: 1px solid #bebfc1;
}
.offer-block .offer-item.width-1-6 {
  width: 16.66%;
}
.offer-block .offer-item.width-1-4 {
  width: 25%;
}
.offer-block .offer-item.width-1-2 {
  width: 50%;
}
.offer-block .offer-item.width-3-4 {
  width: 75%;
}
.offer-block .offer-item.simple-block {
  border-right: 1px solid #bebfc1;
  width: 31.5%;
}
.offer-block .offer-item.simple-block .image {
  height: 150px;
  margin: 10px auto;
  max-width: 300px;
  position: relative;
}
.offer-block .offer-item.simple-block .image > img.couvseule {
  left: 50%;
  margin-top: 0;
  max-height: 95%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.offer-block .offer-item.simple-block .image > img.site {
  margin-top: 0;
  max-height: 60%;
  max-width: 70%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.offer-block .offer-item.simple-block .image > img.couv {
  left: 25px;
  margin-top: 0;
  max-height: 95%;
  max-width: 70%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.offer-block .offer-item.simple-block:first-child {
  margin-right: 1.5%;
}
.offer-block .offer-item.simple-block:last-child {
  margin-right: 0;
}
.offer-block .offer-item.simple-block + .simple-block {
  margin-left: 1.5%;
  margin-right: 1.5%;
}
.offer-block .offer-item.simple-block:nth-child(3n) {
  margin-right: 0;
}
.offer-block .offer-item.add-offer:before,
.offer-block .offer-item.equal-offer:before {
  background: #fff;
  border: 1px solid #bebfc1;
  border-radius: 100%;
  content: "";
  display: block;
  height: 30px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
}
.offer-block .offer-item.add-offer .content:after,
.offer-block .offer-item.add-offer .content:before {
  background: #44474a;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.offer-block .offer-item.add-offer .content:before {
  height: 2px;
  width: 14px;
}
.offer-block .offer-item.add-offer .content:after {
  height: 14px;
  width: 2px;
}
.offer-block .offer-item.equal-offer .content:after,
.offer-block .offer-item.equal-offer .content:before {
  background: #44474a;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 14px;
}
.offer-block .offer-item.equal-offer .content:before {
  top: calc(50% - 3px);
}
.offer-block .offer-item.equal-offer .content:after {
  top: calc(50% + 3px);
}
.offer-block .offer-item .content {
  height: 100%;
  padding: 20px;
  position: relative;
  text-align: center;
}
.offer-block .offer-item .content.compact {
  padding: 20px 10px;
}
.offer-block .offer-item .content .offer-discount {
  background: url(../img/6px-white.png) #f48b7b;
  border-radius: 100%;
  color: #fff;
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  height: 64px;
  position: absolute;
  right: 1.143rem;
  top: 1.143rem;
  width: 64px;
}
.offer-block .offer-item .content .offer-discount > span {
  display: inline-block;
  vertical-align: middle;
}
.offer-block .offer-item .content .offer-discount:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.offer-block .offer-item .middle {
  height: 75%;
  padding-top: 1.8571rem;
  position: relative;
  width: 100%;
}
.offer-block .offer-item .middle img {
  max-height: 150px;
  max-width: 100%;
}
.offer-block .offer-item .middle .groupcouv .site {
  max-width: 70%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-26%);
}
.offer-block .offer-item .middle .groupcouv .couv {
  left: 0;
  margin-top: 0;
  max-width: 60%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.offer-block .offer-item .middle .groupcouv .siteBlocProduit {
  max-width: 70%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-7%);
}
.offer-block .offer-item .middle .groupcouv {
  display: block;
  height: 170px;
  margin-top: 0.8571rem;
  max-width: 300px;
  position: relative;
  width: 100%;
}
.offer-block .offer-item .bottom {
  height: 10%;
  padding-top: 0.8571rem;
  width: 100%;
}
.offer-block .offer-item .link {
  display: inline-block;
  height: 42px;
}
.offer-block .offer-item .link > a {
  color: #919497;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
}
.offer-block .offer-item .title {
  display: block;
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 2.285rem;
}
.offer-block .offer-item .subtitle {
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 4px;
}
.offer-block .offer-item .top {
  height: 15%;
  width: 100%;
}
.offer-block .offer-item.subscription .top {
  height: calc(15% + 8px);
  margin-top: -8px;
}
.offer-block .offer-item.subscription .top .title {
  border-bottom: 1px dashed #bebfc1;
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 1.429rem;
  padding-bottom: 8px;
}
.offer-block .offer-item.subscription .top .title small {
  font-size: 0.875rem;
}
.offer-block .offer-item.subscription .top .offer-discount + .title {
  width: 75%;
}
.offer-block .offer-item.subscription .top .numeric {
  color: #919497;
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.7857rem;
  margin: 6px 0 4px;
}
.offer-block .offer-item.subscription .top img {
  margin-right: 4px;
  max-height: 16px;
  vertical-align: middle;
}
.offer-block .offer-item.subscription .top .tooltip {
  display: inline-block;
  margin-left: 0.8571rem;
  vertical-align: middle;
}
.offer-block .offer-item.subscription .title {
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 2rem;
}
.offer-block .offer-item.subscription .visuels {
  display: inline-block;
  height: 170px;
  position: relative;
  width: 100%;
}
.offer-block .offer-item.subscription .visuels .couv {
  left: 10px;
  position: absolute;
  z-index: 1;
}
.offer-block .offer-item.subscription .visuels .site {
  max-width: 80%;
  position: absolute;
  right: -20px;
  top: 60%;
  transform: translateY(-50%);
  z-index: 2;
}
.offer-block .offer-item.subscription .couv {
  box-shadow: 0 6px 12px rgba(35, 35, 35, 0.3);
  margin-top: 0.8571rem;
  max-height: 170px;
}
.offer-block .offer-item.subscription .couv.num {
  box-shadow: none;
}
.offer-block .offer-item .mention,
.offer-block .offer-item .visuel {
  display: block;
}
.offer-block .offer-item.subscription.simple-block .offer-discount {
  height: 72px;
  top: 8px;
  width: 72px;
}
.offer-block .offer-item.subscription.simple-block .top {
  height: calc(12% + 8px);
}
.offer-block .offer-item.subscription.simple-block .middle {
  height: 83%;
}
.offer-block .offer-item.subscription.simple-block .bottom {
  border-top: 1px dashed #bebfc1;
  height: 5%;
}
.offer-block .offer-item.product .top {
  border-bottom: none;
}
.offer-block .offer-item.product .title {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  margin-bottom: 4px;
}
.offer-block .offer-item.product .subtitle {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  margin-bottom: 4px;
}
.offer-block .offer-item.product img {
  max-height: 216px;
  max-width: 100%;
}
.offer-block .offer-item.product .product-slider,
.offer-block .offer-item.product .product-slider .product,
.offer-block .offer-item.product .product-slider .slick-list,
.offer-block .offer-item.product .product-slider .slick-slide,
.offer-block .offer-item.product .product-slider .slick-track {
  height: 100%;
}
.offer-block .offer-item.product .product-slider .slick-list {
  padding: 0 !important;
}
.offer-block .offer-item.product .product-slider .slick-slide > div {
  height: 100%;
}
.offer-block .offer-item.product .product-slider .middle {
  position: static;
}
.offer-block .offer-item.product.width-1-4 .product-slider .middle {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 24px;
}
.offer-block .offer-item.product .product-slider .middle > div {
  position: relative;
}
.offer-block .offer-item.product .product-slider .slick-next,
.offer-block .offer-item.product .product-slider .slick-prev {
  top: 50%;
}
.offer-block .offer-item.product .product-slider label {
  bottom: -5px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.offer-block .offer-item.product .product-slider + .bottom {
  bottom: 1.143rem;
  left: 0;
  position: absolute;
}
.offer-block .offer-item.equal-offer .middle {
  position: relative;
}
.offer-block .offer-item .price-box {
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 2.357rem;
  font-weight: 600;
  padding-top: 2.285rem;
}
#product-modal .price-box.promo,
.offer-block .offer-item .price-box.promo {
  color: #f48b7b;
}
#product-modal .price-box small,
.offer-block .offer-item .price-box small {
  font-size: 1rem;
  text-transform: uppercase;
}
#product-modal .price-box .price,
.offer-block .offer-item .price-box .price {
  display: block;
  padding: 9px 0;
}
#product-modal .price-box .old-price,
.offer-block .offer-item .price-box .old-price {
  color: #919497;
  display: block;
  font-size: 1.143rem;
  margin-top: 2px;
  text-decoration: line-through;
}
.offer-block .offer-item .price-box:first-child {
  height: 50%;
}
.offer-block .offer-item p {
  color: #919497;
  display: block;
  font-size: 0.6875rem;
}
.offer-block .offer-item p button {
  margin: 0.8571rem 0 8px;
}
.offer-block .offer-items {
  display: flex;
  justify-content: center;
}
.offer-block .offer-items.vpc > div:first-child span:after {
  border: 2px solid #262829;
  border-radius: 100%;
  content: "+";
  display: block;
  font-family: Open Sans, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 3.428rem;
  height: 48px;
  line-height: 2.875rem;
  margin: 1.143rem auto 0;
  width: 48px;
}
.offer-block .offer-items.vpc .text,
.offer-block .offer-items.vpc .total,
.offer-block .offer-items.vpc .visuel {
  display: inline-block;
  vertical-align: middle;
}
.offer-block .offer-items.vpc .text {
  padding-right: 50px;
}
.offer-block .offer-items.vpc .free-shipping {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.7857rem;
  left: 63%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 75px;
}
.offer-block .offer-items.vpc .offer-item {
  border-top: none;
}
.offer-block .offer-items.vpc .row {
  margin-bottom: 0;
  margin-top: 0;
  padding: 0.8571rem;
  position: relative;
}
.offer-block .offer-items.vpc .row + .row {
  border-top: 1px dashed #bebfc1;
}
.offer-block .offer-items.vpc .visuel {
  width: 20%;
}
.offer-block .offer-items.vpc .visuel img {
  max-height: 72px;
  max-width: 100%;
}
.offer-block .offer-items.vpc .text {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  line-height: 1rem;
  text-align: left;
  width: 48%;
}
.offer-block .offer-items.vpc .text .link {
  height: auto;
}
.offer-block .offer-items.vpc .total {
  position: relative;
  width: 30%;
}
.offer-block .offer-items.vpc .total .price-box,
.offer-block .offer-items.vpc .total label {
  display: inline-block;
  padding-top: 0;
  vertical-align: middle;
}
.offer-block .offer-items.vpc .total label {
  margin-top: -20px;
}
.offer-block .offer-items.total > div:first-child {
  background: transparent;
  border: none;
}
.offer-block .offer-items.total > div:last-child {
  border-top: none;
  padding: 0.8571rem;
}
.offer-block.upsell {
  margin-top: 50px;
}
.offer-block.upsell .offer-item > .title {
  left: 50%;
  position: absolute;
  top: -60px;
  transform: translateX(-50%);
  width: 100%;
}
.offer-block.boutique-block .offer-items {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.offer-block.boutique-block .offer-item {
  margin-bottom: 2.285rem;
  width: 31%;
}
.offer-block.boutique-block .offer-item.simple-block .content {
  display: inline-block;
  height: 100%;
  padding-bottom: 95px;
  width: 100%;
}
.offer-block.boutique-block .offer-item.simple-block .content .action {
  bottom: 0;
  margin-left: -20px;
  position: absolute;
  width: 100%;
}
.offer-block.boutique-block .offer-item.simple-block .content .action .link {
  display: block;
  height: 35px;
  margin-top: 4px;
}
.offer-block.boutique-block .offer-item.simple-block .middle {
  height: auto;
}
.offer-block.boutique-block .offer-item.simple-block .middle .offer-discount {
  right: -14px;
  top: -12px;
}
.offer-block.boutique-block .offer-item.simple-block .middle .title {
  padding-top: 2.285rem;
}
.offer-block.boutique-block .offer-item.simple-block .middle p {
  margin-bottom: 0;
}
.offer-block.boutique-block .offer-item.simple-block .middle .link {
  height: auto;
}
.offer-block.boutique-block .offer-item:nth-child(3n + 1) {
  margin-left: 0;
}
#product-modal-content {
  max-width: 98%;
  width: 700px;
}
#product-modal-content .price-box .price {
  color: #262829;
  display: block;
  padding: 9px 0;
}
#product-modal-content .price-box {
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 2.357rem;
  font-weight: 600;
  padding-bottom: 2.285rem;
}
#product-modal-content .product-slider {
  margin-top: 10px;
  width: 100%;
}
#product-modal-content .product-slider img {
  max-width: 100%;
}
.abo-type-blocks .slick-next,
.abo-type-blocks .slick-prev,
.product-slider .slick-next,
.product-slider .slick-prev,
.recommandations .slick-next,
.recommandations .slick-prev {
  background: #e6e7eb;
  border-radius: 100%;
  display: block;
  height: 32px;
  opacity: 1;
  top: 45%;
  width: 32px;
}
.abo-type-blocks .slick-prev,
.product-slider .slick-prev,
.recommandations .slick-prev {
  left: 0.8571rem;
}
.abo-type-blocks .slick-prev:before,
.product-slider .slick-prev:before,
.recommandations .slick-prev:before {
  border-right: 3px solid #262829;
  border-top: 3px solid #262829;
  height: 8px;
  margin-left: 12px;
  width: 8px;
}
.abo-type-blocks .slick-next,
.product-slider .slick-next,
.recommandations .slick-next {
  right: 0.8571rem;
}
.abo-type-blocks .slick-next:before,
.product-slider .slick-next:before,
.recommandations .slick-next:before {
  border-right: 3px solid #262829;
  border-top: 3px solid #262829;
  height: 8px;
  margin-left: 9px;
  width: 8px;
}
body.faq {
  background-color: #fafafa;
}
body.faq .left-column {
  background-color: #fff;
  padding-left: 20px;
}
body.faq .block-cta {
  background: #fff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  padding: 2.285rem;
  text-align: center;
  width: 100%;
}
body.faq .block-cta .ctas .cta {
  margin-top: 8px;
  width: 100%;
}
body.faq .block-cta .ctas .cta a.button,
body.faq .block-cta .ctas .cta button {
  width: 100%;
}
body.faq .faq-cate {
  display: none;
}
body.faq .faq-cate.active {
  display: block;
}
body.magazine main .page-container > .content {
  display: inline-block;
  padding: 1.714rem 0;
  position: relative;
  width: 100%;
}
body.magazine main .page-container > #format.content {
  padding: 0 0 12px;
}
body.magazine #format h2 {
  margin-top: 0;
}
body.magazine .intro {
  display: inline-block;
  margin-bottom: 3.428rem;
  min-height: 295px;
  padding-right: 352px;
  position: relative;
  width: 100%;
}
body.magazine .intro h1 {
  font-size: 2.285rem;
  margin-bottom: 0;
  margin-top: 0;
}
body.magazine .intro h2 {
  font-size: 1rem;
}
body.magazine .intro .descriptif {
  margin: 1rem 0;
  text-align: left;
}
body.magazine .intro .descriptif .interlocuteur {
  border-right: 1px solid #bebfc1;
  display: inline-block;
  max-width: 40%;
  padding: 0 1.143rem;
  text-align: center;
  vertical-align: middle;
}
body.magazine .intro .descriptif .interlocuteur img,
body.magazine .intro .descriptif .interlocuteur span {
  display: block;
  margin: 4px auto;
  text-align: center;
}
body.magazine .intro .descriptif .interlocuteur a {
  color: #919497;
}
body.magazine .intro .descriptif .text {
  display: inline-block;
  max-width: 60%;
  padding: 0 3rem;
  text-align: left;
  vertical-align: middle;
}
body.magazine .intro .block-cta {
  background: #fff;
  bottom: 0;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
  max-width: 100%;
  min-height: 450px;
  padding: 2.285rem;
  position: absolute;
  right: 0;
  text-align: center;
  width: 352px;
}
body.magazine a.flipbook {
  background: url(../img/icon-flipbook.svg) 0 no-repeat;
  background-size: contain;
}
body.magazine a.flipbook,
body.magazine a.site {
  color: #919497;
  display: inline-block;
  margin-bottom: 0.8571rem;
  padding-left: 2.285rem;
}
body.magazine a.site {
  background: url(../img/icon-site-grey.svg) 0 no-repeat;
  background-size: contain;
}
body.magazine .block-cta .magazine {
  height: 245px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}
body.magazine .block-cta .magazine img {
  height: auto;
  position: absolute;
}
body.magazine .block-cta .magazine img:first-child {
  box-shadow: 0 6px 12px rgba(35, 35, 35, 0.3);
  left: 5px;
  position: absolute;
  z-index: 1;
}
body.magazine .block-cta .magazine img:last-child {
  max-width: 90%;
  right: -25px;
  top: 50%;
  transform: translateY(-28%);
  z-index: 2;
}
body.magazine .block-cta .magazine img:only-child {
  left: 50%;
  max-width: 60%;
  top: 0;
  transform: translateX(-50%);
}
body.magazine .block-cta .ctas .shipping {
  background-image: repeating-linear-gradient(
    -45deg,
    #d3d4d8,
    #d3d4d8 5px,
    #fff 0,
    #fff 6px
  );
  height: 48px;
  margin-bottom: 0;
  margin-top: 8px;
  position: relative;
  text-align: left;
  width: 100%;
}
body.magazine .block-cta .ctas .shipping label {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  padding-left: 1.143rem;
  width: 35%;
}
body.magazine .block-cta .ctas .shipping label + .custom-select {
  width: 63%;
}
body.recherche .block-cta .ctas {
  margin: auto;
  max-width: 345px;
}
body.recherche .block-cta .ctas .shipping {
  background-image: repeating-linear-gradient(
    -45deg,
    #d3d4d8,
    #d3d4d8 5px,
    #fff 0,
    #fff 6px
  );
  height: 48px;
  margin-bottom: 0;
  margin-top: 8px;
  position: relative;
  text-align: left;
  width: 100%;
}
body.recherche .block-cta .ctas .shipping label {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  padding-left: 1.143rem;
  width: 35%;
}
body.recherche .block-cta .ctas .shipping label + .custom-select {
  width: 63%;
}
body.magazine .block-cta .ctas .cta {
  margin-top: 8px;
  width: 100%;
}
body.magazine .block-cta .ctas .cta a.button,
body.magazine .block-cta .ctas .cta button {
  width: 100%;
}
body.magazine .block-cta:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #706b67;
  bottom: -2rem;
  content: "";
  display: block;
  height: 0;
  left: calc(50% - 10px);
  position: absolute;
  width: 0;
}
body.magazine .mag-selection {
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  margin: auto;
  width: auto;
}
body.magazine .mag-selection > * {
  display: inline-block;
  margin: 0 1.143rem;
  vertical-align: middle;
}
body.magazine .mag-selection .select-wrapper {
  margin: auto;
  min-width: 200px;
}
body.magazine .mag-selection .field input,
body.magazine .mag-selection .field select {
  height: 48px;
  width: 255px;
}
body.magazine .magazine-list {
  margin-top: 0;
}
body.magazine .magazine-list .magazine .selection {
  min-height: 190px;
}
body.magazine .magazine-list .magazine {
  display: inline-block;
  margin-bottom: 3.428rem;
  max-width: calc(50% - 16px);
  padding: 8px;
  position: relative;
}
body.magazine .magazine-list .magazine:nth-child(1n) {
  margin-left: 0;
  margin-right: 12px;
}
body.magazine .magazine-list .magazine:nth-child(2n) {
  margin-left: 12px;
  margin-right: 0;
}
body.magazine .magazine-list .magazine .content {
  background: #fff;
  padding: 1.143rem 2.285rem;
}
body.magazine .magazine-list .magazine.favorite {
  background-image: repeating-linear-gradient(
    -45deg,
    #f48b7b,
    #f48b7b 5px,
    #f6a295 0,
    #f6a295 6px
  );
  margin: 2.857rem -8px 3.428rem;
  padding: 8px;
  width: calc(100% + 16px);
}
body.magazine .magazine-list .magazine.favorite .magazine-header {
  color: #fff;
  display: inline-block;
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 1.429rem;
  height: 32px;
  left: -8px;
  padding-bottom: 8px;
  text-align: left;
  top: -50px;
  vertical-align: middle;
  width: 100%;
  word-spacing: 0;
}
body.magazine .magazine-list .magazine.favorite .magazine-header:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
body.magazine .magazine-list .magazine.favorite .magazine-header:after {
  background: #fff;
  content: "";
  display: block;
  height: 32px;
  left: 210px;
  position: absolute;
  right: 0;
  top: 0;
}
body.magazine .magazine-list .magazine .visuel {
  display: inline-block;
  padding-top: 0.8571rem;
  vertical-align: top;
  width: 39%;
}
body.magazine .magazine-list .magazine .visuel > img {
  box-shadow: 0 6px 12px rgba(35, 35, 35, 0.3);
  height: auto;
  max-width: 100%;
}
body.magazine .magazine-list .magazine .text {
  display: inline-block;
  padding-left: 2.285rem;
  vertical-align: top;
  width: 59%;
}
body.magazine .magazine-list .magazine .text > * {
  display: inline-block;
  text-align: center;
  width: 100%;
}
body.magazine .magazine-list .magazine .text .title {
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 2.285rem;
  margin-bottom: 4px;
}
body.magazine .magazine-list .magazine .text .subtitle {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 0.8571rem;
}
body.magazine .magazine-list .magazine .text .left,
body.magazine .magazine-list .magazine .text .right {
  display: inline-block;
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 1.143rem;
  margin-bottom: 1.143rem;
  vertical-align: top;
  width: 48%;
}
body.magazine .magazine-list .magazine .text .full {
  display: block;
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 1.143rem;
  margin-bottom: 1.143rem;
  width: 100%;
}
body.magazine .magazine-list .magazine .text .full form > :not(.tooltip),
body.magazine .magazine-list .magazine .text .left form > :not(.tooltip),
body.magazine .magazine-list .magazine .text .right form > :not(.tooltip) {
  display: inline-block;
  text-align: center;
  width: 100%;
}
body.magazine .magazine-list .magazine .text .full form > .select-wrapper,
body.magazine .magazine-list .magazine .text .left form > .select-wrapper,
body.magazine .magazine-list .magazine .text .right form > .select-wrapper {
  max-width: 78px;
}
body.magazine .magazine-list .magazine .text .full form > img,
body.magazine .magazine-list .magazine .text .left form > img,
body.magazine .magazine-list .magazine .text .left form > svg,
body.magazine .magazine-list .magazine .text .right form > img,
body.magazine .magazine-list .magazine .text .right form > svg {
  height: 18px;
}
body.magazine .magazine-list .magazine .text .full form .button,
body.magazine .magazine-list .magazine .text .left form .button,
body.magazine .magazine-list .magazine .text .right form .button {
  margin-right: 4px;
  margin-top: 15px;
  max-width: calc(100% - 4px);
  min-width: 0;
  padding: 0;
}
body.magazine .magazine-list .magazine .text .full .price-box,
body.magazine .magazine-list .magazine .text .left .price-box,
body.magazine .magazine-list .magazine .text .right .price-box {
  height: 60px;
}
body.magazine .magazine-list .magazine .text .full .price-box .old-price,
body.magazine .magazine-list .magazine .text .full .price-box .price,
body.magazine .magazine-list .magazine .text .full .price-box .special-price,
body.magazine .magazine-list .magazine .text .left .price-box .old-price,
body.magazine .magazine-list .magazine .text .left .price-box .price,
body.magazine .magazine-list .magazine .text .left .price-box .special-price,
body.magazine .magazine-list .magazine .text .right .price-box .old-price,
body.magazine .magazine-list .magazine .text .right .price-box .price,
body.magazine .magazine-list .magazine .text .right .price-box .special-price {
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.143rem;
  font-weight: 600;
  margin: 4px 0;
}
body.magazine .magazine-list .magazine .text .full .price-box .price,
body.magazine .magazine-list .magazine .text .full .price-box .special-price,
body.magazine .magazine-list .magazine .text .left .price-box .price,
body.magazine .magazine-list .magazine .text .left .price-box .special-price,
body.magazine .magazine-list .magazine .text .right .price-box .price,
body.magazine .magazine-list .magazine .text .right .price-box .special-price {
  color: #f48b7b;
}
body.magazine .magazine-list .magazine .text .full .price-box .old-price,
body.magazine .magazine-list .magazine .text .left .price-box .old-price,
body.magazine .magazine-list .magazine .text .right .price-box .old-price {
  color: #919497;
  text-decoration: line-through;
}
body.magazine .magazine-list .magazine .text .full form select,
body.magazine .magazine-list .magazine .text .left form select,
body.magazine .magazine-list .magazine .text .right form select {
  height: 32px;
  width: 78px;
}
body.magazine .magazine-list .magazine .text .right {
  position: relative;
}
body.magazine .magazine-list .magazine .text .right .tooltip {
  position: absolute;
  right: 1.714rem;
  top: 0;
}
body.magazine .magazine-list .magazine .text .left {
  border-right: 1px solid #bebfc1;
  min-height: 198px;
}
body.magazine .magazine-list .magazine .text .full {
  min-height: 174px;
}
body.magazine .magazine-list .magazine .text .link {
  margin-top: 1.143rem;
}
body.magazine.numero .magazine-list .magazine .text .link {
  margin-top: 0;
}
body.magazine .magazine-list .magazine .text button {
  max-width: 225px;
}
body.multipack .magazine-list .magazine .text .full .price-box,
body.multipack .magazine-list .magazine .text .left .price-box,
body.multipack .magazine-list .magazine .text .right .price-box {
  height: 50px;
}
body.multipack .magazine-list .magazine .text .title {
  line-height: 2.285rem;
}
body.multipack .magazine-list .magazine .content {
  padding-bottom: 0;
  padding-top: 0;
}
body.multipack .magazine-list .magazine .text .left {
  min-height: 150px;
}
body.multipack .magazine-list .magazine .selection,
body.multipack .magazine-list .magazine .text .full {
  min-height: 100px;
}
body.multipack .magazine-list .magazine {
  margin-bottom: 0.8571rem;
  margin-left: 0;
  margin-right: 0;
  max-width: 80%;
  width: 80%;
}
body.multipack .magazine-list .magazine .visuel {
  padding-top: 0;
  width: 25%;
}
body.multipack .magazine-list .magazine .visuel a {
  color: #919497;
  display: block;
  margin-top: 6px;
}
body.multipack .magazine-list .magazine .text {
  width: 74%;
}
body.multipack .magazine-list .magazine .text .price-box .old-price {
  color: #262829;
}
.bottom-block {
  background: #f5f5f5;
  padding-bottom: 3rem;
  padding-top: 3rem;
  position: relative;
}
.bottom-block:not(.upsells):before {
  background-image: repeating-linear-gradient(
    -45deg,
    #f48b7b,
    #f48b7b 5px,
    #f6a295 0,
    #f6a295 6px
  );
  content: "";
  display: block;
  height: 1.143rem;
  left: 50%;
  position: absolute;
  top: -16px;
  transform: translateX(-50%);
  width: 1120px;
}
.bottom-block:not(.upsells):before .container-fluid {
  margin-left: -160px;
}
.bottom-block h2 {
  display: inline-block;
  font-family: Playfair Display, Times New Roman, Times, serif;
  font-size: 3.428rem;
  line-height: 3.428rem;
  margin-top: 0;
}
.bottom-block .section {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#edito.bottom-block .section .visuel {
  position: absolute;
}
#edito.bottom-block .section .visuel.top {
  top: 0;
}
#edito.bottom-block .section .visuel.bottom {
  bottom: 0;
}
#edito.bottom-block .section .visuel.left {
  left: 0;
}
#edito.bottom-block .section .visuel.right {
  right: 0;
}
.bottom-block .section + .section {
  margin: 3rem 0;
}
.bottom-block .edito-content {
  color: #44474a;
  display: block;
  margin: auto;
  position: relative;
  text-align: left;
  width: 544px;
}
.bottom-block .edito-content .edito-text {
  position: relative;
  z-index: 2;
}
.bottom-block .edito-content .edito-text .interlocteur {
  margin-top: 2.285rem;
}
.bottom-block .edito-content .edito-text .interlocteur strong {
  font-family: montserratbold, Arial, helvetica, sans-serif;
}
.bottom-block .edito-content .edito-text .interlocteur img,
.bottom-block .edito-content .edito-text .interlocteur > span {
  display: inline-block;
  margin-right: 0.8571rem;
  vertical-align: middle;
}
.bottom-block .edito-content.highlight {
  margin-top: 16px;
}
.bottom-block .edito-content.highlight:after {
  background-image: repeating-linear-gradient(
    -45deg,
    #f48b7b,
    #f48b7b 5px,
    #f6a295 0,
    #f6a295 6px
  );
  bottom: 16px;
  content: "";
  display: block;
  left: 16px;
  position: absolute;
  right: -16px;
  top: -16px;
  z-index: 1;
}
.bottom-block .edito-content.highlight .edito-text {
  background: #fff;
  padding: 2.285rem 2.285rem 2.285rem 6.855rem;
}
.bottom-block .edito-content.highlight .edito-text:before {
  background: url(../img/quote.png) 0 0 no-repeat;
  content: "";
  display: block;
  height: 60px;
  left: -25px;
  position: absolute;
  top: 50px;
  width: 80px;
}
.bottom-block .edito-content.highlight .edito-text .text .button {
  display: none;
}
.bottom-block .magazine {
  left: calc(50% - 272px);
  max-height: 400px;
  max-width: calc(50% - 272px);
  position: absolute;
  text-align: center;
  top: 350px;
  transform: translateX(-80%);
  width: 350px;
  z-index: 10;
}
.bottom-block .magazine .visuels {
  height: 100%;
  margin-bottom: 1.714rem;
  position: relative;
  text-align: left;
  width: 100%;
}
.bottom-block .magazine .visuels > img {
  height: auto;
  position: relative;
}
.bottom-block .magazine .visuels > img:first-child {
  box-shadow: 0 6px 12px rgba(35, 35, 35, 0.3);
  left: 5px;
  max-width: 60%;
  z-index: 1;
}
.bottom-block .magazine .visuels > img:last-child {
  max-width: 90%;
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.bottom-block .magazine .visuels > img:only-child {
  height: auto;
  left: 50%;
  max-height: unset;
  max-width: 200px;
  position: relative;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
}
.bottom-block .block-cta .ctas {
  display: flex;
  justify-content: space-between;
  padding: 3.428rem 0;
}
.bottom-block .block-cta .ctas .cta {
  margin: 0 1px;
}
.bottom-block .block-cta:after {
  display: none !important;
}
body.univers .page-container {
  background: #fff;
  margin-top: -100px;
}
body.univers .breadcrumbs {
  padding: 1.714rem;
}
body.univers .intro {
  padding: 0 50px 50px;
}
body.univers .intro .edito-text .text {
  display: block;
  height: 100px;
  margin-bottom: 50px;
  overflow: hidden;
  position: relative;
  transition: height 0.5s;
}
body.univers .intro .edito-text .text.opened {
  height: auto;
  padding-bottom: 0;
  transition: height 0.5s;
}
body.univers .intro .edito-text .text.opened .button,
body.univers .intro .edito-text .text.opened:after {
  display: none;
}
body.univers .magazine-block {
  margin-bottom: 6rem;
  margin-top: 0;
}
body.univers .magazine-block .magazines-items {
  display: flex;
  justify-content: center;
}
body.univers .magazine-block .magazines-items h3 {
  margin-top: 0;
  padding-left: 0;
  text-align: center;
  top: 0;
}
body.univers .magazine-block .magazines-items .couv {
  max-height: 300px;
}
body.univers .magazine-block .magazines-items .couv > img {
  box-shadow: 0 6px 12px rgba(35, 35, 35, 0.3);
  height: 100%;
  width: auto;
}
body.univers .magazine-block .magazines-items .magazines-item {
  margin: 0 100px;
  width: 250px;
}
body.univers .magazine-block.right-block .magazines-items {
  flex-direction: row-reverse;
}
body.univers .magazine-block .text {
  padding: 3.428rem 150px;
  text-align: left;
}
body.univers .edito-block .text {
  padding: 0 150px 3.428rem;
  text-align: left;
}
body.univers .promo-block img {
  margin: auto;
}
body.page-one-click .page-content {
  margin-top: -5px;
}
body.page-one-click .page-content .offers-blocks {
  padding-bottom: 3.428rem;
}
body.page-one-click .page-content:after {
  background-color: transparent;
  border: 10px solid transparent;
  border-top-color: #706b67;
  bottom: -42px;
  content: "";
  height: 0;
  left: calc(50% - 11px);
  position: absolute;
  width: 0;
}
body.page-one-click .offer-block {
  border: 4px solid transparent;
}
body.page-one-click .offer-block .offer-item.active,
body.page-one-click .offer-block.active {
  border: 4px solid #fedc2a;
}
body.page-one-click .offer-block .offer-item span.check,
body.page-one-click .offer-block .offer-items.total .offer-item span.check {
  background: url(../img/icon-check-round.svg) 50% no-repeat #fedc2a;
  background-size: 20px 20px;
  border-radius: 100%;
  color: transparent;
  display: block;
  font-size: 0;
  height: 48px;
  margin-left: auto;
  margin-right: auto;
  min-width: 48px;
  position: relative;
  width: 48px;
}
body.page-one-click .offer-block .offer-item span.check:after,
body.page-one-click
  .offer-block
  .offer-items.total
  .offer-item
  span.check:after {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  width: 100%;
}
body.page-one-click .offer-block .offer-item span.check + button,
body.page-one-click
  .offer-block
  .offer-items.total
  .offer-item
  span.check
  + button {
  margin-top: -5px;
}
body.page-one-click .offer-block .offer-item.active p button:after,
body.page-one-click .offer-block.active .offer-item p button:after,
body.page-one-click
  .offer-block.active
  .offer-items.total
  .offer-item
  button:after {
  display: none !important;
}
body.page-one-click h1 {
  display: inline-block;
  margin-top: 3.428rem;
  text-align: center;
  width: 100%;
}
body.page-one-click h2 {
  margin-bottom: 2.285rem;
  margin-top: 0;
}
body.page-one-click .text-intro {
  display: block;
  margin: auto;
  max-width: 544px;
}
body.page-one-click .cart-summary-wrapper {
  margin-bottom: 3.428rem;
}
body.page-one-click .cart-summary-wrapper:after {
  background-color: transparent;
  border: 10px solid transparent;
  border-top-color: #706b67;
  bottom: -42px;
  content: "";
  height: 0;
  left: calc(50% - 11px);
  position: absolute;
  width: 0;
}
body.page-one-click .order-informations {
  margin-bottom: 0.8571rem;
  margin-top: 0.8571rem;
}
body.page-one-click #account-register {
  margin-top: 3.428rem;
}
body.page-one-click .notice {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.7857rem;
  line-height: 1rem;
  margin-bottom: 60px;
  margin-top: 2.285rem;
  position: relative;
  text-align: left;
  text-align: justify;
}
body.page-one-click form#account-login:after,
body.page-one-click form#account-register:after,
body.page-one-click form#shipping:after {
  background-color: transparent;
  border: 10px solid transparent;
  border-top-color: #706b67;
  bottom: -42px;
  content: "";
  height: 0;
  left: calc(50% - 11px);
  position: absolute;
  width: 0;
}
.tab-target {
  display: none;
}
#logingroup,
#register,
.tab-target {
  margin-top: 3rem;
}
body.account #subscribed,
body.account main form:not(#coupon),
body.checkout main form:not(#coupon),
body.checkout main section#subscribed,
body.page-one-click #subscribed,
body.page-one-click main form:not(#coupon) {
  padding-left: 6.856rem;
  padding-right: 6.856rem;
}
body.account main form:not(#coupon) .notice,
body.checkout main form:not(#coupon) .notice,
body.page-one-click main form:not(#coupon) .notice {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.7857rem;
  text-align: justify;
}
body.account main section,
body.checkout main section,
body.page-one-click main section {
  margin-bottom: 60px;
  position: relative;
}
body.account main section:not(:last-child):after,
body.checkout main section:not(:last-child):after,
body.page-one-click main section:not(:last-child):after {
  background-color: transparent;
  border: 10px solid transparent;
  border-top-color: #706b67;
  bottom: -42px;
  content: "";
  height: 0;
  left: calc(50% - 11px);
  position: absolute;
  width: 0;
}
body.account main section .reassurance,
body.checkout main section .reassurance,
body.page-one-click main section .reassurance {
  background-color: #fdf0ee;
  padding: 1.714rem;
}
body.account main section .reassurance .pictos,
body.checkout main section .reassurance .pictos,
body.page-one-click main section .reassurance .pictos {
  max-width: 680px;
}
body.account main section .reassurance .pictos .item,
body.checkout main section .reassurance .pictos .item,
body.page-one-click main section .reassurance .pictos .item {
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.8571rem;
  font-weight: 600;
  vertical-align: top;
  width: 30%;
}
body.account main section .reassurance .pictos .item .picto,
body.checkout main section .reassurance .pictos .item .picto,
body.page-one-click main section .reassurance .pictos .item .picto {
  background: #f48b7b;
  border-radius: 100%;
  height: 64px;
  margin: auto auto 6px;
  padding: 0.8571rem;
  position: relative;
  text-align: center;
  width: 64px;
}
body.account main section .reassurance .pictos .item .picto > img,
body.checkout main section .reassurance .pictos .item .picto > img,
body.page-one-click main section .reassurance .pictos .item .picto > img {
  height: auto;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
body.multipack #cart-summary table thead tr.message-mobile,
body.multipack #cart-summary table thead tr.nbarticle-mobile {
  display: none;
}
#cart-summary {
  background: #fff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
  display: block;
  margin: auto auto 1.714rem;
  padding: 1.714rem 8px;
  text-align: center;
  width: 272px;
}
#cart-summary table {
  width: 100%;
}
#cart-summary table th {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.04688rem;
  padding-bottom: 0.8571rem;
  text-transform: uppercase;
}
#cart-summary table td {
  padding: 8px;
  vertical-align: top;
}
#cart-summary table td.label,
#cart-summary table th.label {
  color: #919497;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
}
#cart-summary table td.label small {
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.7857rem;
}
#cart-summary table td.value {
  font-weight: 600;
  text-align: right;
  text-transform: uppercase;
}
#cart-summary table .article td.label,
#cart-summary table .article td.value,
#cart-summary table td.value {
  color: #262829;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
}
#cart-summary table .article td.label,
#cart-summary table .article td.value {
  text-transform: none;
}
#cart-summary table .economy td.label,
#cart-summary table .economy td.value {
  color: #f48b7b;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
}
#cart-summary table .shipping td.value {
  color: #f48b7b;
}
#cart-summary table .total td.label {
  color: #262829;
}
#cart-summary table .total td.label,
#cart-summary table .total td.value {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
}
#cart-summary table .total td.value {
  color: #f48b7b;
}
#cart-summary table .coupon {
  background: #f5f5f5;
  text-align: left;
}
#cart-summary table .coupon td {
  padding: 10px 8px;
}
#cart-summary table table.articles {
  display: none;
}
#cart-summary table .articles {
  text-align: left;
}
#cart-summary table .articles tr.item > td {
  border-bottom: 1px solid #bebfc1;
  padding-bottom: 0.8571rem;
  padding-top: 0.8571rem;
}
#cart-summary table .articles a {
  display: block;
  text-decoration: underline;
}
#cart-summary table .articles a.hide-articles {
  display: none;
}
.page-one-click #cart-summary table .articles a.hide-articles {
  display: block;
}
.page-one-click #cart-summary table .articles a.show-articles {
  display: none;
}
.page-one-click #cart-summary table table.articles {
  display: block;
}
#cart-summary table .articles a:hover {
  cursor: pointer;
}
#cart-summary table .articles td.info {
  padding-left: 0;
  text-align: left;
}
#cart-summary table .articles td.info .name {
  color: #262829;
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.143rem;
  font-weight: 600;
  margin-bottom: 4px;
}
#cart-summary table .articles td.info .plus {
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.7857rem;
  font-weight: 600;
  margin-top: 4px;
}
#cart-summary table .articles td.info .plus > span {
  display: block;
  line-height: 1rem;
}
#cart-summary table .articles td.price {
  padding-right: 0;
  text-align: right;
}
#cart-summary table .articles td.price span {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
}
#cart-summary table .articles td.price span:first-child {
  color: #919497;
}
#cart-summary table .articles td.price span:last-child {
  color: #262829;
}
#cart-summary .cgv {
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.7857rem;
  font-weight: 600;
  text-align: left;
}
#cart-summary .cgv input[type="checkbox"] + label {
  color: #919497;
  line-height: normal;
}
#cart-summary .cgv input[type="checkbox"] + label > a {
  color: #262829;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 0.7857rem;
  font-weight: 600;
  line-height: normal;
}
#cart-summary .cgv input[type="checkbox"]:checked + label {
  color: #262829;
}
#cart-summary .button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.143rem;
  padding-left: 1.143rem;
  padding-right: 1.143rem;
}
#cart-summary a.button span {
  padding-bottom: 14px;
}
#coupon label {
  color: #919497;
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  position: relative;
}
#coupon.opened label {
  margin-bottom: 6px;
}
#coupon label:after {
  border: 5px solid transparent;
  border-bottom: none;
  border-top-color: #919497;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 0;
}
#coupon .input {
  display: none;
  position: relative;
  text-align: center;
}
#coupon .input input {
  color: #706b67;
  padding: 10px 1.714rem;
  text-align: center;
  width: 100%;
}
#coupon .input .button.submit.hidden {
  display: none;
}
#coupon .input .button.delete {
  position: absolute;
  right: 10px;
  top: -10px;
}
#coupon .input .button.delete.hidden {
  display: none;
}
#coupon .input .legend {
  text-align: left;
  width: 100%;
}
#coupon .input .legend .amount {
  color: #262829;
  float: right;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
}
#coupon.opened .input {
  display: block;
}
#coupon.opened label:after {
  border-bottom: 5px solid #919497;
  border-top: none;
}
.cart-content {
  margin-bottom: 1.714rem;
  position: relative;
}
.cart-content .cart-header {
  border-bottom: 1px solid #bebfc1;
  border-top: 1px solid #bebfc1;
  color: #919497;
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  height: 48px;
  padding-top: 0.8571rem;
  width: 100%;
}
.cart-content .cart-header > div {
  display: block;
  float: left;
}
.cart-content .cart-header > div.article {
  width: 71%;
}
.cart-content .cart-header > div.qty {
  width: 14%;
}
.cart-content .cart-header > div.total {
  width: 15%;
}
.cart-content .cart-item {
  background: #fff;
  border-bottom: 1px solid #bebfc1;
  display: table;
  width: 100%;
}
.cart-content .cart-item > div {
  display: table-cell;
  padding: 1.143rem 1.714rem;
  vertical-align: middle;
}
.cart-content .cart-item .article {
  border-right: 1px solid #bebfc1;
  text-align: left;
  width: 70%;
}
.cart-content .cart-item .article .image {
  display: inline-block;
  margin-right: 1.714rem;
  vertical-align: top;
  width: 112px;
}
.cart-content .cart-item .article .image img {
  height: auto;
  max-width: 100%;
}
.cart-content .cart-item .article .text {
  display: inline-block;
  vertical-align: top;
}
.cart-content .cart-item .article .text .name {
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  margin-bottom: 0.8571rem;
}
.cart-content .cart-item .article .abo {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 0.8571rem;
}
.cart-content .cart-item .article .abo .select-wrapper {
  margin-top: 6px;
  max-width: 100%;
}
.cart-content .cart-item .article .abo .select-wrapper:before {
  bottom: 1px;
  top: 1px;
  width: 28px;
}
.cart-content .cart-item .article .abo .select-wrapper select {
  height: 32px;
  min-width: 288px;
  padding: 0 0.8571rem;
}
.cart-content .cart-item .article .plus {
  margin-bottom: -0.8571rem;
  margin-top: 0.8571rem;
}
.cart-content .cart-item .article .plus .item {
  border-top: 1px dashed #bebfc1;
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  width: 100%;
}
.cart-content .cart-item .article .plus .item small {
  font-size: inherit;
  font-weight: 400;
}
.cart-content .cart-item .article .plus .item img,
.cart-content .cart-item .article .plus .item span {
  display: inline-block;
  max-width: calc(100% - 108px);
  vertical-align: middle;
}
.cart-content .cart-item .article .plus .item img {
  margin-bottom: 3px;
  margin-right: 0.8571rem;
  margin-top: 3px;
  max-height: 100%;
  max-width: 100%;
}
.cart-content .cart-item .article .plus .item:before {
  border: 1px solid #bebfc1;
  border-radius: 100%;
  color: #44474a;
  content: "+";
  display: block;
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.143rem;
  font-weight: 600;
  height: 16px;
  line-height: 1;
  margin-right: 0.8571rem;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.cart-content .cart-item .qty {
  border-right: 1px solid #bebfc1;
  padding: 1.143rem 8px;
  width: 14%;
}
.cart-content .cart-item .qty .field {
  position: relative;
}
.cart-content .cart-item .qty label {
  display: none;
}
.cart-content .cart-item .qty .div-input {
  color: #919497;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  margin: auto;
  padding: 8px;
  position: relative;
  text-align: center;
  width: 94px;
}
.cart-content .cart-item .qty a {
  background: transparent;
  border: none;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 2.285rem;
  position: absolute;
  text-decoration: none;
  top: 50%;
  transform: translateY(-50%);
}
.cart-content .cart-item .qty a.decrease {
  left: 5px;
}
.cart-content .cart-item .qty a.increase {
  right: 5px;
}
.cart-content .cart-item .total {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  padding-right: 1.714rem;
  position: relative;
  width: 16%;
}
.cart-content .cart-item .total small {
  font-size: 0.65rem;
}
.cart-content .cart-item .total label {
  display: none;
}
.cart-content .cart-item .total .old-price {
  color: #919497;
  text-decoration: line-through;
}
.cart-content .cart-item .total .delete {
  padding: 0;
  position: absolute;
  right: 0;
  top: calc(50% - 10px);
}
.cart-content .cart-total {
  display: table;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  width: 100%;
}
.cart-content .cart-total:last-child {
  border-bottom: 1px solid #bebfc1;
}
.cart-content .cart-total > div {
  display: table-cell;
  padding: 1.143rem 1.714rem;
  vertical-align: middle;
}
.cart-content .cart-total .label {
  color: #262829;
  text-align: left;
  width: 84%;
}
.cart-content .cart-total .value {
  color: #f48b7b;
  text-align: center;
  white-space: nowrap;
  width: 16%;
}
.cart-content .cart-total.shipping {
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
}
.cart-content .cart-total.shipping .label {
  color: #919497;
}
body.checkout main form#itemsform {
  padding: 0;
}
body.checkout h1,
body.page-one-click h1 {
  margin-bottom: 0.8571rem;
  margin-top: 3.428rem;
}
body.checkout .fieldset .magazines-block,
body.page-one-click .fieldset .magazines-block {
  width: 100%;
}
body.checkout .fieldset .magazines-block .magazines-list,
body.page-one-click .fieldset .magazines-block .magazines-list {
  padding-left: 0;
  width: 80%;
}
body.checkout main form#shipping,
body.page-one-click main form#shipping {
  padding-left: 0;
  padding-right: 0;
}
body.checkout .fieldset .text-left > p,
body.page-one-click .fieldset .text-left > p {
  padding-left: 3.428rem;
}
body.checkout .fieldset .text-left > .content > .textarea,
body.checkout .fieldset .text-left > .content > textarea,
body.page-one-click .fieldset .text-left > .content > .textarea {
  border: 1px solid #bebfc1;
  color: #44474a;
  display: block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  font-weight: 600;
  height: 108px;
  margin-bottom: 0.8571rem;
  margin-left: 3.428rem;
  max-width: 352px;
  padding: 1.143rem 1.714rem;
  resize: none;
}
body.checkout .fieldset .text-left > .content > .textarea,
body.page-one-click .fieldset .text-left > .content > .textarea {
  background-color: #fff;
}
body.checkout #shipping-2.fieldset.active,
body.page-one-click #shipping-2.fieldset.active {
  margin-bottom: 0;
}
body.checkout #shipping-2b.fieldset,
body.page-one-click #shipping-2b.fieldset {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
body.checkout #shipping-2b.fieldset:before,
body.page-one-click #shipping-2b.fieldset:before {
  display: none;
}
body.checkout .fieldset .text-left > .content > a,
body.page-one-click .fieldset .text-left > .content > a {
  margin-left: 3.428rem;
}
body.checkout .shipping-item,
body.page-one-click .shipping-item {
  display: flex;
  margin-bottom: 1.143rem;
}
body.checkout .shipping-item .cart-content,
body.page-one-click .shipping-item .cart-content {
  margin: 0;
  padding: 0;
  width: 50%;
}
body.checkout .shipping-item .cart-content .cart-item,
body.page-one-click .shipping-item .cart-content .cart-item {
  border: 1px solid #bebfc1;
  border-right-width: 0;
}
body.checkout .shipping-item .cart-content .cart-item .article,
body.page-one-click .shipping-item .cart-content .cart-item .article {
  border: none;
}
body.checkout .shipping-item .cart-content .cart-item .article .plus,
body.page-one-click .shipping-item .cart-content .cart-item .article .plus {
  margin-bottom: -6px;
}
body.checkout
  .shipping-item
  .cart-content
  .cart-item
  .article
  .abo
  .select-wrapper
  select,
body.page-one-click
  .shipping-item
  .cart-content
  .cart-item
  .article
  .abo
  .select-wrapper
  select {
  height: 32px;
  min-width: 288px;
  padding: 0 0.8571rem;
}
body.checkout .shipping-item .shipping-content,
body.page-one-click .shipping-item .shipping-content {
  background: #fff;
  border: 1px solid #bebfc1;
  padding: 1.143rem;
  width: 50%;
}
body.checkout .shipping-item .shipping-content > .field,
body.page-one-click .shipping-item .shipping-content > .field {
  margin: 0;
  max-width: unset;
  padding: 0;
}
body.checkout .shipping-item .shipping-content .address-item,
body.page-one-click .shipping-item .shipping-content .address-item {
  margin-bottom: 1.143rem;
}
body.checkout .shipping-item .new-address,
body.page-one-click .shipping-item .new-address {
  display: none;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100%;
}
body.checkout .shipping-item .new-address > div,
body.page-one-click .shipping-item .new-address > div {
  width: 100%;
}
body.checkout .shipping-item .new-address .fieldset,
body.page-one-click .shipping-item .new-address .fieldset {
  background: #fff;
  padding: 0;
}
body.checkout .shipping-item .new-address .fieldset:before,
body.page-one-click .shipping-item .new-address .fieldset:before {
  display: none;
}
body.checkout .shipping-item .new-address .fieldset .field,
body.page-one-click .shipping-item .new-address .fieldset .field {
  padding: 0.8571rem 0;
}
body.checkout
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="email"]
  + label,
body.checkout
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="password"]
  + label,
body.checkout
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="text"]
  + label,
body.page-one-click
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="email"]
  + label,
body.page-one-click
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="password"]
  + label,
body.page-one-click
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="text"]
  + label {
  top: 28px;
}
body.checkout
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="email"]
  + label.active,
body.checkout
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="password"]
  + label.active,
body.checkout
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="text"]
  + label.active,
body.page-one-click
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="email"]
  + label.active,
body.page-one-click
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="password"]
  + label.active,
body.page-one-click
  .shipping-item
  .new-address
  .fieldset
  .field
  [type="text"]
  + label.active {
  top: 16px;
}
.goBackShopping {
  text-align: left;
}
.acc2Box {
  margin-left: unset !important;
  margin-top: 0;
}
.acc2BoxTitle {
  background-color: #333;
  box-sizing: border-box;
  color: #fff;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 0.875rem;
  line-height: 1.875rem;
  padding: 3px 15px;
  text-transform: uppercase;
}
.acc2BoxContent {
  box-sizing: border-box;
  padding: 15px;
  text-align: left;
}
.comboAbonnements {
  box-sizing: border-box;
  display: none;
}
div.acc2Box.mesAbonnements .infoCouv {
  display: inline;
  float: none;
  font-size: 0;
  line-height: 0;
  position: relative;
  width: auto;
}
div.acc2Box.mesAbonnements .infoCouv.grandformat:after,
div.acc2Box.mesAbonnements .infoCouv.petitformat:after {
  height: 90px;
  width: 90px;
}
div.acc2Box.mesAbonnements .infoCouv img {
  max-height: 185px;
  max-width: 100%;
}
div.acc2Box.mesAbonnements .infoAboBenef .titre {
  font-weight: 700;
  margin-bottom: 10px;
}
div.acc2Box.mesAbonnements .infoAboBenef .titre svg {
  float: left;
  fill: #262829;
  margin-right: 10px;
  margin-top: 2px;
}
div.acc2Box.mesAbonnements .aboInfo1 {
  padding-bottom: 10px;
}
div.acc2Box.mesAbonnements .aboInfo1,
div.acc2Box.mesAbonnements .aboInfo4 {
  display: block;
  float: left;
  overflow: hidden;
  padding-right: 15px;
  width: 30%;
}
div.acc2Box.mesAbonnements .logAbo > div {
  padding-bottom: 40px;
}
div.acc2Box.mesAbonnements .logAbo > div:last-child {
  padding-bottom: 0;
}
div.acc2Box.mesAbonnements .aboInfo4 .btn_change_adresse {
  margin-top: 10px;
  width: 100%;
}
div.acc2Box.mesAbonnements .aboInfo4 .btn_change_adresse .btn-valid {
  width: 100%;
}
div.acc2Box.mesAbonnements .aboInfo2,
div.acc2Box.mesAbonnements .aboInfo3 {
  display: block;
  float: right;
  overflow: hidden;
  width: 70%;
}
div.acc2Box.mesAbonnements .aboInfo3 {
  min-height: 193px;
}
div.acc2Box.mesAbonnements .aboInfo5 {
  display: block;
  float: right;
  overflow: hidden;
  width: 70%;
}
div.acc2Box.mesAbonnements .etat_abo {
  line-height: 0;
  margin-bottom: 15px;
  text-align: justify;
}
div.acc2Box.mesAbonnements .etat_abo > div {
  display: inline-block;
  line-height: normal;
}
div.acc2Box.mesAbonnements .etat_abo .tech {
  height: 1px;
  width: 100%;
}
div.acc2Box.mesAbonnements .etat_abo .titre .magazine {
  display: inline-block;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 1.25rem;
  font-weight: 700;
  margin-right: 15px;
  vertical-align: middle;
}
div.acc2Box.mesAbonnements .etat_abo .texte {
  background: left 0 center no-repeat;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 5px 0 5px 25px;
  text-transform: uppercase;
  vertical-align: middle;
}
div.acc2Box.mesAbonnements .etat_abo.en_cours .texte {
  background-image: url(../img/icon-abo-en-cours.png);
  color: #92c286;
}
div.acc2Box.mesAbonnements .etat_abo.a_venir .texte {
  background-image: url(../img/icon-abo-a-venir.png);
  color: #e6a269;
}
div.acc2Box.mesAbonnements .etat_abo.a_regler .texte {
  background-image: url(../img/icon-alerte.png);
  color: #db6770;
}
div.acc2Box.mesAbonnements .etat_abo.termine .texte {
  background-image: url(../img/icon-abo-termine.png);
  color: #db6770;
}
div.acc2Box.mesAbonnements .infosAbo {
  border-bottom: 1px solid #d4d3d1;
}
div.acc2Box.mesAbonnements .infosAbo .ligne {
  border: 1px #d4d3d1;
  border-style: solid solid none;
  clear: both;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
div.acc2Box.mesAbonnements .infosAbo .ligne:nth-child(odd) {
  background-color: #f5f3f1;
}
div.acc2Box.mesAbonnements .infosAbo .ligne > div {
  display: block;
  float: left;
  vertical-align: top;
  width: 50%;
}
div.acc2Box.mesAbonnements .infosAbo .ligne .titre {
  font-weight: 700;
  padding-right: 10px;
}
div.acc2Box.mesAbonnements .infosAbo .ligne.calendrier .titre {
  line-height: 1.25rem;
  width: 50%;
}
div.acc2Box.mesAbonnements .infosAbo .ligne.calendrier .valeur {
  line-height: 1.25rem;
  width: calc(50% - 25px);
}
div.acc2Box.mesAbonnements .infosAbo .ligne.calendrier .titre.double {
  width: calc(100% - 25px);
}
div.acc2Box.mesAbonnements .infosAbo .ligne.calendrier .calendrier {
  line-height: 0;
  text-align: left;
  width: 25px;
}
div.acc2Box.mesAbonnements .infosAbo .ligne.kdo .titre {
  width: calc(50% - 100px);
}
div.acc2Box.mesAbonnements .infosAbo .ligne.kdo .visuel {
  min-height: 1px;
  width: 100px;
}
div.acc2Box.mesAbonnements .accesVersionNumerique {
  margin-top: 15px;
}
div.acc2Box.mesAbonnements .accesVersionNumerique a {
  display: block;
  margin: auto;
  width: 172px;
}
div.acc2Box.mesAbonnements div.divReabo > div:not(.first) {
  border-top: 1px solid #b3b3b3;
  margin-top: 20px;
  padding-top: 20px;
}
div.acc2Box.mesAbonnements .abo_action {
  margin-top: 15px;
  text-align: center;
}
.acc2helpbox {
  clear: both;
}
.acc2helpbox .title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 5px;
  margin-top: 30px;
  text-align: center;
}
.acc2helpbox .content {
  display: flex;
  text-align: left;
}
.acc2helpbox .content .imgbox {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 100%;
  justify-content: flex-start;
  vertical-align: middle;
  width: 100px;
}
.acc2helpbox .content .imgbox svg {
  height: 40px;
  margin: auto;
  width: 40px;
  fill: #f48b7b;
}
.acc2helpbox .content .text {
  padding-right: 10px;
  text-align: center;
  width: calc(100% - 100px);
}
.acc2helpbox .content > div {
  align-items: center;
  background-color: #fff;
  border-bottom: 2px solid #f48b7b;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-basis: 100%;
  height: 80px;
  justify-content: flex-start;
  margin: 13px;
  min-height: 105px;
  vertical-align: top;
  width: 33%;
}
div.acc2Box .acc2SlideHead .picto {
  display: inline-block;
  padding: 0 30px;
  vertical-align: middle;
  width: 120px;
}
div.acc2Box .acc2SlideHead .picto img {
  width: 100%;
}
div.acc2Box .acc2SlideHead .titre {
  display: inline-block;
  line-height: 1.5625rem;
  padding-right: 40px;
  vertical-align: middle;
}
div.acc2Box .acc2SlideHead {
  cursor: pointer;
  position: relative;
}
div.acc2Box .acc2SlideHead:after {
  border-color: rgba(0, 0, 0, 0.3);
  border-style: none solid solid none;
  border-width: 3px;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 12px;
  margin: auto;
  position: absolute;
  right: 23px;
  top: 8px;
  transform: rotate(-135deg);
  transition: all 0.2s linear;
  width: 12px;
}
div.acc2Box .acc2BoxContent.open .acc2SlideHead:after {
  top: 0;
  transform: rotate(45deg);
}
div.acc2Box .acc2SlideContent {
  display: none;
  padding: 15px 0;
}
div.acc2Box.fixe .acc2SlideHead {
  cursor: default;
}
div.acc2Box.fixe .acc2SlideContent {
  display: block;
  font-size: 0.75rem;
  padding-left: 60px;
  padding-right: 60px;
}
div.acc2Box.fixe .acc2SlideHead:after {
  display: none;
}
div.acc2Box.modifierAdresseSuspendre .acc2BoxContent.chadVacances {
  border-bottom: 1px solid #b3b3b3;
}
div.acc2Box.modifierAdresseSuspendre .tab_checkbox tr {
  display: inline;
}
div.acc2Box.modifierAdresseSuspendre .tab_checkbox td {
  display: inline-block;
  padding: 5px;
  width: 49%;
}
div.acc2Box.modifierAdresseSuspendre .tab_checkbox {
  display: block;
  width: 100%;
}
div.acc2Box.modifierAdresseSuspendre
  .tab_checkbox
  input[type="checkbox"].css-checkbox
  + label.css-label {
  margin-top: 0;
}
div.acc2Box.modifierAdresseSuspendre .msg_error {
  display: block;
}
div.acc2Box.modifierAdresseSuspendre .alert {
  margin-top: 15px;
}
#acc2Content.nomenu {
  background-color: transparent;
  border: none;
  margin-right: 0;
  padding: 0 10px;
  width: 100%;
}
div.acc2Box.accueil .welcome {
  font-size: 0.875rem;
  margin-bottom: 30px;
}
div.acc2Box.accueil > ul {
  display: block;
  text-align: justify;
}
div.acc2Box.accueil > ul > li {
  display: inline-block;
  height: 172px;
  margin-bottom: 30px;
  vertical-align: top;
  width: 32%;
}
div.acc2Box.accueil > ul > li.tech {
  height: 1px;
  width: 100%;
}
div.acc2Box.accueil .acc2AccueilBox {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-bottom-color: #b3b3b3;
  height: 100%;
  position: relative;
}
div.acc2Box.accueil .acc2AccueilBox .title {
  background-color: #f9f9f7;
  border-bottom: 1px solid #b3b3b3;
  font-family: georgia, sans-serif;
  font-size: 1.125rem;
  height: 50px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}
div.acc2Box.accueil .acc2AccueilBox .title p {
  line-height: 2.8125rem;
}
div.acc2Box.accueil .acc2AccueilBox .title p span {
  display: inline-block;
  line-height: 1.25rem;
  vertical-align: middle;
}
div.acc2Box.accueil .acc2AccueilBox .content {
  border-top: 2px solid #f5f3f1;
  text-align: center;
}
div.acc2Box.accueil .acc2AccueilBox .content img {
  margin-top: 23px;
  width: 70px;
}
div.acc2Box.accueil .acc2AccueilBox .alert-info {
  height: 100%;
}
div.acc2Box.accueil .acc2AccueilBox > a {
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
div.acc2Box img.desktop {
  display: block;
  max-width: 100%;
}
div.acc2Box img.mobile,
div.acc2Box img.tablet {
  display: none;
  max-width: 100%;
}
div.acc2Box.mesCommandes .infosCommande {
  border-bottom: 1px solid #d4d3d1;
}
div.acc2Box.mesCommandes .infosCommande .ligne {
  border: 1px #d4d3d1;
  border-style: solid solid none;
  clear: both;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
div.acc2Box.mesCommandes .infosCommande .ligne:nth-child(odd) {
  background-color: #f5f3f1;
}
div.acc2Box.mesCommandes .infosCommande .ligne > div {
  display: block;
  float: left;
  vertical-align: top;
  width: 50%;
}
div.acc2Box.mesCommandes .infosCommande .ligne .titre {
  font-weight: 700;
  padding-right: 10px;
}
div.acc2Box.mesCommandes .etat_commande {
  text-align: justify;
}
div.acc2Box.mesCommandes .etat_commande > div {
  display: inline-block;
}
div.acc2Box.mesCommandes .etat_commande .tech {
  height: 1px;
  width: 100%;
}
div.acc2Box.mesCommandes .etat_commande .texte {
  background: left 0 center no-repeat;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 5px 0 5px 25px;
  text-transform: uppercase;
}
div.acc2Box.mesCommandes .etat_commande.reglee .texte {
  background-image: url(../img/icon-valide.png);
  color: #92c286;
}
div.acc2Box.mesCommandes .etat_commande.a_regler .texte {
  background-image: url(../img/icon-alerte.png);
  color: #db6770;
}
div.acc2Box.mesCommandes .commandeInfos1 {
  display: block;
  float: left;
  width: 65%;
}
div.acc2Box.mesCommandes .commandeInfos2 {
  display: block;
  float: right;
  width: 31%;
}
div.acc2Box.mesCommandes .commandeInfos2 .btn_jaune,
div.acc2Box.mesCommandes .commandeInfos2 .btn_noir,
div.acc2Box.mesCommandes .commandeInfos2 .button {
  height: 44px;
  line-height: 2rem;
  width: 100%;
}
div.acc2Box.mesCommandes .commandeInfos2 .btn_jaune,
div.acc2Box.mesCommandes .commandeInfos2 .button.yellow {
  margin-bottom: 19px;
  margin-top: 24px;
}
div.acc2Box.mesCommandes .commandeInfos2 .btn_noir.non_reglable,
div.acc2Box.mesCommandes .commandeInfos2 .btn_noir.reglee,
div.acc2Box.mesCommandes .commandeInfos2 .button.grey.non_reglable,
div.acc2Box.mesCommandes .commandeInfos2 .button.grey.reglee {
  margin-top: 63px;
}
div.acc2Box.mesCommandes .commandeInfos2 .btn_jaune span,
div.acc2Box.mesCommandes .commandeInfos2 .btn_noir span,
div.acc2Box.mesCommandes .commandeInfos2 .button.grey span,
div.acc2Box.mesCommandes .commandeInfos2 .button.yellow span {
  display: inline-block;
  line-height: 1rem;
  vertical-align: middle;
}
div.acc2Box.mesCommandes .acc2SubBox {
  margin-bottom: 15px;
}
div.acc2Box.mesCommandes .commandeInfos2 .alert {
  margin-bottom: 0;
  margin-top: 63px;
}
div.acc2Box.mesAvantages .acc2SlideContent .avantage-bloc {
  border-top: 2px solid #d4d3d1;
  padding-top: 15px;
}
div.acc2Box.mesAvantages .acc2SlideContent .avantage-bloc:not(:first-child) {
  margin-top: 15px;
}
div.acc2Box.mesAvantages .msg_error {
  display: block;
}
div.acc2Box.mesAvantages .acc2SlideContent .banniere img {
  margin: auto;
  max-width: 100%;
}
div.acc2Box.mesAvantages .acc2SlideContent .titre {
  font-weight: 700;
  padding: 15px 0;
}
div.acc2Box.mesAvantages .acc2SlideContent .texte {
  padding: 0 0 15px;
}
div.acc2Box.mesInfosPersonnelles .msg_error {
  display: block;
}
div.acc2Box.mesInfosPersonnelles .acc2SlideContent .banniere img {
  margin: auto;
  max-width: 100%;
}
div.acc2Box.mesInfosPersonnelles .acc2SlideContent .titre {
  font-weight: 700;
  padding: 15px 0;
}
div.acc2Box.mesInfosPersonnelles .acc2SlideContent .texte {
  padding: 0 0 15px;
}
div.acc2Box.mesInfosPersonnelles .tab_form input[type="radio"] {
  width: auto;
}
div.acc2Box.mesInfosPersonnelles .tab_form input.disabled {
  background-color: #f5f5f5;
}
div.acc2Box.mesInfosPersonnelles .naissanceTab {
  margin-bottom: 15px;
  margin-top: 15px;
  width: 50%;
}
div.acc2Box.mesInfosPersonnelles #questionnaire {
  display: block;
  overflow: hidden;
}
div.acc2Box.mesInfosPersonnelles #questionnaire .col {
  float: left;
  text-align: left;
  width: 50%;
}
div.acc2Box.mesInfosPersonnelles #questionnaire .col:first-child {
  border-right: 1px solid #e3e3e3;
  padding-right: 10px;
}
div.acc2Box.mesInfosPersonnelles #questionnaire .col:nth-child(2) {
  padding-left: 10px;
}
div.acc2Box.mesInfosPersonnelles #questionnaire .questCol1,
div.acc2Box.mesInfosPersonnelles #questionnaire .questCol2 {
  width: 100%;
}
div.acc2Box.mesInfosPersonnelles #questionnaire .titre_question img {
  margin-left: 0;
  margin-right: 5px;
  vertical-align: top;
}
div.acc2Box.mesInfosPersonnelles #questionnaire .titre_question {
  background-position: top 5px left;
  background-repeat: no-repeat;
  line-height: 1.0625rem;
  padding-left: 22px;
}
div.acc2Box.mesInfosPersonnelles #questionnaire .titre_question.q1 {
  background-image: url(../img/rond_1.png);
}
div.acc2Box.mesInfosPersonnelles #questionnaire .titre_question.q2 {
  background-image: url(../img/rond_2.png);
}
div.acc2Box.mesInfosPersonnelles #questionnaire .titre_question.q3 {
  background-image: url(../img/rond_3.png);
}
div.acc2Box.mesInfosPersonnelles #questionnaire .titre_question.q4 {
  background-image: url(../img/rond_4.png);
}
div.acc2Box.mesInfosPersonnelles #questionnaire .titre_question.q5 {
  background-image: url(../img/rond_5.png);
}
div.acc2Box.mesInfosPersonnelles #questionnaire .titre_question.q6 {
  background-image: url(../img/rond_6.png);
}
div.acc2Box.mesInfosPersonnelles #questionnaire td {
  padding: 5px;
}
div.acc2Box.mesInfosPersonnelles #questionnaire .birthday-field input {
  width: 90px;
}
div.acc2Box.mesInfosPersonnelles #questionnaire .link-add-child,
div.acc2Box.mesInfosPersonnelles #questionnaire .link-add-mag {
  text-align: center;
}
div.acc2Box.mesInfosPersonnelles a.btn-valid {
  display: inline-block;
}
div.acc2Box.mesIdentifiants .acc2SlideContent {
  display: block;
}
div.acc2Box.mesIdentifiants .acc2SlideContent input {
  width: 100%;
}
div.acc2Box.mesIdentifiants .acc2SlideContent .tab_form {
  margin: auto;
  max-width: 550px;
}
div.acc2Box.mesModesDePaiement .tab .cell {
  float: left;
  padding: 0 5px 15px;
  text-align: center;
  width: 33%;
}
div.acc2Box.mesModesDePaiement .tab .link {
  float: none;
  text-align: center;
  width: 100%;
}
div.acc2Box.mesModesDePaiement .tab .header {
  border-bottom: 1px solid #c2c2c2;
  font-weight: 700;
  overflow: hidden;
}
div.acc2Box.mesModesDePaiement .tab .line {
  border-bottom: 1px solid #c2c2c2;
  overflow: hidden;
  padding: 15px 0;
}
div.acc2Box.mesModesDePaiement.fixe .acc2SlideContent {
  padding-left: 10px;
  padding-right: 10px;
}
body.compte footer {
  clear: both;
}
body.compte .brands-banner {
  margin-top: 0;
}
body.compte .brands-banner .brands {
  line-height: 0;
}
body.compte .brands-banner .brands .logo a {
  display: block;
  position: relative;
}
body.compte .brands-banner .brands .logo img {
  line-height: normal;
  max-height: 49px;
  max-width: 110px;
  padding: 5px;
}
body.compte .brands-banner .brands .logo a.actif:after,
body.compte .brands-banner .brands .logo:hover a:after {
  left: 0;
  width: 100%;
}
body.compte .brands-banner .brands .logo a:after {
  background-color: #fedc2a;
  bottom: 4px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transition: all 0.3s ease;
  width: 0;
}
body.compte .tab_checkbox td {
  text-align: left;
  vertical-align: top;
}
body.compte footer #contacts .content {
  background-color: #fff;
}
body.compte .reabo section > .fieldset > .visuel {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  width: 100px;
}
body.compte .reabo .visuel img {
  max-width: 100%;
}
body.compte .reabo .visuel + .alert.info,
body.compte .reabo .visuel + .texte {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 125px);
}
body.compte .reabo .offer-block {
  width: 100%;
}
body.compte .reabo .offers-blocks {
  margin-bottom: 0;
  margin-left: -30px;
  width: calc(100% + 60px);
}
body.compte .reabo section:first-child .fieldset {
  margin-top: 0;
}
body.compte .reabo .button {
  max-width: 100%;
  min-width: 0;
  width: 100%;
}
body.compte .reabo .offer-item .heading-3 {
  font-size: 1.6rem;
}
body.compte .reabo .offer-block .offer-items.vpc > div:first-child span:after {
  height: 36px;
  line-height: 2.25rem;
  margin: 0.5rem auto 0;
  width: 36px;
}
body.compte .reabo .offer-block .offer-items.vpc .free-shipping {
  left: 53%;
}
body.compte .reabo .offer-block .offer-item .price-box {
  font-size: 1.357rem;
}
body.compte.multipack #offresmagazines,
body.compte.multipack #offresmagazines h1 {
  margin-top: 0;
}
body.compte.multipack #offresmagazines .fieldset {
  background: #fff;
}
body.compte.multipack #offresmagazines .fieldset:before {
  display: none;
}
body.compte.multipack #offresmagazines .fieldset > .row {
  margin-left: -30px;
  margin-right: -30px;
  width: auto;
}
body.compte.multipack #offresmagazines .tight {
  width: 100%;
}
body.compte.multipack .magazine-list .magazine {
  max-width: 100%;
  width: 100%;
}
body.compte.magazine.multipack .magazine-list .magazine .content {
  padding: 0;
}
body.compte.multipack .magazine-list .magazine .visuel {
  width: 25%;
}
body.compte.multipack .magazine-list .magazine .text {
  width: 73%;
}
body.compte.multipack .magazine-list .magazine .text .title {
  margin-top: 0;
}
body.compte.multipack.magazine .magazine-list .magazine:nth-child(1n),
body.compte.multipack.magazine .magazine-list .magazine:nth-child(1n + 1) {
  margin: 0;
}
.compte-lnk .offer-block {
  width: auto;
}
.compte-lnk .offer-block .offer-item.subscription.simple-block .top {
  height: auto;
}
.compte-lnk .offer-block .offer-item.subscription .top .title {
  height: 31px;
}
.compte-lnk .alert.info {
  background-image: none;
  height: 100%;
  margin: 0;
  padding-left: 25px;
}
.compte-lnk .alert.info .title {
  line-height: normal;
}
.compte-lnk .alert.info .content {
  text-align: left;
}
.compte-lnk .offer-block .offer-item.subscription .top .title .tech {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.compte-lnk .offer-block .offer-item.subscription .top .title .tit {
  display: inline-block;
  max-width: 96%;
  vertical-align: middle;
}
.compte-lnk .offer-block .offer-item.subscription .top .middle {
  padding-top: 1.8571rem;
}
.compte-lnk .offer-block svg {
  height: 100px;
  width: 100%;
}
.compte-lnk-mobile {
  display: none;
}
.compte-lnk-mobile .button {
  margin-bottom: 10px;
  width: 100%;
}
.compte-lnk-mobile .button svg {
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  fill: #000;
  z-index: 1;
}
div.divTitleTab {
  display: none;
}
div.divTitleTab.actif {
  display: block;
}
#calendar-modal .content {
  width: 600px;
}
.timeline {
  margin-bottom: 30px;
  min-height: 200px;
  padding: 60px 0;
  position: relative;
  width: 100%;
}
.timeline__bar {
  background-image: linear-gradient(#fedc2a, #f48b7b);
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 6px;
}
.timeline__bar:after,
.timeline__bar:before {
  border-radius: 50%;
  content: "";
  display: block;
  height: 12px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 12px;
}
.timeline__bar:before {
  background-color: #fedc2a;
  top: -1px;
}
.timeline__bar:after {
  background-color: #f48b7b;
  bottom: -1px;
}
.timeline__elem {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  position: relative;
}
.timeline__elem:last-child {
  margin-bottom: 0;
}
.timeline__date {
  align-items: center;
  background-repeat: no-repeat;
  border: 6px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 70px;
  justify-content: center;
  margin: auto;
  position: relative;
  width: 70px;
}
.timeline__date-day {
  font-size: 1.35rem;
  font-weight: 600;
}
.timeline__date-month {
  font-size: 0.85rem;
}
.timeline__event {
  background-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  margin: 30px auto 0;
  position: relative;
  width: 90%;
}
.timeline__event:before {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  height: 0;
  transform: translateY(-50%);
  width: 0;
}
.timeline__event:after,
.timeline__event:before {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
}
.timeline__event:after {
  height: 16px;
  transform: translateY(-50%) rotate(45deg);
  width: 16px;
}
.timeline__event--left:before {
  border-left: 8px solid #fff;
  right: -8px;
}
.timeline__event--left:after {
  box-shadow: 2px -1px 1px 0 rgba(0, 0, 0, 0.08);
  right: -7px;
}
.timeline__event--right:before {
  border-right: 8px solid #fff;
  left: -8px;
}
.timeline__event--right:after {
  box-shadow: -2px 2px 1px 0 rgba(0, 0, 0, 0.08);
  left: -7px;
}
.timeline__event-date-time {
  color: rgba(44, 44, 44, 0.7);
  display: flex;
  font-size: 0.8rem;
  margin-bottom: 15px;
  padding: 20px 15px 0;
}
.timeline__event-date {
  margin-right: 10px;
}
.timeline__event-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 0 15px;
}
.timeline__event-descr {
  font-size: 0.9rem;
  line-height: 1rem;
  padding: 0 15px 20px;
}
.timeline__event-actions {
  border-top: 1px solid hsla(0, 0%, 63%, 0.2);
  padding: 20px 15px;
}
.timeline__event-action {
  font-size: 0.9rem;
  margin-right: 24px;
  text-transform: uppercase;
  transition-duration: 0.2s;
  transition-property: all;
  transition-timing-function: linear;
}
.timeline__event-action:hover {
  opacity: 0.4;
}
body.cgv {
  background-color: #fafafa;
}
body.cgv .row .text-left {
  background-color: #fff;
  padding: 20px;
}
body.plan {
  background-color: #fafafa;
}
#shipping-address {
  height: 100%;
}
header.container-fluid.account {
  border-bottom: 0;
}
.menuSide {
  margin-bottom: 20px;
  width: 25%;
}
#menuSide,
.menuSide {
  float: left;
  vertical-align: middle;
}
#menuSide {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);
  padding: 20px 10px;
  width: 100%;
}
.menuSide .button.grey,
.menuSide .button.yellow {
  margin-bottom: 10px;
  padding-left: 40px;
  padding-right: 5px;
  text-align: left;
  width: 100%;
}
.menuSide .button svg {
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  fill: #000;
  z-index: 1;
}
.menuSide .button.text {
  font-weight: 400;
  height: auto;
  margin-bottom: 10px;
  padding-left: 40px;
  padding-right: 5px;
  text-align: left;
  width: 100%;
}
.menuSide .button.text.active span,
.menuSide .button.text:hover span {
  display: inline-block;
  font-weight: 700;
  width: calc(100% - 4px);
}
.menuSide .button.close + span,
.menuSide a.button.text:before {
  display: none;
}
.menuSideTitle {
  font-size: 1em;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
}
.menuSideBR {
  border-bottom: 1px solid #d4d3d1;
  margin-bottom: 10px;
  margin-top: 10px;
}
h1.titleAccount {
  margin-bottom: 25px;
  margin-top: 25px;
}
table.tableMenuSide {
  border-radius: 3px;
  height: 48px;
  width: 100%;
}
th.labelTableMenuSide {
  padding-left: 15px;
}
th.svgTableMenuSide {
  width: 30px;
}
li.menuSideTitle table.tableMenuSide {
  border-radius: 3px;
  height: 0;
  width: 100%;
}
.menuSideButton li {
  display: table-cell;
  vertical-align: middle;
}
div.bottom-content.compte {
  display: none;
}
div.top-content.compte {
  border-bottom: 0;
}
.menuSideButton {
  border: none;
  border-radius: 3px;
  display: table;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1rem;
  height: 48px;
  margin-top: 8px;
  padding-left: 1.143rem;
  padding-right: 1.143rem;
  position: relative;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
}
.menuSideButton li {
  position: relative;
  z-index: 2;
}
.menuSideButton:hover {
  cursor: pointer;
}
.menuSideButton:after {
  border-radius: 3px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}
.menuSideButton.grey:not(:disabled) {
  background: #fff;
}
.menuSideButton.grey:not(:disabled):after {
  background: #fedc2a;
}
.menuSideButton.grey:not(:disabled):hover:after {
  opacity: 1;
  transition: opacity 0.4s ease;
}
.menuSideButton.grey:not(:disabled) li {
  color: #262829;
}
.menuSideButton.grey.active:not(:disabled),
.menuSideButton.grey.active:not(:disabled):after {
  background: #fedc2a;
}
.menuSideButton.grey.active:not(:disabled):hover:after {
  opacity: 1;
  transition: opacity 0.4s ease;
}
.menuSideButton.grey.active:not(:disabled) li {
  color: #262829;
}
.menuSideTitle-btn {
  font-size: 1em;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}
a.menuSideTitle-btn .tableMenuSide:hover {
  background: #fedc2a;
}
.fieldset.boxNewStyle {
  background: #fff;
  border-bottom: 2px solid #f5f5f5;
  border-left: 2px solid #f5f5f5;
  border-right: 2px solid #f5f5f5;
  text-align: center;
}
.acc2BoxTitle.boxNewStyle {
  background-color: #333;
  box-sizing: border-box;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.875rem;
  padding: 3px 15px;
  text-transform: uppercase;
}
.titleBoxNewStyle {
  border-bottom: 2px solid #fedc2a;
  display: inline-block;
  font-family: montserratregular, Arial, helvetica, sans-serif;
  font-feature-settings: normal;
  font-size: 1.357rem;
  font-weight: 600;
  line-height: 2rem;
  margin-bottom: 12px;
  text-align: left;
}
.fieldset .separateur {
  margin-top: 30px;
  padding-top: 30px;
  position: relative;
}
.fieldset .separateur:before {
  background: repeating-linear-gradient(
    -45deg,
    #fedc2a,
    #fedc2a 5px,
    #fff 0,
    #fff 6px
  );
  content: "";
  height: 4px;
  left: 0;
  margin-left: -30px;
  margin-right: -30px;
  position: absolute;
  right: 0;
  top: 0;
}
.avantage-bloc .banniere {
  margin-top: 15px;
}
.logoAbonnements {
  background: #f48b7b;
  box-shadow: 0 4px 4px -4px #333;
  height: auto;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.logoAbonnements a {
  border: 0;
  display: inline-block;
  float: left;
  height: 60px;
  margin: 0 calc(12.5% - 75px);
  position: relative;
  width: 150px;
}
.logoAbonnements a img {
  height: 100%;
  opacity: 0.5;
  width: 100%;
}
.logoAbonnements a img.active {
  display: none;
}
.logoAbonnements a img.inactive {
  display: block;
}
.logoAbonnements a.actif img.active,
.logoAbonnements a:hover img.active {
  display: block;
  opacity: 1;
}
.logoAbonnements a.actif img.inactive,
.logoAbonnements a:hover img.inactive {
  display: none;
}
.reader {
  display: inline-block;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 0.875rem;
  min-height: 235px;
  text-align: left;
  vertical-align: middle;
  width: 143px;
  padding-bottom: 1rem;
}
.reader-thumbnail {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: inline-block;
  height: auto;
  line-height: 1.42;
  max-height: 180px;
  max-width: 100%;
  min-height: 180px;
  padding: 4px;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.reader a {
  text-decoration: none;
  text-align: center;
}
.reader-btn {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  display: block;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  left: 18px;
  padding: 6px 12px !important;
  position: relative;
  right: 18px;
  width: 80%;
  margin-top: 10px;
}
.reader-btn:hover {
  background-color: #ddd;
  cursor: pointer;
}
.infoApp {
  margin-top: 20px;
}
#logosApp {
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
}
.acc2BoxContent.bibliotheque {
  box-sizing: border-box;
  padding-bottom: 0;
  padding-top: 15px;
  text-align: left;
}
.exit-popup {
  align-items: center;
  background: rgba(33, 33, 33, 0.8);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateY(60%) scale(0);
  transition: opacity 0.3s;
  z-index: 9999;
}
.exit-popup img {
  box-shadow: 0 4px 10px 0 rgba(33, 33, 33, 0.5);
  max-height: 95vh;
  max-width: 95vw;
}
.exit-popup.visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.exit-popup .close {
  background: #333;
  border-radius: 0 0 0 12px;
  box-sizing: initial;
  color: #fff;
  cursor: pointer;
  font-family: arial;
  font-size: 1rem;
  font-weight: 700;
  height: 12px;
  line-height: 0.5625rem;
  padding: 6px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 12px;
}
.exit-popup .exit-popup-content {
  position: relative;
}


/*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}
ul {
  list-style: none;
}
button,
input,
select {
  margin: 0;
}
html {
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: inherit;
}
img,
video {
  height: auto;
  max-width: 100%;
}
iframe {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}

/*!
 * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 .container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 40px;
  --bs-gutter-y: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  width: 100%;
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 40px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--bs-gutter-x) * -0.5);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-top: calc(var(--bs-gutter-y) * -1);
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  margin-top: var(--bs-gutter-y);
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  width: 100%;
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.my-1 {
  margin-bottom: 0.25rem !important;
  margin-top: 0.25rem !important;
}
.my-2 {
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}
.my-3 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important;
}
.my-4 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important;
}
.my-5 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important;
}
.my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
.py-1 {
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
}
.py-2 {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}
.py-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}
.py-4 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
}
.py-5 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.slick-slider {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
  display: block;
  position: relative;
}
.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0);
}
.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}
.slick-arrow.slick-hidden {
  display: none;
}
.icon {
  font-size: 0;
  line-height: 0;
}
.icon svg {
  fill: currentColor;
  height: 100%;
  width: 100%;
}
.img-fluid {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
}
.nofont {
  font-size: 0;
  line-height: 0;
}
.text-line {
  color: #777676;
  font-size: clamp(0.75rem, 0.70357rem + 0.0019047619 * 100vw, 0.875rem);
  line-height: 1;
  position: relative;
  text-align: center;
  width: 100%;
}
.text-line.bg-rose span {
  background-color: #fffdfd;
}
.text-line:before {
  background-color: #bebfc1;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: calc(50% - 0.5px);
  width: 100%;
}
.text-line span {
  background-color: #fff;
  padding: 0 8px;
  position: relative;
  z-index: 2;
}
.status-badge {
  align-items: center;
  background-color: #ff9600;
  border-radius: 8px;
  color: #fff;
  display: inline-flex;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  min-height: 32px;
  padding: 6px 12px;
}
.status-badge.is-expired {
  background-color: #eb5759;
}
.status-badge.is-valid {
  background-color: #26982c;
}
* {
  outline: none !important;
}
* ::-moz-selection {
  background: hsla(9, 67%, 70%, 0.99);
  color: #fff;
  text-shadow: none;
}
* ::selection {
  background: hsla(9, 67%, 70%, 0.99);
  color: #fff;
  text-shadow: none;
}
body,
html {
  color: #262829;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1;
  min-height: 100%;
}
body .container,
html .container {
  padding: 0 20px;
}
body {
  background-color: #fffdfd;
}
a,
a:active,
a:focus,
a:hover {
  text-decoration: none;
}
button,
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-family: Montserrat, sans-serif;
}
svg {
  fill: currentColor;
  height: 100%;
  width: 100%;
}
.block-byline {
  align-items: center;
  display: flex;
  gap: clamp(10px, 6.2857142857px + 0.0095238095 * 100vw, 20px);
}
.block-byline > * {
  position: relative;
  z-index: 2;
}
.block-byline img {
  border-radius: 50%;
  height: clamp(64px, 56.2px + 0.02 * 100vw, 85px);
  width: clamp(64px, 56.2px + 0.02 * 100vw, 85px);
}
.block-byline__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.block-byline__content .name {
  font-family: Playfair Display, serif;
  font-size: clamp(1rem, 0.95357rem + 0.0019047619 * 100vw, 1.125rem);
  font-weight: 900;
  line-height: 1;
  margin: 0;
}
.block-byline__content .description {
  color: #777676;
  font-size: clamp(0.8125rem, 0.78929rem + 0.000952381 * 100vw, 0.875rem);
  line-height: 1.4;
}
.block-magazines {
  padding: 0 0 clamp(50px, 38.8571428571px + 0.0285714286 * 100vw, 80px);
}
.block-magazines__title {
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.5rem, 1.31429rem + 0.0076190476 * 100vw, 2rem);
  font-weight: 400;
  line-height: 1;
  margin: clamp(20px, 8.8571428571px + 0.0285714286 * 100vw, 50px) 0;
  text-align: center;
}
.block-magazines__grid {
  display: grid;
  gap: 32px 20px;
  grid-template-columns: repeat(3, 1fr);
}
.block-slider .container {
  position: relative;
}
.block-slider .item img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
}
.block-slider .arrow {
  background-color: hsla(0, 0%, 100%, 0.9);
  border-radius: 50%;
  color: #e69080;
  cursor: pointer;
  height: 28px;
  padding: 5px;
  position: absolute;
  top: calc(50% - 14px);
  width: 28px;
}
.block-slider .arrow-prev {
  left: 10px;
}
.block-slider .arrow-next {
  right: 10px;
}
.block-slider .dots {
  bottom: 0;
  left: 0;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.block-slider .dots ul {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  justify-content: center;
  position: relative;
}
.block-slider .dots ul li {
  border-radius: 50%;
  height: 12px;
  margin: 0;
  position: relative;
  width: 12px;
}
.block-slider .dots ul li.slick-active {
  background-color: #fff;
}
.block-slider .dots ul li:before {
  background-color: hsla(0, 0%, 100%, 0.8);
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 8px;
}
.block-slider .dots ul button {
  display: none;
}
.breadcrumb {
  color: #6f6b67;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  gap: 8px 16px;
  line-height: 1.4;
  padding: 16px 0 0;
}
.breadcrumb li:not(:last-child):after {
  color: #262829;
  content: ">";
  margin: 0 0 0 16px;
}
.breadcrumb a {
  color: #262829;
  text-decoration: underline;
  transition: color 0.2s ease;
}
:root {
  --button__color: #e69080;
  --button__color__hover: #ffb4a6;
  --button__icon__size: 18px;
  --button__line-height: 1.38462;
  --button__font-size: 13px;
  --button__padding-x: 20px;
  --button__padding-y: 12px;
}
.btn {
  align-items: center;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  display: inline-flex;
  font-size: var(--button__font-size);
  line-height: var(--button__line-height);
  padding: var(--button__padding-y) var(--button__padding-x);
}
.btn:not(.btn-border) {
  background-color: var(--button__color);
  color: #fff;
  transition: background-color 0.2s ease;
}
.btn.btn-border {
  box-shadow: inset 0 0 0 1px var(--button__color);
  color: var(--button__color);
  transition: color 0.2s ease, box-shadow 0.2s ease;
}
.btn.btn-circle {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  padding: var(--button__padding-y) 0;
  width: calc(var(--button__icon__size) + var(--button__padding-y) * 2);
}
.btn.btn-color-gray {
  --button__color: #6f6b67;
  --button__color__hover: #262829;
}
.btn svg {
  height: var(--button__icon__size);
  width: var(--button__icon__size);
}
.btn svg:not(:last-child) {
  margin: 0 10px 0 0;
}
.btn svg:last-child:not(:first-child) {
  margin: 0 0 0 10px;
}
.btn-back {
  align-items: center;
  display: inline-flex;
  font-size: 0.8125rem;
  font-weight: 600;
  gap: 10px;
  transition: color 0.2s ease;
}
.btn-back:not(:first-child) {
  margin: clamp(24px, 18.0571428571px + 0.0152380952 * 100vw, 40px) 0 0;
}
.btn-back svg {
  height: 18px;
  width: 18px;
}
.form-row {
  width: 100%;
}
.form-row.row-cb {
  display: flex;
  gap: 16px;
}
.form-row.row-cb .form-input {
  flex: 1;
}
.form-row:not(:first-child) {
  margin: 16px 0 0;
}
.form-field {
  position: relative;
}
.form-field.with-icon > svg {
  fill: #bebfc1;
  height: 15px;
  left: 15px;
  position: absolute;
  top: 20px;
  width: 15px;
}
.form-field.with-icon .form-input {
  padding-left: 40px;
}
.form-field.with-toggle .toggle-password {
  color: #bebfc1;
  cursor: pointer;
  height: 15px;
  position: absolute;
  right: 15px;
  top: 20px;
  transition: color 0.2s ease;
  width: 15px;
}
.form-field.with-toggle .form-input {
  padding-right: 40px;
}
.form-label {
  color: #6f6b67;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 10px;
}
.form-input {
  background-color: #fff;
  border: 1px solid #bebfc1;
  border-radius: 5px;
  color: #262829;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.625rem;
  padding: 14px;
  transition: border-color 0.2s ease;
  width: 100%;
}
.form-input:active,
.form-input:focus,
.form-input:hover {
  border-color: #e69080;
}
.form-input::-webkit-input-placeholder {
  color: #6f6b67;
}
.form-input:-moz-placeholder,
.form-input::-moz-placeholder {
  color: #6f6b67;
}
.form-input:-ms-input-placeholder {
  color: #6f6b67;
}
.form-checkbox {
  font-size: 0.75rem;
  line-height: 1.5;
  padding: 0 0 0 28px;
  position: relative;
}
.form-checkbox label {
  cursor: pointer;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.form-checkbox label a {
  text-decoration: underline;
  transition: color 0.2s ease;
}
.form-checkbox input:checked + .check {
  background-color: #e69080;
  border-color: #e69080;
}
.form-checkbox .check {
  align-items: center;
  border: 1px solid #777676;
  border-radius: 2px;
  color: #fff;
  display: flex;
  height: 20px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 2px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  width: 20px;
}
.form-checkbox .check svg {
  height: 12px;
  width: 12px;
}
.form-password-help {
  color: #6f6b67;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.625rem;
  gap: 2px 12px;
  line-height: 1.6;
  margin: 4px 0 0;
}
.form-password-help span {
  align-items: center;
  display: flex;
  gap: 5px;
}
.form-password-help span:before {
  background-color: currentColor;
  border-radius: 50%;
  content: "";
  height: 5px;
  width: 5px;
}
.nice-select {
  background-color: #fff;
  border: 1px solid #bebfc1;
  border-radius: 5px;
  box-shadow: none;
  color: #262829;
  float: none;
  font-size: 0.875rem;
  height: 56px;
  line-height: 3.375rem;
  padding: 0 44px 0 14px;
  position: relative;
  transition: border-color 0.2s ease;
  width: 100%;
}
.nice-select:after {
  display: none;
}
.nice-select.open,
.nice-select:focus,
.nice-select:hover {
  border-color: #e69080;
}
.nice-select.open svg {
  transform: rotate(180deg);
}
.nice-select:active,
.nice-select:focus {
  border-color: #e69080;
}
.nice-select .current {
  display: block;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nice-select .current.is-placeholder {
  color: #6f6b67;
}
.nice-select .list {
  background-color: #fff;
  border: 1px solid #bebfc1;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(38, 40, 41, 0.05);
  display: block;
  font-size: 0.8125rem;
  margin: 10px 0 0;
  max-height: 192px;
  min-width: 100%;
  overflow: auto;
}
.nice-select .list .option {
  box-shadow: inset 0 1px 0 #bebfc1;
  line-height: 1.125rem;
  min-height: 0;
  padding: 10px 14px;
}
.nice-select .list .option:first-child {
  box-shadow: none;
}
.nice-select .list .option.selected {
  background-color: #fbf0ee;
  font-weight: 500;
}
.nice-select .list .option.disabled {
  display: none;
}
.nice-select svg {
  height: 15px;
  position: absolute;
  right: 15px;
  top: 19px;
  transition: transform 0.2s ease;
  width: 15px;
}
:root {
  --masthead__gap: clamp(24px, 21.0285714286px + 0.0076190476 * 100vw, 32px);
  --masthead__padding: clamp(
    10px,
    -1.1428571429px + 0.0285714286 * 100vw,
    40px
  );
}
.masthead {
  background-color: #fbf0ee;
  padding: var(--masthead__padding) 0;
}
.masthead .container {
  position: relative;
}
.masthead-product .masthead__image:after {
  padding-bottom: 80.396039604%;
}
.masthead__content {
  position: relative;
}
.masthead__content:before {
  background-color: #fffdfd;
  content: "";
  height: calc(var(--masthead__padding) * 2 + 100% + 5px);
  left: 50%;
  position: absolute;
  top: calc(var(--masthead__padding) * -2);
  transform: translateX(-50%);
  width: calc(100vw + 10px);
}
.masthead__image {
  position: relative;
}
.masthead__image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.masthead__image img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.masthead__title {
  font-family: Playfair Display, serif;
  font-size: clamp(1.5625rem, 0.98214rem + 0.0238095238 * 100vw, 3.125rem);
  font-weight: 900;
  line-height: 1;
  margin: 0;
}
.masthead__subtitle {
  font-size: clamp(0.8125rem, 0.65rem + 0.0066666667 * 100vw, 1.25rem);
  line-height: 1.2;
}
.masthead__subtitle:first-child {
  color: #e69080;
}
.masthead__description {
  font-size: 0.8125rem;
  line-height: 1.4;
}
body .swal2-container.swal2-backdrop-show {
  background-color: rgba(38, 40, 41, 0.75);
  padding: 40px;
}
body .swal2-container.swal2-backdrop-show .swal2-html-container,
body .swal2-container.swal2-backdrop-show .swal2-popup {
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.container-popup {
  align-items: center;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 10px 25px rgba(38, 40, 41, 0.1);
  color: #262829;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 100%;
  padding: clamp(40px, 36.2857142857px + 0.0095238095 * 100vw, 50px)
    clamp(40px, 21.4285714286px + 0.0476190476 * 100vw, 90px);
  position: relative;
  width: 860px;
}
.container-popup .popup-title {
  font-family: Playfair Display, serif;
  font-size: clamp(1.25rem, 1.06429rem + 0.0076190476 * 100vw, 1.75rem);
  font-weight: 900;
  line-height: 1;
  margin: 0;
}
.container-popup img {
  border-radius: 2px;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
}
.container-popup .btn {
  justify-content: center;
}
.container-popup .btn-close {
  cursor: pointer;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: color 0.2s ease;
  width: 18px;
}
:root {
  --product-offer__padding-bottom: clamp(
    24px,
    18.0571428571px + 0.0152380952 * 100vw,
    40px
  );
  --product-offer__padding-top: 40px;
  --product-offer__padding-x: clamp(
    24px,
    19.9142857143px + 0.0104761905 * 100vw,
    35px
  );
}
.product-card {
  background-color: #fff;
  box-shadow: 0 10px 25px rgba(38, 40, 41, 0.1);
  font-size: clamp(0.8125rem, 0.78929rem + 0.000952381 * 100vw, 0.875rem);
  justify-content: space-between;
  line-height: 1.4;
  padding: 30px 40px;
  text-align: center;
}
.product-card,
.product-card__actions,
.product-card__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.product-card__content {
  gap: 20px;
}
.product-card__actions {
  margin: clamp(15px, 9.4285714286px + 0.0142857143 * 100vw, 30px) 0 0;
  padding: 0 clamp(0px, -7.4285714286px + 0.019047619 * 100vw, 20px);
}
.product-card__thumbnail {
  box-shadow: 0 5px 10px rgba(38, 40, 41, 0.2);
  max-width: 216px;
  position: relative;
  width: 100%;
}
.product-card__thumbnail:after {
  content: "";
  display: block;
  padding-bottom: 125%;
}
.product-card__thumbnail img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.product-card__name {
  font-family: Playfair Display, serif;
  font-size: clamp(1.25rem, 1.06429rem + 0.0076190476 * 100vw, 1.75rem);
  font-weight: 900;
  line-height: 1;
  margin: 0;
}
.product-card__from {
  text-transform: uppercase;
}
.product-card__price {
  font-size: 0.875rem;
  line-height: 1.4;
  margin: 0 0 15px;
}
.product-card__price span {
  font-size: clamp(1.5625rem, 1.4rem + 0.0066666667 * 100vw, 2rem);
  font-weight: 500;
}
.product-card .btn {
  justify-content: center;
  margin: 5px 0 0;
  width: 100%;
}
.product-offer {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 10px 25px rgba(38, 40, 41, 0.1);
  padding: var(--product-offer__padding-top) var(--product-offer__padding-x)
    var(--product-offer__padding-bottom);
  position: relative;
}
.product-offer.is-selected .product-offer__check svg {
  opacity: 1;
}
.product-offer__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}
.product-offer__tag {
  background-color: #f9d754;
  border-radius: 2px;
  font-size: clamp(0.8125rem, 0.78929rem + 0.000952381 * 100vw, 0.875rem);
  font-weight: 600;
  line-height: 1;
  padding: 5px 10px;
  position: absolute;
  right: -5px;
  top: -5px;
}
.product-offer__item {
  height: 153px;
  display: flex;
  gap: 15px;
}
.product-offer__item .thumbnail {
  width: 95px;
}
.product-offer__item .thumbnail img {
  box-shadow: 0 5px 10px rgba(38, 40, 41, 0.2);
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
}
.product-offer__item .description {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: calc(100% - 95px);
}
.product-offer__item .description .name {
  font-family: Playfair Display, serif;
  font-size: clamp(1rem, 0.95357rem + 0.0019047619 * 100vw, 1.125rem);
  font-weight: 900;
  line-height: 1;
  margin: 0;
  text-align: center
}
.product-offer__item .description ul {
  padding: 0 0 0 16px;
}
.product-offer__item .description ul li {
  font-size: clamp(0.75rem, 0.72679rem + 0.000952381 * 100vw, 0.8125rem);
  line-height: 1.4;
  position: relative;
}
.product-offer__item .description ul li:before {
  background-color: #262829;
  border-radius: 50%;
  content: "";
  height: 2px;
  left: -8px;
  position: absolute;
  top: calc(
    clamp(12px, 11.6285714286px + 0.000952381 * 100vw, 13px) * 1.4 / 2 - 1px
  );
  width: 2px;
}
.product-offer__duration {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  font-size: clamp(0.8125rem, 0.78929rem + 0.000952381 * 100vw, 0.875rem);
  gap: 5px;
  line-height: 1.4;
  padding: 10px 15px;
}
.product-offer__duration strong {
  font-weight: 600;
}
.product-offer__gift {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.product-offer__gift .name {
  font-family: Playfair Display, serif;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1;
  margin: 0;
}
.product-offer__gift .subtitle {
  font-size: clamp(0.75rem, 0.72679rem + 0.000952381 * 100vw, 0.8125rem);
  margin: 0 0 2px;
}
.product-offer__gift img {
  box-shadow: 0 5px 10px rgba(38, 40, 41, 0.2);
  display: block;
  height: auto;
  margin: 10px 0;
  max-height: 100%;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
}
.product-offer__gifts {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
}
.product-offer__gifts.layout-dual {
  flex-direction: row;
}
.product-offer__gifts.layout-dual > * {
  width: 50%;
}
.product-offer__gifts.layout-boxed.is-dual {
  gap: 24px;
}
.product-offer__gifts.layout-boxed .inner {
  border: 1px solid #e69080;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 12px;
  position: relative;
}
.product-offer__gifts.layout-boxed .title {
  color: #e69080;
  font-size: clamp(0.75rem, 0.70357rem + 0.0019047619 * 100vw, 0.875rem);
  line-height: 1;
  text-align: center;
}
.product-offer__gifts.layout-boxed .item {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.product-offer__gifts.layout-boxed .item .thumbnail {
  position: relative;
}
.product-offer__gifts.layout-boxed .item .thumbnail .btn-open {
  right: 8px;
  top: 8px;
}
.product-offer__gifts.layout-boxed .item .content {
  margin: 16px 0 0;
  position: relative;
}
.product-offer__gifts.layout-boxed .item .content .name {
  color: #e69080;
  font-family: Playfair Display, serif;
  font-size: clamp(1rem, 0.95357rem + 0.0019047619 * 100vw, 1.125rem);
  font-weight: 900;
  line-height: 1;
  line-height: 1.3;
  margin: 0;
}
.product-offer__gifts.layout-boxed .item .content a {
  margin: 8px 0 0;
}
.product-offer__gifts.layout-boxed .items {
  display: flex;
  gap: 42px;
  position: relative;
}
.product-offer__gifts.layout-boxed .items .item {
  border: 1px solid #e69080;
  border-radius: 4px;
  color: #e69080;
  padding: 16px 8px;
  text-align: center;
  width: 50%;
}
.product-offer__gifts.layout-boxed .items .item .content {
  padding: 0 0 0 36px;
  position: relative;
  text-align: left;
}
.product-offer__gifts.layout-boxed .items .item .content .btn-open {
  left: 0;
  right: unset;
  top: calc(50% - 12px);
}
.product-offer__gifts.layout-boxed .items .item .name {
  font-family: Playfair Display, serif;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1;
  margin: 0 0 16px;
}
.product-offer__gifts.layout-boxed .items .item .description {
  font-size: clamp(0.75rem, 0.72679rem + 0.000952381 * 100vw, 0.8125rem);
  font-weight: 500;
}
.product-offer__gifts.layout-boxed .items .item a {
  line-height: 1;
  margin: 4px 0 0;
}
.product-offer__gifts.layout-boxed .items .icon {
  color: #e69080;
  height: 16px;
  left: calc(50% - 8px);
  position: absolute;
  top: calc(50% - 8px);
  width: 16px;
}
.product-offer__gifts.layout-boxed .items .icon svg {
  height: 100%;
  width: 100%;
}
.product-offer__gifts.layout-boxed .btn-open {
  background-color: transparent;
  border: none;
  color: #e69080;
  cursor: pointer;
  height: 24px;
  padding: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  transition: color 0.2s ease;
  width: 24px;
}
.product-offer__gifts.layout-boxed .product-offer__item {
  gap: 16px;
  padding: 8px 0 0;
}
.product-offer__gifts.layout-boxed .product-offer__item .thumbnail {
  width: 130px;
}
.product-offer__gifts.layout-boxed .product-offer__item .description {
  color: #e69080;
  gap: 16px;
}
.product-offer__gifts.layout-boxed
  .product-offer__item
  .description
  ul
  li:before {
  background-color: currentColor;
}
.product-offer__gifts:not(.layout-boxed) .product-offer__item ul li {
  color: #777676;
  font-size: 0.75rem;
}
.product-offer__gifts:not(.layout-boxed) .product-offer__item ul li:before {
  background-color: #777676;
  top: 7.4px;
}
.product-offer__gifts-slider {
  --product-offers__nav__color: #e69080;
}
.product-offer__gifts-slider .item {
  cursor: pointer;
}
.product-offer__gifts-slider .item.is-selected .product-offer__check {
  background-color: #e69080;
  box-shadow: inset 0 0 0 1px #e69080;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.product-offer__gifts-slider .item.is-selected .product-offer__check svg {
  opacity: 1;
}
.product-offer__gifts-slider .item .content {
  padding: 0 0 0 72px;
  text-align: left;
}
.product-offer__gifts-slider .item .product-offer__check {
  border-radius: 50%;
  height: 32px;
  left: 12px;
  position: absolute;
  top: 12px;
  width: 32px;
}
.product-offer__gifts-slider .item .product-offer__check svg {
  fill: #fff;
}
.product-offer__gifts-slider .slick-slider {
  margin: 0 0 16px;
}
.product-offer__gifts-slider .slider-nav .dots ul.slick-dots {
  min-height: 24px;
}
.product-offer__gifts-slider .slider-nav span.arrow {
  height: 24px;
  padding: 5px 0;
  width: 24px;
}
.product-offer__pricing {
  align-items: center;
  color: #6f6b67;
  display: flex;
  flex-direction: column;
  font-size: 1.125rem;
  gap: 10px;
  line-height: 1;
}
.product-offer__pricing strong {
  color: #262829;
  font-size: 1.25rem;
  font-weight: 600;
}
.product-offer__pricing strong.price-old {
  color: #bebfc1;
  font-size: 1.5rem;
  font-weight: 500;
  text-decoration: line-through;
}
.product-offer__actions {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.product-offer__actions .btn {
  justify-content: center;
}
.product-offer__advantages {
  border-top: 1px solid #bebfc1;
  padding: 18px 0 0;
}
.product-offer__advantages ul {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.product-offer__advantages ul li {
  display: flex;
  font-size: clamp(0.8125rem, 0.78929rem + 0.000952381 * 100vw, 0.875rem);
  line-height: 1.4;
}
.product-offer__advantages ul li svg {
  fill: #e69080;
  height: 18px;
  width: 18px;
}
.product-offer__advantages ul li span {
  flex: 1;
  padding: 0 0 0 10px;
}
.product-offer__container-check {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.product-offer__container-check .product-offer__item {
  flex: 1;
}
.product-offer__check {
  align-items: center;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #bebfc1;
  display: flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.product-offer__check svg {
  fill: #e69080;
  height: 12px;
  opacity: 0;
  transition: opacity 0.2s ease;
  width: 12px;
}
.product-offer__link {
  display: flex;
  justify-content: center;
}
.product-offer__single {
  flex: 1;
  justify-content: center;
}
.product-offer__single .product-offer__item {
  flex-direction: column;
  gap: 30px;
}
.product-offer__single .product-offer__item .thumbnail {
  height: 280px;
  width: 210px;
}
.product-offer__single .product-offer__item .description {
  justify-content: center;
  width: auto;
}
.product-offer__single .product-offer__item .description .name {
  text-align: center;
}
.product-offer__dual {
  display: flex;
  gap: 44px;
  position: relative;
}
.product-offer__dual .item {
  text-align: center;
  width: 50%;
  height: 153px;
}
.product-offer__dual .item .name {
  font-family: Playfair Display, serif;
  font-size: 0.875rem;
  font-weight: 900;
  line-height: 1;
  margin: 0 0 10px;
}
.product-offer__dual .item .description {
  font-size: clamp(0.75rem, 0.72679rem + 0.000952381 * 100vw, 0.8125rem);
  margin: 10px 0 0;
}
.product-offer__dual .icon {
  color: #6f6b67;
  height: 24px;
  left: calc(50% - 12px);
  position: absolute;
  top: calc(50% - 12px);
  width: 24px;
}
.product-offer__dual .icon svg {
  height: 100%;
  width: 100%;
}
.product-offer a:not(.btn) {
  color: #e69080;
  display: inline-block;
  font-size: 0.8125rem;
  line-height: 1.3;
  text-decoration: underline;
  transition: color 0.2s ease;
}
#header {
  border: none;
  position: relative;
}
#header * {
  --button__line-height: 1.25;
  --button__font-size: 12px;
  --button__padding-y: 10px;
}
#header .header-main {
  background-color: #fff;
  padding: 10px 0;
  position: relative;
}
#header .header-main .container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 28px;
}
#header .header-main .container.is-centered {
  justify-content: center;
}
#header .header-main .container.is-cart {
  justify-content: center;
  position: relative;
}
#header .header-main .container.is-cart .header-main__logo {
  margin: 0;
}
#header .header-main__logo {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
}
#header .header-main__logo img {
  width: clamp(110px, 102.5714285714px + 0.019047619 * 100vw, 130px);
}
#header .header-main__logo span {
  font-size: 0.5625rem;
  line-height: 1.2222222222;
  margin: 4px 0 0;
  text-transform: uppercase;
}
#header .header-main__actions {
  align-items: center;
  display: flex;
  gap: 10px;
}
#header .header-main__actions .btn-coupon {
  position: relative;
}
#header .header-main__actions .btn-coupon input {
  border: none;
  border-radius: 0 50px 50px 0;
  color: var(--button__color__hover);
  font-size: var(--button__font-size);
  height: calc(100% - 2px);
  left: calc(var(--button__icon__size) + var(--button__padding-x) + 10px);
  opacity: 0;
  padding: 0 var(--button__padding-x) 0 0;
  position: absolute;
  top: 1px;
  transition: none;
  width: calc(
    100% - var(--button__icon__size) - var(--button__padding-x) - 11px
  );
}
#header .header-main__actions .btn-coupon input:focus {
  opacity: 1;
}
#header .header-main__actions .btn-coupon,
#header .header-main__actions .btn-renew {
  transition: opacity 0.2s ease;
}
#header .header-main__actions .search-action {
  position: relative;
}
#header .header-main__actions .search-action .btn-search svg {
  margin: 0;
}
#header .header-main__actions .search-action .btn-search svg:nth-child(2) {
  display: none;
}
#header .header-main__actions .search-action .search-input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: calc(100% + 10px);
  top: 0;
  transform: translateX(10px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
#header .header-main__burger {
  cursor: pointer;
  height: 18px;
  left: 20px;
  position: absolute;
  top: calc(50% - 9px);
  width: 18px;
}
#header .header-main__burger svg:nth-child(2) {
  display: none;
}
#header .header-main__back {
  align-items: center;
  display: inline-flex;
  font-size: clamp(0.8125rem, 0.76607rem + 0.0019047619 * 100vw, 0.9375rem);
  font-weight: 700;
  gap: 8px;
  left: 36px;
  position: absolute;
  transition: color 0.2s ease;
}
#header .header-main__back svg {
  height: clamp(16px, 14.5142857143px + 0.0038095238 * 100vw, 20px);
  width: clamp(16px, 14.5142857143px + 0.0038095238 * 100vw, 20px);
}
#header .header-main__secure {
  align-items: center;
  display: inline-flex;
  font-size: clamp(0.8125rem, 0.76607rem + 0.0019047619 * 100vw, 0.9375rem);
  gap: 8px;
  position: absolute;
  right: 36px;
}
#header .header-main__secure svg {
  height: clamp(16px, 14.5142857143px + 0.0038095238 * 100vw, 20px);
  width: clamp(16px, 14.5142857143px + 0.0038095238 * 100vw, 20px);
}
#header .header-navigation {
  background-color: #fffdfd;
  border-top: 1px solid #fbf0ee;
}
#header .header-navigation .container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: static;
}
#header .header-navigation .container > ul {
  align-items: center;
  display: flex;
  gap: 50px;
}
#header .header-navigation .container > ul > li > a {
  align-items: center;
  box-shadow: inset 0 -1px 0 transparent;
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25;
  padding: 15px 0;
  position: relative;
  text-transform: uppercase;
  transition: box-shadow 0.2s ease;
  z-index: 2;
}
#header .header-navigation .container > ul > li > a:after,
#header .header-navigation .container > ul > li > a:before {
  border-color: transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  content: "";
  height: 0;
  left: calc(50% - 4px);
  opacity: 0;
  position: absolute;
  top: 100%;
  transition: opacity 0.2s ease;
  width: 0;
}
#header .header-navigation .container > ul > li > a:before {
  border-top-color: #e69080;
}
#header .header-navigation .container > ul > li > a:after {
  border-top-color: #fff;
  top: calc(100% - 2px);
}
#header .header-navigation .container > ul > li > a svg {
  height: 18px;
  margin: -1.5px 0 -1.5px 10px;
  transition: transform 0.2s ease;
  width: 18px;
}
#header .header-navigation .container > ul > li .subnav {
  background-color: #fff;
  width: 100%;
}
#header .header-navigation .container > ul > li .subnav ul li {
  align-items: center;
  display: flex;
}
#header .header-navigation .container > ul > li .subnav ul li a:not(.btn) {
  color: #262829;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25;
  transition: color 0.2s ease;
}
#header .header-navigation__actions {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 50px 0 0;
  padding: 0 20px;
  width: 100%;
}
#header .header-navigation__actions * {
  --button__line-height: 1.25;
  --button__font-size: 12px;
  --button__padding-y: 10px;
}
#header .header-navigation__actions .btn,
#header .header-navigation__actions .search-input {
  justify-content: center;
  width: 100%;
}
#header .search-input {
  position: relative;
  width: 300px;
}
#header .search-input svg {
  fill: #262829;
  height: 18px;
  left: 10px;
  position: absolute;
  top: calc(50% - 9px);
  width: 18px;
}
#header .search-input input {
  border: none;
  border-radius: 50px;
  box-shadow: inset 0 0 0 1px #e69080;
  font-size: var(--button__font-size);
  height: 38px;
  padding: 0 20px 0 38px;
  width: 100%;
}
#header .search-input input::-webkit-input-placeholder {
  color: #bebfc1;
  opacity: 1;
}
#header .search-input input:-moz-placeholder,
#header .search-input input::-moz-placeholder {
  color: #bebfc1;
  opacity: 1;
}
#header .search-input input:-ms-input-placeholder {
  color: #bebfc1;
  opacity: 1;
}
#footer {
  text-align: center;
}
#footer .footer-reassurance {
  background-color: #e69080;
  color: #fff;
  padding: 40px 0;
}
#footer .footer-reassurance ul {
  display: grid;
  gap: clamp(20px, 14.0571428571px + 0.0152380952 * 100vw, 36px);
  grid-template-columns: repeat(4, 1fr);
}
#footer .footer-reassurance ul li {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: clamp(0.8125rem, 0.74286rem + 0.0028571429 * 100vw, 1rem);
  font-weight: 500;
  line-height: clamp(1.125rem, 1.07857rem + 0.0019047619 * 100vw, 1.25rem);
}
#footer .footer-reassurance ul li svg {
  height: 45px;
  margin: 0 0 10px;
  width: 45px;
}
#footer .footer-contact {
  background-color: #fbf0ee;
  padding: 48px 0;
}
#footer .footer-contact__title {
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.125rem, 0.8rem + 0.0133333333 * 100vw, 2rem);
  font-weight: 400;
  line-height: 1;
  margin: 0 0 clamp(30px, 22.5714285714px + 0.019047619 * 100vw, 50px);
}
#footer .footer-contact ul {
  display: grid;
  gap: clamp(30px, 7.7142857143px + 0.0571428571 * 100vw, 90px);
  grid-template-columns: repeat(3, 1fr);
  text-align: left;
}
#footer .footer-contact ul li {
  display: flex;
  flex-direction: column;
}
#footer .footer-contact ul li .item-title {
  display: flex;
  font-size: clamp(1.125rem, 1.07857rem + 0.0019047619 * 100vw, 1.25rem);
  font-weight: 600;
  line-height: clamp(1.25rem, 1.15714rem + 0.0038095238 * 100vw, 1.5rem);
}
#footer .footer-contact ul li .item-title svg {
  height: clamp(20px, 18.5142857143px + 0.0038095238 * 100vw, 24px);
  width: clamp(20px, 18.5142857143px + 0.0038095238 * 100vw, 24px);
}
#footer .footer-contact ul li .item-title > a,
#footer .footer-contact ul li .item-title > span {
  margin: 0 0 0 20px;
}
#footer .footer-contact ul li .item-title a {
  text-decoration: underline;
  transition: color 0.2s ease;
}
#footer .footer-contact ul li .item-content {
  margin: 10px 0 0;
  padding: 0 0 0
    calc(clamp(20px, 18.5142857143px + 0.0038095238 * 100vw, 24px) + 20px);
}
#footer .footer-contact ul li .item-content * {
  color: #6f6b67;
  font-size: clamp(0.8125rem, 0.74286rem + 0.0028571429 * 100vw, 1rem);
  font-style: normal;
  line-height: 1.25;
}
#footer .footer-contact ul li .item-content a {
  transition: color 0.2s ease;
}
#footer .footer-group {
  background-color: #fff;
  padding: clamp(40px, 31.0857142857px + 0.0228571429 * 100vw, 64px) 0;
}
#footer .footer-group__title {
  font-family: Montserrat, sans-serif;
  font-size: clamp(1.5rem, 1.31429rem + 0.0076190476 * 100vw, 2rem);
  font-weight: 400;
  line-height: 1;
  margin: 0 0 clamp(30px, 22.5714285714px + 0.019047619 * 100vw, 50px);
}
#footer .footer-group ul {
  display: grid;
  gap: clamp(20px, 16.2857142857px + 0.0095238095 * 100vw, 30px);
  grid-template-columns: repeat(10, 1fr);
}
#footer .footer-group ul li {
  align-items: center;
  display: flex;
  justify-content: center;
}
#footer .footer-group ul li img {
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
}
#footer .footer-bottom {
  background-color: #f5f5f5;
  color: #777676;
  padding: 0 0 40px;
}
#footer .footer-bottom ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  justify-content: center;
  padding: 20px 0;
}
#footer .footer-bottom ul li {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
}
#footer .footer-bottom ul li:not(:first-child):before {
  content: "|";
  margin: 0 20px 0 0;
}
#footer .footer-bottom ul li a {
  color: inherit;
  transition: color 0.2s ease;
}
#footer .footer-bottom__group {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  gap: 10px;
  line-height: 1.25;
  margin: 20px 0 0;
}
#footer .footer-bottom__group img {
  display: block;
  height: auto;
  max-height: 100%;
  max-height: 30px;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
}
#footer .footer-bottom__copyright {
  font-size: 0.875rem;
  margin: 30px 0 0;
}
#account-wrapper {
  padding: 40px 0;
}
#account-wrapper .container {
  display: flex;
  gap: 40px;
}
#account-wrapper .account-navigation {
  background-color: #fff;
  box-shadow: 0 10px 25px rgba(38, 40, 41, 0.1);
  padding: 16px;
  width: 295px;
  max-height: 650px;
}
#account-wrapper .account-navigation > ul {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  gap: 12px;
  line-height: 1.125rem;
}
#account-wrapper .account-navigation > ul > li.is-active > a {
  background: linear-gradient(180deg, #f9db54, #f7c654);
}
#account-wrapper .account-navigation > ul > li > a {
  align-items: center;
  background: linear-gradient(180deg, #e6e7ea, #bfbfbf);
  border-radius: 4px;
  display: flex;
  font-weight: 500;
  min-height: 56px;
  padding: 10px 24px;
}
#account-wrapper .account-navigation > ul > li > ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 12px 0 0;
  padding: 12px 24px;
}
#account-wrapper .account-navigation > ul > li > ul .is-active a {
  font-weight: 600;
}
#account-wrapper .account-content {
  flex: 1;
}
.account-title {
  font-family: Playfair Display, serif;
  font-size: clamp(1.5625rem, 1.30714rem + 0.0104761905 * 100vw, 2.25rem);
  font-weight: 900;
  line-height: 1;
  line-height: 1.2;
  margin: 0;
}
.account-subscriptions__head {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.account-subscriptions__head .form-row {
  margin: 24px 0 0;
  width: 100%;
}
.account-subscriptions__switch {
  align-items: center;
  border-radius: 50px;
  box-shadow: inset 0 0 0 1px #bebfc1;
  display: flex;
  flex: 1;
  justify-content: center;
  position: relative;
  width: 100%;
}
.account-subscriptions__switch.state-secondary:before {
  left: 50%;
}
.account-subscriptions__switch:before {
  background-color: #e69080;
  border-radius: 50px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: left 0.2s ease;
  width: 50%;
}
.account-subscriptions__switch li {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: clamp(0.8125rem, 0.78929rem + 0.000952381 * 100vw, 0.875rem);
  font-weight: 600;
  justify-content: center;
  line-height: 1.4;
  min-height: 48px;
  padding: 10px 0;
  position: relative;
  text-align: center;
  transition: color 0.2s ease;
  width: 50%;
  z-index: 2;
}
.account-subscriptions__switch li.is-active {
  color: #fff;
  font-weight: 400;
}
.account-subscriptions__table {
  text-align: left;
  width: 100%;
}
.account-subscriptions__table:not(:first-child) {
  margin-top: 40px;
}
.account-subscriptions__table th {
  background-color: #f5f3f1;
  font-size: 0.9375rem;
  font-weight: 700;
  white-space: nowrap;
}
.account-subscriptions__table th.is-sortable {
  padding-right: 55px;
  position: relative;
}
.account-subscriptions__table th.is-sortable .actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.account-subscriptions__table th.is-sortable .actions button {
  background: none;
  color: #777676;
  cursor: pointer;
  font-size: 0;
  height: 8px;
  line-height: 0;
  padding: 0;
  transition: color 0.2s ease;
  width: 15px;
}
.account-subscriptions__table th.is-sortable .actions button:first-child svg {
  transform: scaleY(-1);
}
.account-subscriptions__table th.is-sortable .actions button.is-active {
  color: #262829;
}
.account-subscriptions__table th.is-sortable .actions button svg {
  height: 100%;
  width: 100%;
}
.account-subscriptions__table th span {
  display: block;
  font-size: 0.8125rem;
  font-weight: 400;
  margin: 4px 0 0;
}
.account-subscriptions__table td:nth-child(2) .cell-content {
  font-size: 0.875rem;
}
.account-subscriptions__table .cell-title {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.4;
  width: 50%;
}
.account-subscriptions__table .cell-title span {
  display: block;
}
.account-subscriptions__table .cell-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  font-size: 0.9375rem;
  line-height: 1.4;
}
.account-subscriptions__table .cell-content strong {
  font-weight: 700;
}
.account-subscriptions__table .cell-content span {
  font-size: 0.8125rem;
  line-height: 1.2;
  margin: 2px 0 0;
}
.account-subscriptions__table .cell-actions {
  display: flex;
  gap: 8px 16px;
  justify-content: center;
}
.account-subscriptions__table .cell-actions .btn {
  flex: 1;
  justify-content: center;
  min-width: 165px;
  --button__padding-x: 0;
}
.account-subscriptions__table .cell-actions .btn-details {
  align-items: center;
  color: #e69080;
  display: inline-flex;
  font-size: 0.8125rem;
  font-weight: 500;
  gap: 8px;
  transition: color 0.2s ease;
  text-align: center;
}
.account-subscriptions__table .cell-actions .btn-details svg {
  height: 18px;
  width: 18px;
}
.account-subscription {
  padding: 0 0 40px;
}
.account-subscription .container {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 80px;
}
.account-subscription .account-title {
  text-align: center;
  width: 100%;
}
.account-subscription__product {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px;
  width: 40%;
  max-height: 450px;
}
.account-subscription__details {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
}
.account-subscription__details table {
  border: 1px solid #d4d3d1;
  width: 100%;
}
.account-subscription__details table tr {
  border-top: 1px solid #d4d3d1;
}
.account-subscription__details table tr:nth-child(2n) td {
  background-color: #f5f3f1;
}
.account-subscription__details table td {
  font-size: 0.9375rem;
  line-height: 1.4;
  padding: 8px;
}
.account-subscription__details table td:last-child {
  font-weight: 700;
}
.account-subscription__details .subscription-address {
  background-color: #fff;
  border: 1px solid #bebfc1;
  border-radius: 8px;
  box-shadow: 0 10px 25px rgba(38, 40, 41, 0.1);
  color: #777676;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  padding: 24px clamp(16px, 13.0285714286px + 0.0076190476 * 100vw, 24px);
  width: 100%;
}
.account-subscription__details .subscription-address .identity {
  align-items: center;
  background-color: #fbf0ee;
  border-radius: 8px;
  color: #e69080;
  display: flex;
  font-size: 0.9375rem;
  font-weight: 700;
  gap: 16px;
  margin: 16px 0 0;
  padding: 16px;
}
.account-subscription__details .subscription-address .identity svg {
  height: 15px;
  width: 15px;
}
.account-subscription__details .subscription-address address {
  color: #262829;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.7;
  margin: 12px 0 0;
}
.account-subscription__details .subscription-address a {
  align-items: center;
  align-self: flex-end;
  color: #e69080;
  display: flex;
  font-size: 0.8125rem;
  font-weight: 600;
  gap: 6px;
  line-height: 1.3;
  margin: 24px 0 0;
  transition: color 0.2s ease;
}
.account-subscription__details .subscription-address a svg {
  height: 14px;
  width: 14px;
}
.account-subscription__details .btn {
  font-weight: 600;
  --button__padding-x: 32px;
}
.account-renew {
  --product-offers__nav__color: #e69080;
  padding: 0 0 40px;
}
.account-renew .account-title {
  text-align: center;
  width: 100%;
}
.account-renew__details {
  background-color: #fbf0ee;
  display: flex;
  gap: clamp(24px, 12.1142857143px + 0.0304761905 * 100vw, 56px);
  justify-content: center;
  margin: clamp(32px, 29.0285714286px + 0.0076190476 * 100vw, 40px) auto 0;
  max-width: 1080px;
  padding: 32px;
  width: 100%;
}
.account-renew__details .content {
  font-size: 0.9375rem;
  line-height: 1.7;
  max-width: 500px;
}
.account-renew__details .content p:not(:first-child) {
  margin-top: 24px;
}
.bundle-content {
  --product-offer__padding-bottom: 15px;
  --product-offer__padding-top: 15px;
  --product-offer__padding-x: 20px;
  padding: clamp(10px, -1.1428571429px + 0.0285714286 * 100vw, 40px) 0
    clamp(40px, 17.7142857143px + 0.0571428571 * 100vw, 100px);
}
.bundle-content .container {
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 37.0285714286px + 0.0076190476 * 100vw, 48px);
}
.bundle-content__grid {
  display: grid;
  gap: 20px;
}
.bundle-content__grid .product-offer__item .description .name {
  font-size: 1rem;
}
.bundle-content__grid .product-offer__item .description ul li {
  color: #6f6b67;
  font-size: 0.75rem;
}
.bundle-content__grid .product-offer__item .description ul li:before {
  background-color: #6f6b67;
  top: 7.4px;
}
.bundle-content__total {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 37.0285714286px + 0.0076190476 * 100vw, 48px);
}
.bundle-content__total__price {
  color: #6f6b67;
  font-size: 1.125rem;
  line-height: 1;
}
.bundle-content__total__price strong {
  color: #262829;
  font-size: 1.25rem;
  font-weight: 600;
}
.bundle-content__total__actions {
  display: flex;
  flex-direction: row-reverse;
  gap: 20px;
}
.bundle-content__total__actions .btn {
  justify-content: center;
}
#cart-wrapper .container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
#cart-wrapper .cart-summary {
  background-color: #fbf0ee;
  padding: 80px 0;
  position: relative;
  width: 32.2580645161%;
}
#cart-wrapper .cart-summary.is-open .cart-summary__toggle svg {
  transform: rotate(180deg);
}
#cart-wrapper .cart-summary:before {
  background-color: #fbf0ee;
  content: "";
  height: 100%;
  left: -26.25%;
  position: absolute;
  top: 0;
  width: 840px;
  z-index: 1;
}
#cart-wrapper .cart-summary__inner {
  padding: 0 16px;
  position: relative;
  z-index: 2;
}
#cart-wrapper .cart-summary__head {
  align-items: center;
  display: flex;
  font-size: 0.9375rem;
  font-weight: 600;
  justify-content: space-between;
}
#cart-wrapper .cart-summary__head span {
  font-size: 0.8125rem;
  font-weight: 400;
  margin: 0 0 0 8px;
}
#cart-wrapper .cart-summary__toggle {
  align-items: center;
  color: #e69080;
  cursor: pointer;
  display: flex;
  font-weight: 700;
  gap: 10px;
  justify-content: center;
  margin: 16px 0 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
#cart-wrapper .cart-summary__toggle svg {
  height: 10px;
  transition: transform 0.2s ease;
  width: 20px;
}
#cart-wrapper .cart-summary__items {
  display: flex;
  flex-direction: column;
  margin: 24px 0 0;
}
#cart-wrapper .cart-summary__item {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  text-align: center;
}
#cart-wrapper .cart-summary__item:not(:first-child) {
  border-top: 1px solid #bebfc1;
  margin: 24px 0 0;
  padding: 24px 0 0;
}
#cart-wrapper .cart-summary__item .content {
  flex: 1;
}
#cart-wrapper .cart-summary__item .title {
  font-family: Playfair Display, serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.5;
  margin: 0;
  text-align: left;
  padding-bottom: 1px;
}
#cart-wrapper .cart-summary__item > ul {
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
  gap: 4px;
  line-height: 1.4;
  text-align: left;
}

#cart-wrapper .cart-summary__item ul {
  text-align: left;
  font-size: 13px;
  line-height: 1.5;
}
#cart-wrapper .cart-summary__item > ul:not(:first-child) {
  margin: 8px 0 0;
}
#cart-wrapper .cart-summary__item .quantity {
  display: flex;
  gap: 8px;
  margin: 20px 0 0;
}
#cart-wrapper .cart-summary__item .quantity .form-input {
  flex: 1;
  text-align: center;
}
#cart-wrapper .cart-summary__item .quantity span {
  align-items: center;
  background-color: #e69080;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  transition: background-color 0.2s ease;
  width: 56px;
}

#cart-wrapper .cart-summary__item .quantity a {
  cursor: pointer;
}

#cart-wrapper .cart-summary__item .quantity span svg {
  height: 20px;
  width: 20px;
}
#cart-wrapper .cart-summary__item .remove {
  align-items: center;
  color: #e69080;
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 500;
  gap: 8px;
  margin: 24px 0 0;
  transition: color 0.2s ease;
}
#cart-wrapper .cart-summary__item .remove svg {
  height: 14px;
  width: 14px;
}
#cart-wrapper .cart-summary__item .start {
  font-size: 0.8125rem;
  line-height: 1.4;
  margin: 8px 0 0;
  text-align: left;
  width: 100%;
}
#cart-wrapper .cart-summary__item .start .form-row {
  margin: 10px 0 0;
}
#cart-wrapper .cart-summary__totals {
  margin: 16px 0 0;
}
#cart-wrapper .cart-summary__totals .discount {
  display: flex;
  gap: 8px;
  margin: 16px 0;
  --button__padding-x: 24px;
}
#cart-wrapper .cart-summary__totals ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#cart-wrapper .cart-summary__totals ul.totals li:last-child {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
#cart-wrapper .cart-summary__totals ul li {
  display: flex;
  font-size: 0.875rem;
  justify-content: space-between;
  line-height: 1.7;
}
#cart-wrapper .cart-summary__totals ul li span {
  display: flex;
}
#cart-wrapper .cart-summary__totals ul li span:first-child {
  flex-direction: column;
}
#cart-wrapper .cart-summary__totals ul li span:last-child {
  font-weight: 700;
  gap: 8px;
  text-transform: uppercase;
}
#cart-wrapper .cart-summary__totals ul li em {
  font-size: 0.75rem;
  font-style: normal;
}
#cart-wrapper .cart-summary__totals ul li s {
  font-weight: 400;
}
#cart-wrapper .cart-content {
  margin: 0;
  padding: 40px 0;
  width: calc(50% - 10px);
}
#cart-wrapper .cart-content .cart-step:not(:first-child) {
  border-top: 1px solid #bebfc1;
}
#cart-wrapper .cart-content .cart-step.is-active .cart-step__head {
  color: #262829;
}
#cart-wrapper .cart-content .cart-step.is-done .cart-step__head {
  font-weight: 400;
}
#cart-wrapper .cart-content .cart-step.is-done .cart-step__head span {
  background-color: #fbf0ee;
  border-color: #fbf0ee;
  color: #e69080;
}
#cart-wrapper .cart-content .cart-step__head {
  align-items: center;
  color: #6f6b67;
  display: flex;
  font-size: 0.9375rem;
  font-weight: 500;
  gap: 12px;
  line-height: 1.3;
  padding: 24px 16px;
}
#cart-wrapper .cart-content .cart-step__head span {
  align-items: center;
  border: 1px solid;
  border-radius: 50%;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
  height: 30px;
  justify-content: center;
  line-height: 1;
  width: 30px;
}
#cart-wrapper .cart-content .cart-step__head span svg {
  height: 14px;
  width: 14px;
}
#cart-wrapper .cart-content .cart-step__head a {
  color: #e69080;
  height: 20px;
  margin: 0 0 0 auto;
  width: 20px;
}
#cart-wrapper .cart-content .cart-step__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  padding: 0 16px;
}
#cart-wrapper .cart-content .cart-step__content > p {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
  width: 100%;
}
#cart-wrapper .cart-content .cart-step__content > p + .form-row {
  margin-top: 10px;
}
#cart-wrapper .cart-content .cart-step__content > p + .cart-step__choices {
  margin-top: 16px;
}
#cart-wrapper .cart-content .cart-step__content .btn {
  font-weight: 600;
  margin: 24px 0 0;
  --button__padding-x: 32px;
}
#cart-wrapper .cart-content .cart-step__choices {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
#cart-wrapper .cart-content .cart-step__choices.is-packed {
  gap: 0;
}
#cart-wrapper .cart-content .cart-step__choices.is-packed .cart-step__choice {
  border-radius: 0;
}
#cart-wrapper
  .cart-content
  .cart-step__choices.is-packed
  .cart-step__choice:not(:first-child) {
  border-top: none;
}
#cart-wrapper
  .cart-content
  .cart-step__choices.is-packed
  .cart-step__choice:not(.is-active) {
  background-color: #fbf0ee;
  border-color: hsla(9, 67%, 70%, 0.56);
}
#cart-wrapper
  .cart-content
  .cart-step__choices.is-packed
  .cart-step__choice:not(.is-active)
  .head {
  color: #6f6b67;
}
#cart-wrapper
  .cart-content
  .cart-step__choices.is-packed
  .cart-step__choice:first-child {
  border-radius: 8px 8px 0 0;
}
#cart-wrapper
  .cart-content
  .cart-step__choices.is-packed
  .cart-step__choice:last-child {
  border-radius: 0 0 8px 8px;
}
#cart-wrapper
  .cart-content
  .cart-step__choices.is-packed
  .cart-step__choice
  .head {
  gap: 16px;
  padding: 18px 15px;
}
#cart-wrapper
  .cart-content
  .cart-step__choices.is-packed
  .cart-step__choice
  .head
  .label {
  font-size: 0.9375rem;
}
#cart-wrapper .cart-content .cart-step__choice {
  background-color: #fff;
  border: 1px solid #bebfc1;
  border-radius: 8px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
#cart-wrapper .cart-content .cart-step__choice.is-active,
#cart-wrapper .cart-content .cart-step__choice.is-active .head .check {
  border-color: #e69080;
}
#cart-wrapper .cart-content .cart-step__choice.is-active .head .check:before {
  background-color: #e69080;
  opacity: 1;
}
#cart-wrapper .cart-content .cart-step__choice.is-active .content {
  display: flex;
}
#cart-wrapper .cart-content .cart-step__choice:not(.is-active) .head {
  cursor: pointer;
}
#cart-wrapper .cart-content .cart-step__choice .head {
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 15px;
  transition: color 0.2s ease;
}
#cart-wrapper .cart-content .cart-step__choice .head .check {
  border: 1px solid #6f6b67;
  border-radius: 50%;
  height: 20px;
  position: relative;
  transition: border-color 0.2s ease;
  width: 20px;
}
#cart-wrapper .cart-content .cart-step__choice .head .check:before {
  background-color: #6f6b67;
  border-radius: 50%;
  content: "";
  height: 12px;
  left: calc(50% - 6px);
  opacity: 0;
  position: absolute;
  top: calc(50% - 6px);
  transition: background-color 0.2s ease, opacity 0.2s ease;
  width: 12px;
}
#cart-wrapper .cart-content .cart-step__choice .head .label {
  display: flex;
  flex: 1;
  flex-direction: column;
  font-size: 0.875rem;
  font-weight: 600;
  gap: 6px;
  line-height: 1;
}
#cart-wrapper .cart-content .cart-step__choice .head .label em {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
}
#cart-wrapper .cart-content .cart-step__choice .head .logo {
  align-items: center;
  color: #777676;
  display: flex;
  font-size: 0.75rem;
  font-weight: 400;
  gap: 4px;
  line-height: 1.5;
}
#cart-wrapper .cart-content .cart-step__choice .head .logo-paypal svg {
  height: 20px;
  width: 70px;
}
#cart-wrapper .cart-content .cart-step__choice .head .logo-sepa svg {
  height: 14px;
  width: 14px;
}
#cart-wrapper .cart-content .cart-step__choice .content {
  align-items: center;
  display: none;
  flex-direction: column;
  padding: 0 16px 24px;
}
#cart-wrapper .cart-content .cart-step__choice .content > p {
  font-size: 0.8125rem;
  width: 100%;
}
#cart-wrapper .cart-content .cart-step__choice .content a {
  align-items: center;
  color: #e69080;
  display: flex;
  font-size: 0.8125rem;
  font-weight: 600;
  gap: 6px;
  line-height: 1.3;
  margin-top: 16px;
  transition: color 0.2s ease;
}
#cart-wrapper .cart-content .cart-step__choice .content a svg {
  height: 14px;
  width: 14px;
}
#cart-wrapper .cart-content .cart-step__choice .content address {
  background-color: #fbf0ee;
  border-radius: 5px;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.7;
  padding: 15px;
  width: 100%;
}
#cart-wrapper .cart-content .cart-step__gifts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
#cart-wrapper .cart-content .cart-step__gifts .item {
  align-items: center;
  background-color: #fbf0ee;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  padding: 16px clamp(12px, 10.5142857143px + 0.0038095238 * 100vw, 16px) 24px;
  width: 100%;
}
#cart-wrapper .cart-content .cart-step__gifts .item .item-head {
  display: flex;
  gap: 16px;
  width: 100%;
}
#cart-wrapper
  .cart-content
  .cart-step__gifts
  .item
  .item-head
  .item-description {
  flex: 1;
}
#cart-wrapper
  .cart-content
  .cart-step__gifts
  .item
  .item-head
  .item-description
  .name {
  font-family: Playfair Display, serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  line-height: 1.25;
  margin: 0;
}
#cart-wrapper
  .cart-content
  .cart-step__gifts
  .item
  .item-head
  .item-description
  ul {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  gap: 4px;
  line-height: 1.4;
  margin: 8px 0 0;
  text-align: left;
}
#cart-wrapper .cart-content .cart-step__gifts .item > p {
  font-size: 0.8125rem;
  line-height: 1.4;
  margin: 24px 0 0;
  width: 100%;
}
#cart-wrapper .cart-content .cart-step__gifts .item address {
  background-color: #fff;
  font-size: clamp(0.875rem, 0.85179rem + 0.000952381 * 100vw, 0.9375rem);
  margin: 12px 0 0;
}
#cart-wrapper .cart-content .cart-step__gifts .item > a {
  margin: 24px 0 0;
}
#cart-wrapper .cart-content .cart-step__gifts .item > a svg {
  height: 12px;
  width: 16px;
}
#cart-success {
  font-size: 0.875rem;
  line-height: 1.7;
  padding: clamp(24px, 9.1428571429px + 0.0380952381 * 100vw, 64px) 8px;
}
#cart-success .container {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#cart-success h1 {
  font-size: 1.25rem;
  line-height: 1.1;
}
#cart-success table tr:first-child td {
  padding-top: 0;
}
#cart-success table td {
  padding-top: 8px;
  vertical-align: top;
}
#cart-success table td:last-child {
  font-weight: 700;
  padding-left: 12px;
}
#cart-success .icon {
  height: 195px;
  width: 195px;
}
#cart-success .btn {
  font-weight: 600;
  --button__padding-x: 40px;
}
.offer-content {
  margin: 0 0 clamp(40px, 28.8571428571px + 0.0285714286 * 100vw, 70px);
}
.offer-content .product-offer {
  --product-offer__padding-bottom: clamp(
    30px,
    26.2857142857px + 0.0095238095 * 100vw,
    40px
  );
  --product-offer__padding-top: clamp(
    30px,
    26.2857142857px + 0.0095238095 * 100vw,
    40px
  );
  --product-offer__padding-x: 35px;
}
:root {
  --product-offers__nav__color: #fff;
}
.product-offers {
  padding: clamp(30px, 26.2857142857px + 0.0095238095 * 100vw, 40px) 0 0;
  position: relative;
  z-index: 3;
}
.product-offers__switch {
  align-items: center;
  border-radius: 50px;
  box-shadow: inset 0 0 0 1px #bebfc1;
  display: flex;
  justify-content: center;
  margin: auto;
  position: relative;
}
.product-offers__switch.state-secondary:before {
  left: 50%;
}
.product-offers__switch:before {
  background-color: #e69080;
  border-radius: 50px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: left 0.2s ease;
  width: 50%;
}
.product-offers__switch li {
  cursor: pointer;
  font-size: clamp(0.8125rem, 0.78929rem + 0.000952381 * 100vw, 0.875rem);
  line-height: 1.4;
  padding: 10px 0;
  position: relative;
  text-align: center;
  transition: color 0.2s ease;
  width: 50%;
  z-index: 2;
}
.product-offers__switch li.is-active {
  color: #fff;
}
.product-offers__slider {
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 10.8px + 0.0133333333 * 100vw, 30px);
  margin: clamp(30px, 26.2857142857px + 0.0095238095 * 100vw, 40px) 0 0;
}
.product-offers__slider > .slider > .slick-list {
  margin: 0 calc(clamp(8px, 7.2571428571px + 0.0019047619 * 100vw, 10px) * -1);
  overflow: visible;
}
.product-offers__slider > .slider > .slick-list .slick-track {
  display: flex;
}
.product-offers__slider .product-offer {
  height: auto;
  margin: 0 clamp(8px, 7.2571428571px + 0.0019047619 * 100vw, 10px);
}
.product-offers__slider .product-offer__inner {
  height: 100%;
}
.product-offers__slider .product-offer__inner > div:not(.product-offer__gifts, .text-line) {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.product-offers__slider .slider-nav {
  margin: auto;
  position: relative;
}
.product-offers__slider .slider-nav .arrow {
  color: var(--product-offers__nav__color);
  cursor: pointer;
  height: 22px;
  position: absolute;
  top: calc(50% - 11px);
  transition: opacity 0.2s ease;
  width: 12px;
}
.product-offers__slider .slider-nav .arrow.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.product-offers__slider .slider-nav .arrow-prev {
  left: 0;
}
.product-offers__slider .slider-nav .arrow-next {
  right: 0;
}
.product-offers__slider .slider-nav .dots {
  flex: 1;
  padding: 0 32px;
}
.product-offers__slider .slider-nav .dots .slick-dots {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  justify-content: center;
  min-height: 22px;
  position: relative;
}
.product-offers__slider .slider-nav .dots .slick-dots li {
  background-color: transparent;
  border-radius: 50%;
  height: 10px;
  margin: 0;
  position: relative;
  transition: background-color 0.2s ease;
  width: 10px;
}
.product-offers__slider .slider-nav .dots .slick-dots li.slick-active {
  background-color: var(--product-offers__nav__color);
}
.product-offers__slider .slider-nav .dots .slick-dots li:before {
  background-color: var(--product-offers__nav__color);
  border-radius: 50%;
  content: "";
  height: 50%;
  left: 25%;
  opacity: 0.5;
  position: absolute;
  top: 25%;
  width: 50%;
}
.product-offers__slider .slider-nav .dots .slick-dots li button {
  display: none;
}
.product-desc {
  padding: 0 0 100px;
}
.product-desc .container > .block-byline {
  margin: 0 0 30px;
  padding: 15px 0;
  position: relative;
}
.product-desc .container > .block-byline:before {
  background-color: #fbf0ee;
  bottom: 0;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: calc(100vw + 10px);
}
.product-desc__title {
  color: #fff;
  font-family: Playfair Display, serif;
  font-size: clamp(1.5625rem, 0.98214rem + 0.0238095238 * 100vw, 3.125rem);
  font-weight: 900;
  line-height: 1;
  margin: 0;
  padding: clamp(55px, 42px + 0.0333333333 * 100vw, 90px) 0
    clamp(25px, -17.7142857143px + 0.1095238095 * 100vw, 140px);
  position: relative;
  text-align: center;
}
.product-desc__title:before {
  background-color: #e69080;
  bottom: 0;
  content: "";
  height: calc(
    100% + clamp(145px, 120.8571428571px + 0.0619047619 * 100vw, 210px)
  );
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: calc(100vw + 10px);
}
.product-desc__title span {
  position: relative;
  z-index: 2;
}
.product-desc__blocks {
  position: relative;
  z-index: 3;
}
.product-desc__block {
  display: flex;
  position: relative;
}
.product-desc__block__content .entry {
  font-size: clamp(0.8125rem, 0.78929rem + 0.000952381 * 100vw, 0.875rem);
  line-height: 1.4;
  position: relative;
}
.product-desc__block__content .entry > :not(:first-child, .quote) {
  margin: 15px 0 0;
}
.product-desc__block__content .entry .quote {
  color: #e69080;
  position: absolute;
}
.product-desc__block__content .entry .quote-open {
  height: clamp(21px, 6.8857142857px + 0.0361904762 * 100vw, 59px);
  width: clamp(30px, 9.5714285714px + 0.0523809524 * 100vw, 85px);
}
.product-desc__block__content .entry .quote-close {
  bottom: 0;
  height: clamp(14px, 9.5428571429px + 0.0114285714 * 100vw, 26px);
  width: clamp(20px, 13.6857142857px + 0.0161904762 * 100vw, 37px);
}
.product-desc__block__content .block-byline {
  margin: 40px 0 0;
}
.product-desc__block__image {
  width: 32.2580645161%;
}
.product-desc__block__image img {
  border-radius: 5px;
  box-shadow: 0 10px 25px rgba(38, 40, 41, 0.1);
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
}
@media screen and (min-width: 481px) and (max-width: 991px) {
  header .content .top-content .top-links li.top-reabo {
    display: inline-block;
  }
  footer .reassurance {
    height: auto;
  }
  footer .reassurance li {
    width: 25%;
  }
  footer .content .cols {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .brands-banner .brands .logo {
    width: 25%;
  }
  .magazines-block .magazines-list .magazines-items {
    word-spacing: -6px;
  }
  .magazines-block .magazines-list .magazines-items .magazines-item {
    word-spacing: 0;
  }
  .magazines-block .magazines-list .magazines-items .magazines-item.col-1,
  .magazines-block .magazines-list .magazines-items .magazines-item.col-2 {
    display: inline-block;
    max-width: 50%;
    width: 50%;
  }
  body.magazine .intro .block-cta {
    min-height: auto;
    padding-right: 50%;
    position: relative;
    width: 100%;
  }
  body.magazine .intro .block-cta .magazine img:first-child {
    max-height: 100%;
  }
  body.magazine .intro .block-cta .ctas {
    position: absolute;
    right: 5%;
    top: 10%;
    width: 40%;
  }
  body.magazine .bottom-block .block-cta .ctas {
    display: inline-block;
    width: 50%;
  }
  body.magazine .bottom-block .block-cta .ctas .cta {
    width: 100%;
  }
}
@media (min-width: 560px) {
  .timeline__event {
    width: 65%;
  }
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-sm-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-sm-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-sm-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-sm-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-sm-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-sm-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-sm-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .container-popup img.hide-desktop {
    display: none;
  }
  .container-popup .btn {
    --button__padding-x: 40px;
  }
  #cart-success .container > * {
    max-width: 340px;
  }
  .product-offers__slider .slider-nav {
    max-width: 350px;
  }
}
@media screen and (min-width: 641px) and (max-width: 991px) {
  .desktop,
  .mobile {
    display: none;
  }
}
@media screen and (min-width: 650px) {
  div.acc2Box.mesModesDePaiement .tab .xs {
    display: none;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
  
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-md-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-md-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-md-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-md-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-md-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-md-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-md-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-md-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-md-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-md-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-md-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-md-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-md-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .block-slider .item img:nth-child(2) {
    display: none;
  }
  .block-slider .arrow {
    display: none !important;
  }
  .form-row.row-cb .form-input:first-child {
    flex: unset;
    width: 160px;
  }
  .bundle-content__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .bundle-content__total__actions .btn {
    min-width: 260px;
  }
  .product-offers__switch {
    max-width: 330px;
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .offer-block.boutique-block .offer-items {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
  }
  .offer-block.boutique-block .offer-items .offer-item {
    margin-left: 0 !important;
    margin-right: 1.143rem !important;
    width: 47.5% !important;
  }
  .offer-block.boutique-block .offer-items .offer-item:nth-child(2n) {
    margin-left: 1.143rem !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 900px) {
  .timeline__elem {
    flex-direction: row;
  }
  .timeline__elem--right {
    justify-content: flex-end;
  }
  .timeline__date {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .timeline__event {
    margin: 0;
    width: calc(50% - 51px);
  }
  .timeline__event:after,
  .timeline__event:before {
    display: block;
  }
}
@media (min-width: 949px) {
  .alert.info .content .xs {
    display: none;
  }
}
@media (hover: hover) and (min-width: 992px) {
  #header .header-navigation .container > ul > li:hover > a {
    box-shadow: inset 0 -1px 0 #e69080;
  }
  #header .header-navigation .container > ul > li:hover > a:after,
  #header .header-navigation .container > ul > li:hover > a:before {
    opacity: 1;
  }
  #header .header-navigation .container > ul > li:hover > a svg {
    transform: rotate(180deg);
  }
  #header .header-navigation .container > ul > li:hover .subnav {
    opacity: 1;
    pointer-events: auto;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-lg-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-lg-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-lg-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-lg-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-lg-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-lg-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .masthead-bundle .masthead__image {
    top: var(--masthead__padding);
  }
  .masthead-bundle .masthead__image:after {
    padding-bottom: 61.9801980198%;
  }
  .masthead-offer {
    padding-bottom: calc(var(--masthead__padding) * 5);
  }
  .masthead-offer .masthead__content {
    left: 8.4677419355%;
    padding: 0 calc(var(--masthead__padding) / 2) 0 0;
    position: relative;
    width: 40.7258064516%;
  }
  .masthead-offer .masthead__image {
    top: var(--masthead__padding);
    width: 47.65625%;
  }
  .masthead-offer .masthead__image:after {
    padding-bottom: 100%;
  }
  .masthead-product .masthead__image {
    top: calc(var(--masthead__padding) / -4);
  }
  .masthead__content {
    width: 49.1935483871%;
  }
  .masthead__content:before {
    display: none;
  }
  .masthead__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--masthead__gap);
  }
  .masthead__image {
    position: absolute;
    right: 20px;
    top: 0;
    width: 39.453125%;
  }
  #header.search-active .header-main .btn-coupon,
  #header.search-active .header-main .btn-renew {
    opacity: 0;
    pointer-events: none;
  }
  #header.search-active
    .header-main
    .search-action
    .btn-search
    svg:first-child {
    display: none;
  }
  #header.search-active
    .header-main
    .search-action
    .btn-search
    svg:nth-child(2) {
    display: block;
  }
  #header.search-active .header-main .search-action .search-input {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }
  #header .header-main__actions .btn-coupon span:nth-child(3),
  #header .header-main__burger,
  #header
    .header-navigation
    .container
    .header-navigation__primary
    > li
    > a
    svg {
    display: none;
  }
  #header .header-navigation .container > ul > li .subnav {
    box-shadow: 0 -1px 0 #fbf0ee, 0 10px 25px rgba(38, 40, 41, 0.1);
    left: 0;
    opacity: 0;
    padding: 25px 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transition: opacity 0.2s ease;
  }
  #header .header-navigation .container > ul > li .subnav.is-full ul {
    display: grid;
    gap: 20px 0;
    grid-template-columns: repeat(4, 1fr);
  }
  #header .header-navigation .container > ul > li .subnav:not(.is-full) ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 50px;
    justify-content: flex-start;
  }
  #header .header-navigation__actions {
    display: none;
  }
  .account-subscriptions__switch {
    max-width: 350px;
  }
  .account-subscriptions__table {
    border: 1px solid #d4d3d1;
  }
  .account-subscriptions__table td,
  .account-subscriptions__table th {
    border-top: 1px solid #d4d3d1;
    height: 64px;
    padding: 8px 16px;
  }
  .account-subscriptions__table tr:nth-child(2n) td {
    background-color: #f5f3f1;
  }
  .account-subscriptions__table .cell-title {
    display: none;
  }
  .account-subscription__product {
    border: 1px solid #fbf0ee;
  }
  .account-subscription__product.is-expired {
    background-color: #ffeaed;
    border-color: #f5a3a6;
  }
  .account-subscription__details .subscription-address:not(:first-child) {
    margin: 16px 0 0;
  }
  .account-subscription__details .btn {
    margin: 40px 0 0;
  }
  #cart-wrapper .cart-summary__toggle {
    display: none;
  }
  #cart-wrapper .cart-summary__content {
    display: block !important;
  }
  .offer-content .product-offer {
    left: 8.4677419355%;
    margin: calc(var(--masthead__padding) * -4) 0 0 0;
    position: relative;
    width: 49.1935483871%;
  }
  .product-desc .container > .block-byline {
    display: none;
  }
  .product-desc__block {
    gap: 8.4677419355%;
    justify-content: flex-start;
    left: 15.3225806452%;
  }
  .product-desc__block:first-child {
    margin: -3.2258064516% 0 0;
  }
  .product-desc__block:first-child .product-desc__block__content {
    padding-top: 10.4838709677%;
  }
  .product-desc__block:nth-child(2n) {
    flex-direction: row-reverse;
    justify-content: flex-end;
    left: 8.4677419355%;
  }
  .product-desc__block:not(:last-child) .product-desc__block__content {
    padding-bottom: 5.6451612903%;
  }
  .product-desc__block__content {
    padding: 5.6451612903% 0 0;
    width: 35.4838709677%;
  }
  .product-desc__block__content .entry .quote-open {
    right: 119.5454545455%;
    top: -4.0909090909%;
  }
  .product-desc__block__content .entry .quote-close {
    left: 110.9090909091%;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  #cart-wrapper .container {
    gap: 48px;
  }
}
@media screen and (min-width: 992px) {
  body.magazine #sticky-wrapper {
    min-height: 112px;
  }
  body.magazine #sticky-wrapper.is-sticky header .content .top-content {
    height: 48px;
    transition: height 0.35s;
  }
  body.magazine
    #sticky-wrapper.is-sticky
    header
    .content
    .top-content
    .mobile-menu {
    top: 69px;
    transition: top 0.35s;
  }
  body.magazine #sticky-wrapper.is-sticky header .content .top-content .logo {
    display: inline-block;
    width: calc(100% - 170px);
  }
  body.magazine #sticky-wrapper.is-sticky header .content .top-content .search {
    display: none;
  }
  body.magazine
    #sticky-wrapper.is-sticky
    header
    .content
    .top-content
    .top-links {
    width: 170px;
  }
  body.magazine
    #sticky-wrapper.is-sticky
    header
    .content
    .top-content
    .top-links
    li {
    margin-left: 1.143rem;
    position: relative;
  }
  body.magazine
    #sticky-wrapper.is-sticky
    header
    .content
    .top-content
    .top-links
    .top-links-search {
    display: inline-block;
  }
  body.magazine
    #sticky-wrapper.is-sticky
    header
    .content
    .top-content
    .top-links
    li
    img,
  body.magazine
    #sticky-wrapper.is-sticky
    header
    .content
    .top-content
    .top-links
    li
    svg {
    height: 24px;
    width: 24px;
  }
  body.magazine
    #sticky-wrapper.is-sticky
    header
    .content
    .top-content
    .top-links
    li
    > a
    label,
  body.magazine
    #sticky-wrapper.is-sticky
    header
    .content
    .top-content
    .top-links
    li
    > label {
    display: none;
    font-size: 0.625rem;
    left: 50%;
    line-height: 0.75rem;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: -10px;
    transform: translateX(-50%);
    transition: opacity 0.35s;
    white-space: nowrap;
  }
  body.magazine
    #sticky-wrapper.is-sticky
    header
    .content
    .top-content
    .top-links
    li:hover
    label {
    display: block;
    opacity: 1;
  }
  .mobile,
  .tablet {
    display: none;
  }
  body.compte .reabo .offer-item.width-1-4 .button {
    max-width: 90%;
  }
  body.compte
    .reabo
    .offer-block
    .offer-item.subscription.simple-block
    .offer-discount {
    height: 40px;
    top: -21px;
  }
  body.compte .reabo .offer-block .offer-item .content {
    padding: 10px;
  }
  body.compte .reabo .offer-block .offer-item.subscription.simple-block .top {
    height: auto;
  }
  body.compte
    .reabo
    .offer-block
    .offer-item.subscription
    .top
    .offer-discount
    + .title {
    width: 100%;
  }
  body.compte .reabo .offer-block .offer-item.simple-block:first-child {
    margin-right: 0;
  }
  body.compte .reabo .offer-block .offer-item.simple-block + .simple-block {
    margin-left: 1.5%;
    margin-right: 0;
  }
  body.compte .reabo .offer-block .offer-item.simple-block {
    width: 47%;
  }
  body.compte .reabo .offer-block .offer-item .content {
    height: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1105px) {
  header .content a.logout {
    bottom: -2px;
    right: 37px;
  }
  header .content .top-content .top-links {
    position: absolute;
    right: 0;
  }
  header .content .top-content .top-links li {
    margin-left: 2rem;
  }
  header .content .top-content .top-links li img,
  header .content .top-content .top-links li label,
  header .content .top-content .top-links li svg {
    display: block;
    margin: auto;
  }
  body.magazine header .content .bottom-content-magazine .logo {
    margin-left: 20%;
  }
  body.magazine header .content .bottom-content-magazine .top-links {
    width: 50%;
  }
  header .content .top-content .search {
    transform: translateX(0);
    z-index: 1;
  }
  header .content .top-content .top-links li label,
  header .content .top-content .top-links li.account label {
    display: none;
  }
  header .content .bottom-content li.level0 {
    padding: 0 0.8571rem;
  }
  body.magazine header .content .bottom-content.opened {
    left: 0;
    transition: left 0.5s;
  }
  #top-image {
    max-width: 100vw;
  }
  #top-image img {
    max-width: 100%;
  }
  .offer-block .offer-items .offer-item.subscription .content .top {
    height: calc(20% + 8px);
  }
  .offer-block .offer-items .offer-item.subscription .content .middle {
    height: 70%;
    padding-bottom: 50px;
  }
  .offer-block .offer-items .offer-item.subscription .content .bottom {
    bottom: 14px;
    position: absolute;
  }
  .offer-block .offer-items .offer-item.subscription .numeric {
    padding-right: 10px;
    position: relative;
  }
  .offer-block .offer-items .offer-item.subscription .numeric .tooltip {
    margin-left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .offer-block .offer-items .offer-item.equal-offer:not(:first-child) .content,
  .offer-block .offer-items .offer-item.product:not(:first-child) .content {
    position: absolute;
    width: 100%;
  }
  .offer-block .offer-items .offer-item.equal-offer img,
  .offer-block .offer-items .offer-item.product img {
    max-width: 100%;
  }
  .offer-block .offer-items .offer-item.equal-offer .button,
  .offer-block .offer-items .offer-item.product .button {
    min-width: auto;
  }
  .offer-block .offer-items .offer-item .bottom {
    width: auto;
  }
  .offer-block .offer-items .offer-item .link {
    line-height: 1.143rem;
    margin-top: 4px;
    white-space: normal;
  }
  .offer-block .offer-items .offer-item .link.gift {
    margin-top: 0;
  }
  .offer-block .offer-item .price-box {
    font-size: 2rem;
  }
  body.magazine .intro .block-cta {
    bottom: -45px;
  }
  body.magazine .intro .descriptif {
    word-spacing: -6px;
  }
  body.magazine .intro .descriptif .interlocuteur,
  body.magazine .intro .descriptif .text {
    vertical-align: top;
    word-spacing: 0;
  }
  body.magazine .bottom-block .magazine {
    left: 15px;
    transform: translateX(0);
    width: calc(100vw - 272px);
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-xl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-xl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-xl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-xl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-xl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .account-subscriptions__head .form-row {
    display: none;
  }
  .account-subscription__details table td:first-child {
    white-space: nowrap;
  }
  .account-subscription__details table td:last-child {
    width: 100%;
  }
  .bundle-content__grid.grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1280px;
  }
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xxl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
  }
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
  }
  .my-xxl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-xxl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .py-xxl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
  }
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1441px) {
  .univers .page-container .magazine-block.container-fluid {
    margin-left: 0;
    width: 100%;
  }
}
@media (max-width: 1440px) {
  .wrapper-width {
    width: 100%;
  }
  .container-width .container-fluid {
    margin-left: calc(-50vw - -560px);
    width: 100vw;
  }
  .container-fluid,
  .page-wrapper {
    width: 100%;
  }
  .bottom-block:not(.upsells):before .container-fluid,
  .breadcrumbs .container-fluid,
  .container .container-fluid,
  .offer-block .container-fluid,
  .page-container .container-fluid {
    margin-left: calc(-50vw - -560px);
    width: 100vw;
  }
}
@media screen and (max-width: 1440px) {
  body.magazine
    header
    .content
    .bottom-content-magazine
    + .bottom-content.opened {
    left: 0;
  }
}
@media (max-width: 1199.98px) {
  #header .header-main__back {
    left: 20px;
  }
  #header .header-main__secure {
    right: 20px;
  }
  #footer .footer-group ul {
    grid-template-columns: repeat(5, 1fr) !important;
  }

  #cart-wrapper .cart-summary {
    padding: 40px 0;
    width: 50%;
  }
  #cart-wrapper .cart-summary:before {
    left: 0;
  }
  #cart-wrapper .cart-summary__inner {
    padding: 0 0 0 40px;
  }
  #cart-wrapper .cart-content {
    padding: 0;
    width: 50%;
  }
  #cart-wrapper .cart-content .cart-step__head {
    padding: 24px 0;
  }
  #cart-wrapper .cart-content .cart-step__content {
    padding: 0;
  }
}
@media (max-width: 1120px) {
  .container-width {
    padding-left: 1.143rem;
    padding-right: 1.143rem;
    width: 100%;
  }
  .container-width .container-fluid {
    margin-left: -1.143rem;
  }
  .container,
  .page-container {
    padding-left: 1.143rem;
    padding-right: 1.143rem;
    width: 100%;
  }
  .container .container-fluid,
  .page-container .container-fluid {
    margin-left: -1.143rem;
  }
  .breadcrumbs {
    padding-left: 1.143rem;
    padding-right: 1.143rem;
    width: 100%;
  }
  .breadcrumbs .container-fluid {
    margin-left: -1.143rem;
  }
  .offer-block {
    padding-left: 1.143rem;
    padding-right: 1.143rem;
    width: 100%;
  }
  .offer-block .container-fluid {
    margin-left: -1.143rem;
  }
  .bottom-block:not(.upsells):before {
    padding-left: 1.143rem;
    padding-right: 1.143rem;
    width: 100%;
  }
  .bottom-block:not(.upsells):before .container-fluid {
    margin-left: -1.143rem;
  }
}
@media (max-width: 991.98px) {
  body {
    padding: 48px 0 0;
  }
  .block-magazines__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .btn-back {
    display: none;
  }
  .masthead {
    padding-bottom: 0;
  }
  .masthead .container {
    display: flex;
    flex-direction: column-reverse;
  }
  .masthead-bundle .masthead__content .masthead__subtitle {
    display: block;
    margin: var(--masthead__gap) 0 0 0;
  }
  .masthead-product .masthead__image {
    max-width: calc(100% - 80px);
  }
  .masthead__content {
    text-align: center;
  }
  .masthead__content > * {
    position: relative;
    z-index: 2;
  }
  .masthead__content > :not(.masthead__title) {
    display: none;
  }
  .masthead__image {
    margin: auto;
    width: 100%;
  }
  .masthead__image:after {
    padding-bottom: 61.7647058824%;
  }
  .masthead__title {
    margin: var(--masthead__gap) 0 0 0;
  }
  .product-offer__gifts.layout-boxed .items .item {
    align-items: center;
  }
  .product-offer__gifts.layout-boxed .items .item .content {
    padding: 0 0 0 24px;
  }
  .product-offer__gifts.layout-boxed .items .item .content .btn-open {
    height: 16px;
    top: calc(50% - 8px);
    width: 16px;
  }
  #header {
    box-shadow: 0 10px 25px rgba(38, 40, 41, 0.1);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  #header.nav-active .header-main__burger svg:first-child {
    display: none;
  }
  #header.nav-active .header-main__burger svg:nth-child(2) {
    display: block;
  }
  #header.nav-active .header-navigation {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }
  #header * {
    --button__line-height: 1.2;
    --button__font-size: 10px;
    --button__padding-x: 10px;
    --button__padding-y: 5px;
  }
  #header .header-main__logo {
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 0 0 0 28px;
  }
  #header .header-main__logo span {
    display: none;
  }
  #header .header-main__actions {
    gap: 5px;
  }
  #header .header-main__actions .btn-coupon span:nth-child(2),
  #header .header-main__actions .btn-renew,
  #header .header-main__actions .search-action,
  #header .header-main__actions .search-input {
    display: none;
  }
  #header .header-navigation {
    border: none;
    height: calc(100vh - 48px);
    left: 0;
    opacity: 0;
    overflow: auto;
    padding: 0 0 50px;
    pointer-events: none;
    position: fixed;
    top: 48px;
    transform: translateX(-100%);
    transition: transform 0.2s ease, opacity 0.2s ease;
    width: 100%;
  }
  #header .header-navigation .container {
    flex-direction: column;
  }
  #header .header-navigation .container .header-navigation__secondary {
    margin: 2px 0 0;
  }
  #header .header-navigation .container > ul {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
    width: 100%;
  }
  #header .header-navigation .container > ul > li.is-open > a svg {
    transform: rotate(180deg);
  }
  #header .header-navigation .container > ul > li.is-open .subnav {
    display: block;
  }
  #header .header-navigation .container > ul > li {
    background-color: #fbf0ee;
    width: 100%;
  }
  #header .header-navigation .container > ul > li > a {
    display: flex;
    font-size: 1.125rem;
    font-weight: 400;
    justify-content: space-between;
    padding: 20px 10px 20px 28px;
    text-transform: none;
  }
  #header .header-navigation .container > ul > li .subnav {
    background-color: #f5f5f5;
    display: none;
  }
  #header .header-navigation .container > ul > li .subnav ul {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  #header .header-navigation .container > ul > li .subnav ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.075);
    width: 100%;
  }
  #header .header-navigation .container > ul > li .subnav ul li a:not(.btn) {
    font-size: 0.875rem;
    font-weight: 400;
    padding: 10px 10px 10px 28px;
  }
  #header .header-navigation .container > ul > li .subnav ul li .btn {
    justify-content: center;
    margin: 10px 10px 10px 28px;
    width: 100%;
  }
  #footer .footer-reassurance ul {
    grid-template-columns: repeat(2, 1fr);
  }
  #footer .footer-contact ul {
    grid-template-columns: 1fr;
  }
  .account-subscriptions__head {
    flex-direction: column;
  }
  .account-subscriptions__switch {
    margin: 24px 0 0;
  }
  .account-subscriptions__table:not(:first-child) {
    margin-top: 24px;
  }
  .account-subscriptions__table thead {
    display: none;
  }
  .account-subscriptions__table tbody {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .account-subscriptions__table tr {
    background-color: #fff;
    box-shadow: 0 10px 25px rgba(38, 40, 41, 0.1);
    display: flex;
    flex-direction: column;
    padding: 24px;
  }
  .account-subscriptions__table td {
    display: flex;
    gap: 8px;
  }
  .account-subscriptions__table td:not(:first-child) {
    border-top: 1px solid #b4b1b1;
    margin: 16px 0 0;
    padding: 16px 0 0;
  }
  .account-subscriptions__table .cell-content {
    width: 50%;
  }
  .account-subscriptions__table .cell-actions {
    align-items: center;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .account-subscriptions__table .cell-actions .btn {
    width: 100%;
  }
  .account-subscription {
    padding-top: 32px;
  }
  .account-subscription .container {
    flex-direction: column;
    gap: 0;
  }
  .account-subscription__product {
    margin: 32px 0 0;
    padding: 0;
    width: 100%;
  }
  .account-subscription__details {
    flex-direction: column-reverse;
    gap: 32px;
    padding-top: 24px;
  }
  .account-subscription__details table tr {
    display: flex;
    flex-direction: column;
  }
  .account-subscription__details table tr:first-child {
    border-top: none;
  }
  .account-subscription__details table td:first-child {
    padding-bottom: 0;
  }
  .account-subscription__details table td:last-child {
    padding-top: 0;
  }
  .account-renew {
    --product-offers__nav__color: #262829;
    padding: 32px 0;
  }
  .account-renew__details {
    align-items: center;
    flex-direction: column;
    padding: 24px 16px;
  }
  .account-renew__details .content {
    text-align: center;
  }
  #cart-wrapper .container {
    flex-direction: column;
  }
  #cart-wrapper .cart-summary {
    padding: 24px 0;
    width: 100%;
  }
  /*#cart-wrapper .cart-summary:before {
    left: -100vw;
    width: 200vw;
  }*/
  #cart-wrapper .cart-summary__inner {
    padding: 0;
  }
  #cart-wrapper .cart-summary__content {
    display: none;
  }
  #cart-wrapper .cart-content {
    width: 100%;
  }
  .offer-content .product-offer {
    margin: 30px 0 0;
  }
  :root {
    --product-offers__nav__color: #262829;
  }
  .product-offers__slider {
    flex-direction: column-reverse;
  }
  .product-desc__blocks {
    padding: 0 0 10px;
  }
  .product-desc__block:not(:first-child) {
    margin: 15px 0 0;
  }
  .product-desc__block__content .entry {
    padding: 0 20px 0 30px;
  }
  .product-desc__block__content .entry .quote-open {
    height: 21px;
    left: -10px;
    top: 0;
    width: 30px;
  }
  .product-desc__block__content .entry .quote-close {
    bottom: -10px;
    height: 14px;
    right: 10px;
    width: 20px;
  }
  .product-desc__block__content .block-byline,
  .product-desc__block__image {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .wrapper-width {
    width: 100%;
  }
  .container-width {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
  .container-fluid,
  .page-wrapper {
    width: 100%;
  }
  .container,
  .page-container {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
  .page-container .container {
    padding-left: 0;
    padding-right: 0;
  }
  .breadcrumbs {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
  }
  .visible-xs {
    display: block !important;
  }
  .hidden-xs {
    display: none !important;
  }
  .container .container-fluid,
  .page-container .container-fluid {
    margin-left: -16px;
  }
  .scroll-to-top {
    right: 1.143rem;
  }
  body .content.container.sticky-element:after {
    content: "";
    opacity: 0;
    transition: opacity 0.5s;
  }
  body.no-scroll .content.container.sticky-element:after {
    background-color: #262829;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: fixed;
    right: 0;
    top: 66px;
    transition: opacity 0.5s;
    z-index: 999;
  }
  .tooltip .tooltip-text {
    bottom: auto;
    height: auto;
    left: 0;
    padding: 0.8571rem;
    position: fixed;
    top: 30%;
    transform: translateX(0);
    width: 100vw;
  }
  .tooltip .tooltip-text strong {
    font-family: montserratregular, Arial, helvetica, sans-serif;
    font-feature-settings: normal;
    font-size: 1rem;
    font-weight: 600;
  }
  .tooltip .tooltip-text:after {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
  }
  .modal .content {
    min-width: 95%;
  }
  .modal.left-modal .content {
    max-width: 80%;
  }
  .modal .content .description {
    margin: 2.285rem 0 1.143rem;
  }
  .menuSide,
  .select-wrapper:after,
  .select-wrapper:before,
  header .content a.logout {
    display: none;
  }
  header {
    border-bottom: none;
  }
  header .content {
    height: 120px;
    margin-bottom: 0.8571rem;
  }
  body.magazine.page-one-click header .content,
  body.multipack header .content {
    height: auto;
    margin-bottom: 0;
  }
  body.magazine.page-one-click header .content .top-content,
  body.multipack header .content .top-content {
    margin-bottom: 0;
  }
  body.compte header .content,
  body.multipack header .content {
    height: auto;
    margin-bottom: 0;
  }
  body.compte header .content .top-content,
  body.multipack header .content .top-content {
    margin-bottom: 0;
  }
  header .content .top-content {
    border-bottom: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 56px;
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
  }
  header .content .top-content > .center-area {
    bottom: auto;
    height: 64px;
    left: auto;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    right: auto;
    top: auto;
  }
  header .content .top-content .logo > .center-area {
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
  }
  header .content .top-content .logo img {
    margin: 0;
    width: 106px;
  }
  header .content .top-content .logo .baseline {
    display: none;
  }
  header .content .top-content .search {
    bottom: -56px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - 32px);
  }
  header .content .top-content .top-links {
    float: right;
  }
  header .content .top-content .top-links li {
    margin-left: 0;
    margin-right: 0.8571rem;
  }
  header .content .top-content .top-links li img,
  header .content .top-content .top-links li svg {
    height: 24px;
    width: 24px;
  }
  header .content .top-content .top-links li label {
    display: none !important;
  }
  header .content .top-content .top-links li #mini-login,
  header .content .top-content .top-links li.top-reabo {
    display: none;
  }
  header .content .top-content:last-child {
    margin-bottom: 0;
  }
  header .content .bottom-content,
  header .content .bottom-content.compte {
    background: #fff;
    bottom: 0;
    display: block;
    height: calc(100vh - 66px);
    left: -360px;
    overflow: hidden;
    position: fixed;
    top: 66px;
    transition: left 0.5s;
    width: 360px;
    z-index: 1001;
  }
  header .content .bottom-content .mobile-close {
    height: 20px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 20px;
    z-index: 1002;
  }
  header .content .bottom-content .mobile-close:after,
  header .content .bottom-content .mobile-close:before {
    background: #bebfc1;
    content: "";
    display: block;
    height: 2px;
    left: 2px;
    position: absolute;
    top: 10px;
    width: 16px;
  }
  header .content .bottom-content .mobile-close:before {
    transform: rotate(-45deg);
  }
  header .content .bottom-content .mobile-close:after {
    transform: rotate(45deg);
  }
  header .content .bottom-content > .center-area {
    padding: 25px 14px;
    position: relative;
  }
  header .content .bottom-content .navigation {
    display: block;
    height: auto;
    vertical-align: top;
    width: 100%;
  }
  header .content .bottom-content .navigation > ul {
    position: relative;
    width: 100%;
  }
  header .content .bottom-content .navigation > ul > li {
    height: auto;
    margin: 0 !important;
    width: 100%;
  }
  header .content .bottom-content .navigation > ul > li.parent {
    position: static;
  }
  header .content .bottom-content .navigation > ul > li.parent > a {
    width: 100%;
  }
  header .content .bottom-content .navigation > ul > li.parent .submenu {
    border: none;
    left: 330px;
    padding-top: 0;
    top: 0;
    width: 100%;
  }
  header .content .bottom-content .navigation > ul > li.parent .submenu > span {
    font-family: montserratbold, Arial, helvetica, sans-serif;
    font-feature-settings: normal;
    font-size: 0.8571rem;
  }
  header
    .content
    .bottom-content
    .navigation
    > ul
    > li.parent
    .submenu
    > span:before {
    content: "";
    display: inline-block;
    height: 48px;
    vertical-align: middle;
    width: 0;
  }
  header .content .bottom-content .navigation > ul > li.parent .submenu > li {
    height: 48px;
    padding-left: 2.285rem;
    position: relative;
    width: 100%;
  }
  header
    .content
    .bottom-content
    .navigation
    > ul
    > li.parent
    .submenu
    > li
    > a:before {
    content: "";
    display: inline-block;
    height: 48px;
    vertical-align: middle;
    width: 0;
  }
  header
    .content
    .bottom-content
    .navigation
    > ul
    > li.parent
    .submenu
    > li:after {
    border-bottom: 2px solid #a6a9ab;
    border-left: 2px solid #a6a9ab;
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 15px;
    top: 45%;
    transform: translateY(-50%) rotate(-135deg);
    width: 6px;
  }
  header
    .content
    .bottom-content
    .navigation
    > ul
    > li.parent
    .submenu
    > li.back-link {
    cursor: pointer;
    height: auto;
    padding-left: 15px;
    position: absolute;
    text-transform: none;
    top: -26px;
    width: auto;
  }
  header
    .content
    .bottom-content
    .navigation
    > ul
    > li.parent
    .submenu
    > li.back-link:after {
    display: none !important;
  }
  header
    .content
    .bottom-content
    .navigation
    > ul
    > li.parent
    .submenu
    > li.see-all {
    display: list-item;
    font-size: 0.7857rem;
    height: auto !important;
    padding-left: 0 !important;
    padding-right: 22px !important;
    position: absolute !important;
    right: 26px;
    text-transform: none;
    top: 16px;
    width: auto !important;
  }
  header
    .content
    .bottom-content
    .navigation
    > ul
    > li.parent
    .submenu
    > li.see-all
    > a:before {
    display: none !important;
  }
  header
    .content
    .bottom-content
    .navigation
    > ul
    > li.parent
    .submenu
    > li.see-all:after {
    right: 5px !important;
    top: 10px !important;
  }
  header .content .bottom-content .navigation > ul > li.parent:after {
    float: right;
    margin-top: -25px;
    position: static;
    transform: translateY(-50%) rotate(-135deg);
  }
  header
    .content
    .bottom-content
    .navigation
    > ul
    > li.parent.clicked
    .back-link,
  header
    .content
    .bottom-content
    .navigation
    > ul
    > li.parent.clicked
    ul
    > span {
    display: block;
  }
  header .content .bottom-content .navigation > ul > li.parent.clicked > a {
    transition: margin-left 0.35s;
  }
  header
    .content
    .bottom-content
    .navigation
    > ul
    > li.parent.clicked
    .submenu {
    left: 330px;
    opacity: 1;
    padding-top: 0;
    visibility: visible;
  }
  header .content .bottom-content .navigation > ul > li.mag,
  header .content .bottom-content .navigation > ul > li.pack {
    float: none;
    padding-right: 35px;
    text-align: left;
  }
  header .content .bottom-content .navigation > ul > li.pack:before {
    display: none;
  }
  header .content .bottom-content .navigation > ul > li.pack:after {
    display: block;
  }
  header .content .bottom-content .navigation > .center-area {
    left: 0;
    transition: left 0.35s;
  }
  header .content .bottom-content .navigation.opened > .center-area {
    left: -330px;
    transition: left 0.35s;
  }
  header .content .bottom-content.opened {
    left: 0;
    overflow-y: auto;
    transition: left 0.5s;
  }
  header.simple-header .content {
    height: 64px;
  }
  body.magazine header .content .top-content .mobile-menu {
    left: 18px !important;
    top: 20px !important;
  }
  body.magazine header .content .bottom-content-magazine {
    display: none;
  }
  body.magazine header .content .bottom-content {
    box-shadow: none !important;
    opacity: 1;
    top: 66px !important;
  }
  body.magazine header .content .bottom-content.opened {
    left: 0 !important;
  }
  body.checkout header .top-content {
    margin-bottom: 0;
  }
  body.checkout header .bottom-content {
    height: auto;
    margin-left: -16px;
    margin-right: -16px;
    position: static;
    width: calc(100% + 32px);
  }
  body.checkout header .bottom-content #checkout-progress > li {
    height: 62px;
    width: 18%;
  }
  body.checkout header .bottom-content #checkout-progress > li span {
    font-size: 0;
  }
  body.checkout header .bottom-content #checkout-progress > li.active {
    width: 46%;
  }
  body.checkout header .bottom-content #checkout-progress > li.active span {
    font-size: 0.8571rem;
  }
  footer .reassurance {
    display: inline-block;
    height: auto;
    padding: 0;
  }
  footer .reassurance ul.center-area {
    position: relative;
  }
  footer .reassurance li {
    padding: 8px 1.143rem;
    width: 50%;
  }
  footer .reassurance li > img,
  footer .reassurance li > span {
    display: inline-block;
    vertical-align: middle;
  }
  footer .reassurance li > img {
    margin-right: 0.8571rem;
    max-height: 32px;
    max-width: 32px;
  }
  footer .content .cols {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  footer .content .cols .col {
    padding-bottom: 0;
    padding-top: 2.285rem;
    text-align: center;
  }
  footer .content .cols .col div + ul:last-child {
    float: none;
  }
  footer .content .cols .col li {
    line-height: 3rem;
    padding: 0 0.8571rem;
  }
  footer .content .cols .col li > a {
    display: inline-block;
    line-height: 1.428rem;
  }
  footer .content .cols .col .tel-number {
    background: none;
    padding-left: 0;
  }
  .bottom-block:not(.upsells):before,
  .offer-block {
    padding-left: 16px;
    padding-right: 16px;
  }
  .bottom-block:not(.upsells):before {
    width: 100%;
  }
  .steps > .step {
    padding: 0 1.714rem 3.428rem;
  }
  .page-container > h1 {
    margin: 1.714rem 0;
  }
  .brands-banner {
    height: auto;
    margin-top: 0;
    position: relative;
  }
  .brands-banner .brands {
    display: block;
    height: auto;
    padding: 0.8571rem 0;
    word-spacing: -6px;
  }
  .brands-banner .brands .logo {
    display: inline-block;
    margin: 0.8571rem 0;
    vertical-align: middle;
    width: 50%;
    word-spacing: 0;
  }
  .magazines-block .magazines-picture {
    height: auto;
    max-width: 200px;
    width: 50%;
  }
  .magazines-block .magazines-picture img {
    height: auto;
    width: 100%;
  }
  .magazines-block .container {
    padding-top: 3.428rem;
  }
  .magazines-block .magazines-text {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .magazines-block .magazines-list {
    padding-left: 0;
    width: 100%;
  }
  .magazines-block .magazines-list .magazines-items {
    display: inline-block;
    max-width: 100%;
    width: 100%;
  }
  .magazines-block .magazines-list .magazines-items .magazines-item.col-1,
  .magazines-block .magazines-list .magazines-items .magazines-item.col-2 {
    max-width: 100% !important;
    width: 100% !important;
  }
  .magazines-block .magazines-list .magazines-items .magazines-item .pictures {
    height: 160px;
    margin: auto;
    max-width: 360px;
  }
  .magazines-block
    .magazines-list
    .magazines-items
    .magazines-item
    .pictures
    .picture {
    position: absolute;
  }
  .magazines-block
    .magazines-list
    .magazines-items
    .magazines-item
    .pictures
    .picture
    > img {
    height: 100%;
    width: auto;
  }
  .magazines-block
    .magazines-list
    .magazines-items
    .magazines-item
    .pictures
    .picture.guide {
    height: 110px;
  }
  .magazines-block
    .magazines-list
    .magazines-items
    .magazines-item
    .pictures
    .picture.site {
    height: auto;
    left: 50%;
    text-align: right;
    width: 50%;
  }
  .magazines-block
    .magazines-list
    .magazines-items
    .magazines-item
    .pictures
    .picture.site
    > img {
    height: auto;
    max-width: 100%;
  }
  .magazines-block
    .magazines-list
    .magazines-items
    .magazines-item
    .pictures
    .picture.couv {
    height: 100%;
    max-width: 50%;
  }
  .magazines-block
    .magazines-list
    .magazines-items
    .magazines-item
    .pictures
    .picture.couv
    > img {
    height: 100%;
    width: auto;
  }
  .magazines-block .magazines-list .magazines-items .promo-block {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.143rem;
    max-width: 480px;
    position: relative;
    width: 100%;
  }
  .magazines-block .magazines-list .magazines-items .promo-block > a {
    display: inline-block;
    position: relative;
    top: 0;
    transform: translateY(0);
    width: 100%;
  }
  .magazines-block .magazines-list .magazines-items .promo-block img {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
  }
  .magazines-block
    .magazines-list
    .magazines-items
    .promo-block
    + .magazines-item {
    flex-basis: auto;
  }
  .magazines-block.right-block .container,
  .magazines-block.with-promo .container .magazines-list .magazines-items {
    display: flex;
    flex-direction: column-reverse;
  }
  .overlay-block .content:after {
    display: none;
  }
  .tab-blocks:not(.two-cols-xs) {
    flex-direction: column;
  }
  .tab-blocks:not(.two-cols-xs) .tab-block {
    border: 1px solid #bebfc1 !important;
    border-left: none !important;
    margin-top: -1px;
    padding-left: 56px;
    text-align: left;
    width: 100% !important;
  }
  #format .tab-blocks:not(.two-cols-xs) .tab-block {
    min-height: 122px;
    padding-right: 85px;
  }
  .tab-blocks:not(.two-cols-xs) .tab-block:after,
  .tab-blocks:not(.two-cols-xs) .tab-block:before {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 4px;
  }
  .tab-blocks:not(.two-cols-xs) .tab-block:before {
    background-color: #706b67;
  }
  .tab-blocks:not(.two-cols-xs) .tab-block:after {
    display: none;
  }
  .tab-blocks:not(.two-cols-xs) .tab-block input,
  .tab-blocks:not(.two-cols-xs) .tab-block label {
    display: block;
  }
  .tab-blocks:not(.two-cols-xs) .tab-block label {
    left: 16px;
    position: absolute;
    top: calc(50% - 12px);
  }
  .tab-blocks:not(.two-cols-xs) .tab-block img {
    max-width: 150px;
  }
  .tab-blocks:not(.two-cols-xs):after {
    background-color: transparent;
    border: 10px solid transparent;
    border-top-color: #706b67;
    content: "";
    display: block;
    height: 0;
    margin: 20px auto 0;
    width: 0;
  }
  .offer-block {
    max-width: 550px;
    padding: 0;
    width: 100%;
  }
  .offer-block .offer-item {
    border-right: 1px solid #bebfc1;
    width: 100% !important;
  }
  .offer-block .offer-item.add-offer .content:after,
  .offer-block .offer-item.add-offer .content:before,
  .offer-block .offer-item.add-offer:before,
  .offer-block .offer-item.equal-offer .content:after,
  .offer-block .offer-item.equal-offer .content:before,
  .offer-block .offer-item.equal-offer:before {
    left: 50%;
    top: 0;
  }
  .offer-block .offer-item.equal-offer .content:before {
    top: -3px;
  }
  .offer-block .offer-item.equal-offer .content:after {
    top: 3px;
  }
  .offer-block .offer-item .price-box {
    padding-top: 0;
  }
  .offer-block .offer-item.subscription .top {
    margin-top: 0;
  }
  .offer-block .offer-item.product .product-slider .middle > div {
    padding-bottom: 25px;
  }
  .offer-block .offer-item.product .product-slider label {
    height: 35px;
  }
  .offer-block .offer-item.product img {
    margin-bottom: 15px;
    max-height: 120px;
    max-width: 100%;
  }
  .offer-block .offer-item.product .product-slider + .bottom {
    position: relative;
  }
  .offer-block .offer-item.product .product-slider + .bottom .link {
    height: auto;
  }
  .offer-block .offer-item.simple-block {
    margin-bottom: 2.285rem;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .offer-block .offer-item.simple-block .price-box {
    margin-top: 0.8571rem;
    width: 100%;
  }
  .offer-block .offer-item .content {
    height: auto;
  }
  .offer-block .offer-items {
    flex-direction: column;
  }
  .offer-block .offer-items.vpc > div:first-child .center-area {
    margin: 0.8571rem 0;
    position: relative;
  }
  .offer-block .offer-items.vpc .visuel {
    width: 39%;
  }
  .offer-block .offer-items.vpc .text {
    width: 59%;
  }
  .offer-block .offer-items.vpc .free-shipping {
    left: auto;
    right: 15px;
  }
  .offer-block .offer-items.vpc .total {
    text-align: center;
    width: 100%;
  }
  .offer-block .offer-items.vpc .total .price-box {
    text-align: right;
    width: auto;
  }
  .offer-block .offer-items.vpc .total {
    margin-top: 0.8571rem;
  }
  .offer-block .offer-items.total > div:first-child {
    display: none;
  }
  .offer-block.upsell .offer-item + .offer-item {
    margin-top: 80px;
  }
  body.magazine main .page-container > .content {
    padding: 12px 0;
  }
  body.magazine .intro {
    margin-bottom: 0;
    padding-right: 0;
  }
  body.magazine .intro h2 {
    padding: 0 1.143rem;
    text-align: left;
  }
  body.magazine .intro .descriptif {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 1.143rem;
  }
  body.magazine .intro .descriptif .interlocuteur {
    border: none;
    margin-top: 1.714rem;
    max-width: 100%;
    padding: 0;
  }
  body.magazine .intro .descriptif .interlocuteur img,
  body.magazine .intro .descriptif .interlocuteur span {
    display: inline-block;
    margin: 0 6px 0.8571rem;
    vertical-align: middle;
  }
  body.magazine .intro .descriptif .text {
    max-width: 100%;
    padding: 0;
  }
  body.magazine .intro .block-cta {
    box-shadow: none;
    padding-left: 1.143rem;
    padding-right: 1.143rem;
    position: relative;
  }
  body.magazine .intro .block-cta:after {
    display: none;
  }
  body.magazine .bottom-block {
    padding-left: 0;
    padding-right: 0;
  }
  body.magazine .bottom-block h2 {
    font-size: 2.285rem;
    line-height: 2.285rem;
  }
  body.magazine .bottom-block > .section {
    padding-left: 1.143rem;
    padding-right: 0.8571rem;
  }
  body.magazine .bottom-block > .section > .container {
    width: 100%;
  }
  body.magazine .bottom-block > .section + .section {
    margin-top: 0;
    padding-bottom: 120px;
    padding-top: 115px;
  }
  body.magazine .bottom-block .edito-content {
    background: #fff;
    padding-bottom: 1.714rem;
    padding-top: 1.714rem;
    width: 100%;
  }
  body.magazine .bottom-block .edito-content .edito-text {
    padding-left: 1.714rem !important;
    padding-right: 1.143rem !important;
  }
  body.magazine .bottom-block .edito-content.highlight {
    margin-top: 88px;
    padding-bottom: 0;
    padding-top: 0;
  }
  body.magazine .bottom-block .edito-content.highlight:after {
    bottom: 8px;
    left: 8px;
    right: -8px;
    top: -8px;
  }
  body.magazine .bottom-block .edito-content.highlight .edito-text:before {
    background-size: contain;
    left: 50%;
    top: -24px;
    transform: translateX(-50%);
    width: 54px;
  }
  body.magazine .bottom-block .edito-content.highlight .edito-text .text {
    height: 265px;
    overflow: hidden;
    padding-bottom: 80px;
    position: relative;
    transition: height 0.5s;
  }
  body.magazine
    .bottom-block
    .edito-content.highlight
    .edito-text
    .text.opened {
    height: auto;
    padding-bottom: 0;
    transition: height 0.5s;
  }
  body.magazine
    .bottom-block
    .edito-content.highlight
    .edito-text
    .text.opened
    .button,
  body.magazine
    .bottom-block
    .edito-content.highlight
    .edito-text
    .text.opened:after {
    display: none;
  }
  body.magazine .bottom-block .magazine {
    display: inline-block;
    height: auto;
    left: auto;
    margin-bottom: 1.143rem;
    margin-top: -50px;
    max-height: none;
    max-width: 90vw;
    padding: 16px;
    position: relative;
    top: auto;
    transform: translateX(0);
    width: 100%;
  }
  body.magazine .bottom-block .magazine > .visuels {
    height: 100%;
    margin: auto;
    max-width: 350px;
    position: relative;
  }
  body.magazine .bottom-block .magazine > .visuels > img {
    position: absolute;
  }
  body.magazine .bottom-block .magazine > .visuels > img:first-child {
    box-shadow: 0 6px 12px rgba(35, 35, 35, 0.3);
    left: 5px;
    max-height: 100%;
    max-width: 60%;
    position: relative;
    z-index: 2;
  }
  body.magazine .bottom-block .magazine > .visuels > img:last-child {
    max-width: 90%;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  body.magazine .bottom-block .magazine > .visuels > img:only-child {
    left: 50%;
    max-width: 60%;
    top: 0;
    transform: translateX(-50%);
  }
  body.magazine .bottom-block .magazine a {
    margin-top: 0.8571rem;
  }
  body.magazine .bottom-block .block-cta .ctas {
    flex-direction: column;
    padding: 3.428rem 0;
  }
  body.magazine .bottom-block .block-cta .ctas .cta {
    margin: 4px 0;
  }
  body.magazine .magazine-list .magazine {
    max-width: 100%;
  }
  body.magazine .magazine-list .magazine .content {
    padding-left: 1.143rem;
    padding-right: 1.143rem;
  }
  body.magazine .magazine-list .magazine .content .text {
    padding-left: 1.143rem;
  }
  body.multipack .magazine-list .magazine {
    max-width: 100%;
    width: 100%;
  }
  body.multipack .magazine-list .magazine .visuel {
    width: 29%;
  }
  body.multipack .magazine-list .magazine .text {
    width: 69%;
  }
  body.multipack .magazine-list .magazine .text .title {
    line-height: normal;
  }
  body.univers .intro {
    padding: 1.714rem;
  }
  body.univers .magazine-block .text {
    padding: 1.714rem;
    text-align: center;
  }
  .offer-block .offer-item .bottom {
    height: 10%;
    padding-top: 1.6rem;
    width: 100%;
  }
  #mode-tablet {
    display: block;
    height: 0;
    position: absolute;
    width: 0;
  }
  body.faq .left-column {
    width: 100%;
  }
  body.faq .right-column {
    margin-top: 0;
    width: 100%;
  }
  body.faq .left-column {
    padding-left: 0;
  }
  body.faq #block-cta .ctas .select-wrapper {
    margin-top: 10px;
    width: 100%;
  }
  body.faq #block-cta .ctas .select-wrapper slelect {
    padding: 10px 14px;
  }
  body.faq .block-cta {
    box-shadow: none;
    padding: 0;
  }
  .cart-content .cart-header {
    display: none;
  }
  .cart-content .cart-item {
    border-bottom: 1px solid #bebfc1;
    display: inline-block;
    padding-left: 90px;
    position: relative;
    width: 100%;
  }
  .cart-content .cart-item > div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .cart-content .cart-item .article,
  .cart-content .cart-item .qty,
  .cart-content .cart-item .total {
    border-right: none;
    display: block;
    position: static;
    width: auto;
  }
  .cart-content .cart-item .article {
    border-bottom: 1px solid #bebfc1;
  }
  .cart-content .cart-item .article .image {
    left: 0;
    position: absolute;
    top: 1.143rem;
    width: 72px;
  }
  .cart-content .cart-item .article .text {
    font-family: montserratregular, Arial, helvetica, sans-serif;
    font-feature-settings: normal;
    font-size: 0.7857rem;
    max-width: 100%;
    padding-right: 5px;
  }
  .cart-content .cart-item .article .text .name {
    font-family: montserratregular, Arial, helvetica, sans-serif;
    font-feature-settings: normal;
    font-size: 1rem;
    font-weight: 600;
  }
  .cart-content .cart-item .article .abo {
    display: block;
    width: 100%;
  }
  .cart-content .cart-item .article .abo .select-wrapper select {
    min-width: 208px;
  }
  .cart-content .cart-item .article .plus .item {
    line-height: normal;
    padding-top: 2px;
  }
  .cart-content .cart-item .article .plus .item img {
    margin-right: 6px;
  }
  .cart-content .cart-item .article .plus .item span {
    width: calc(100% - 60px);
  }
  .cart-content .cart-item .article .plus .item:before {
    margin-right: 6px;
  }
  .cart-content .cart-item .qty {
    border-bottom: 1px solid #bebfc1;
    word-spacing: -6px;
  }
  .cart-content .cart-item .qty label {
    color: #919497;
    display: inline-block;
    font-family: montserratregular, Arial, helvetica, sans-serif;
    font-feature-settings: normal;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    width: calc(100% - 94px);
    word-spacing: 0;
  }
  .cart-content .cart-item .qty .div-input {
    display: inline-block;
    width: 94px;
  }
  .cart-content .cart-item .qty a.decrease {
    left: unset;
    right: 62px;
    top: calc(50% - 2px);
  }
  .cart-content .cart-item .total {
    word-spacing: -6px;
  }
  .cart-content .cart-item .total label {
    color: #919497;
    display: inline-block;
    font-family: montserratregular, Arial, helvetica, sans-serif;
    font-feature-settings: normal;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    vertical-align: middle;
    width: 50%;
    word-spacing: 0;
  }
  .cart-content .cart-item .total .price-box {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    width: 50%;
    word-spacing: 0;
  }
  .cart-content .cart-item .total .delete {
    top: 1.143rem;
    transform: translateY(0);
  }
  body.checkout .page-container .container {
    padding-left: 0;
    padding-right: 0;
    width: auto;
  }
  body.checkout .fieldset .magazines-block .magazines-list {
    width: 100%;
  }
  body.checkout
    .fieldset
    .magazines-block
    .magazines-list
    .magazines-items
    .magazines-item {
    max-width: 100%;
  }
  body.checkout .shipping-item {
    flex-direction: column;
  }
  body.checkout .shipping-item .cart-content {
    width: 100%;
  }
  body.checkout .shipping-item .cart-content .cart-item {
    border-bottom: none;
    border-right: 1px solid #bebfc1;
    padding: 1.143rem;
  }
  body.checkout .shipping-item .cart-content .cart-item .article {
    padding-top: 0;
  }
  body.checkout .shipping-item .cart-content .cart-item .article .image {
    left: 1.143rem;
  }
  body.checkout .shipping-item .cart-content .cart-item .article .text {
    padding-left: 0;
  }
  body.checkout
    .shipping-item
    .cart-content
    .cart-item
    .article
    .abo
    .select-wrapper
    select {
    min-width: 150px;
  }
  body.checkout .shipping-item .shipping-content {
    width: 100%;
  }
  .cart-content .cart-item .article .plus .item {
    font-size: 0.7857rem;
  }
  .acc2Box {
    margin-left: 0;
    width: 100%;
  }
  .acc2helpbox .content {
    display: block;
  }
  .acc2helpbox .content > div {
    box-sizing: border-box;
    height: auto;
    margin: 15px 0;
    min-height: 0;
    padding: 10px 10px 10px 0;
    width: 100%;
  }
  .acc2helpbox .content .text {
    text-align: left;
  }
  .acc2helpbox .content br {
    display: none;
  }
  .acc2helpbox .content .imgbox svg {
    height: 32px;
    width: 32px;
  }
}
@media screen and (max-width: 949px) {
  .alert.info .content .xs {
    display: inline-block;
  }
  .alert.info .content .xl {
    display: none;
  }
  .compte-lnk .offer-block {
    max-width: 350px;
    width: 50%;
  }
  div.acc2Box.mesAbonnements .infosAbo .ligne:nth-child(odd) {
    background-color: #fff;
  }
  .acc2BoxContent {
    padding: 15px 0;
  }
  div.acc2Box .acc2SlideContent {
    padding: 15px;
  }
  div.acc2Box .acc2SlideHead .titre {
    width: calc(100% - 125px);
  }
  div.acc2Box.accueil .acc2AccueilBox .title {
    font-size: 0.875rem;
  }
  .page_offres_privileges div.acc2Box.fixe .acc2SlideContent {
    padding-left: 0;
    padding-right: 0;
  }
  div.acc2Box.mesInfosPersonnelles #questionnaire td.input-child {
    display: inline-block;
    width: calc(100% - 50px);
  }
  div.acc2Box.mesInfosPersonnelles #questionnaire td.remove-child {
    display: inline-block;
    width: 40px;
  }
  div.acc2Box.mesInfosPersonnelles #questionnaire .birthday-field input {
    width: 100%;
  }
  div.acc2Box.mesInfosPersonnelles #questionnaire td.input-mag {
    display: inline-block;
    width: calc(100% - 50px);
  }
  div.acc2Box.mesInfosPersonnelles #questionnaire td.remove-mag {
    display: inline-block;
    width: 40px;
  }
  div.acc2Box.mesInfosPersonnelles #questionnaire .magazine-field input {
    width: 100%;
  }
  div.acc2Box.mesIdentifiants .acc2SlideContent .tab_form td:first-child {
    margin-bottom: 4px;
  }
  div.acc2Box.mesIdentifiants .acc2SlideContent .tab_form td {
    margin-bottom: 10px;
  }
}
@media (max-width: 767.98px) {
  .block-magazines__grid {
    gap: 20px;
    grid-template-columns: 1fr;
  }
  .block-slider .container {
    padding: 0;
  }
  .block-slider .dots,
  .block-slider .item img:first-child {
    display: none;
  }
  .breadcrumb {
    gap: 4px 8px;
  }
  .breadcrumb li:not(:last-child):after {
    margin: 0 0 0 8px;
  }
  #footer .footer-group ul {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  #account-wrapper {
    padding: 32px 0;
  }
  .bundle-content__grid {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .bundle-content__total__actions {
    flex-direction: column;
    gap: 5px;
    width: 100%;
  }
}
@media screen and (max-width: 749px) {
  .compte-lnk .offer-block:last-child {
    border-bottom: none;
    border-top: none;
    margin-top: 0;
  }
  div.acc2Box img.desktop {
    display: none;
  }
  div.acc2Box img.tablet {
    display: block;
  }
  div.acc2Box img.mobile {
    display: none;
  }
}
@media screen and (max-width: 649px) {
  body.compte .tab_checkbox td {
    display: block;
    margin-bottom: 5px;
  }
  .compte-lnk .offer-block svg {
    height: 60px;
    width: 60px;
  }
  .logoAbonnements {
    display: none;
  }
  .logoAbonnements a {
    margin: 7px calc(16.666% - 75px);
  }
  .comboAbonnements {
    display: block;
  }
  .comboAbonnements.styled-compte {
    height: 37px;
  }
  .comboAbonnements.styled-compte select {
    font-family: Georgia, serif;
    font-size: 1.125rem;
    height: 35px;
  }
  body.compte .brands-banner {
    display: none;
  }
  div.acc2Box.mesModesDePaiement .tab .cell {
    float: none;
    padding: 0 0 15px;
    text-align: left;
    width: 100%;
  }
  div.acc2Box.mesModesDePaiement .tab .line span {
    display: inline-block;
    font-weight: 700;
    width: 150px;
  }
  div.acc2Box.mesModesDePaiement .tab {
    border-top: 1px solid #c2c2c2;
  }
  div.acc2Box.mesAbonnements .aboInfo1 {
    max-width: 150px;
    width: 40%;
  }
  div.acc2Box.mesAbonnements .aboInfo2 {
    width: 60%;
  }
  div.acc2Box.mesAbonnements .aboInfo3,
  div.acc2Box.mesAbonnements .aboInfo5 {
    margin-bottom: 15px;
    min-height: auto;
    width: 100%;
  }
  div.acc2Box.mesAbonnements .aboInfo4 {
    padding-right: 0;
    width: 100%;
  }
  div.acc2Box.mesAbonnements .etat_abo .texte {
    text-align: left;
    width: 100%;
  }
  div.acc2Box.mesAbonnements .etat_abo .btn_reabo {
    margin-top: 20px;
    width: 100%;
  }
  div.acc2Box.mesAbonnements .infosAbo .ligne.kdo .titre {
    width: 50%;
  }
  div.acc2Box.mesAbonnements .infosAbo .ligne.kdo .visuel {
    display: none;
  }
  div.acc2Box.mesAbonnements .aboInfo4 .infoAboBenef {
    margin: auto;
    max-width: 300px;
  }
  div.acc2Box.mesAbonnements .infoCouv.grandformat:after,
  div.acc2Box.mesAbonnements .infoCouv.petitformat:after {
    height: 90px;
    width: 90px;
  }
  div.acc2Box.accueil > ul > li {
    width: 49%;
  }
  div.acc2Box.accueil .acc2-unequestion,
  div.acc2Box.accueil .banner {
    display: none;
  }
  div.acc2Box.mesCommandes .commandeInfos1 {
    clear: both;
    float: none;
    margin-bottom: 15px;
    overflow: hidden;
    width: 100%;
  }
  div.acc2Box.mesCommandes .commandeInfos2 {
    float: none;
    width: 100%;
  }
  div.acc2Box.mesCommandes .commandeInfos2 .btn_jaune {
    float: right;
    margin-bottom: 0;
    margin-top: 0;
    width: 170px;
  }
  div.acc2Box.mesCommandes .commandeInfos2 .btn_noir {
    float: left;
    width: 190px;
  }
  div.acc2Box.mesCommandes .commandeInfos2 .btn_noir.non_reglable,
  div.acc2Box.mesCommandes .commandeInfos2 .btn_noir.reglee {
    margin-bottom: 0;
    margin-top: 0;
  }
  div.acc2Box.mesCommandes .infosCommande .ligne {
    border: none;
    padding: 5px 10px;
  }
  div.acc2Box.mesCommandes .infosCommande {
    border-bottom: none;
    float: left;
  }
  div.acc2Box.mesCommandes .etat_commande {
    float: right;
  }
  div.acc2Box.mesCommandes .infosCommande .ligne > div {
    display: inline;
    float: none;
    width: auto;
  }
  div.acc2Box.mesCommandes .infosCommande .ligne .titre:after {
    content: " : ";
    display: inline;
  }
}
@media screen and (max-width: 640px) {
  .left-column,
  .right-column {
    width: 100%;
  }
  .steps {
    flex-direction: column;
  }
  .steps > .step {
    padding-left: 0;
    padding-right: 0;
  }
  .steps > .step:after,
  .steps > .step:before {
    display: none;
  }
  .steps > .step .number {
    background: #f48b7b;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-family: Playfair Display, Times New Roman, Times, serif;
    height: 48px;
    margin: auto auto 0.8571rem;
    padding-top: 0.8571rem;
    width: 48px;
  }
  body.magazine .mag-selection > * {
    display: inline-block;
    margin: 1.143rem 0;
    text-align: center;
    width: 100%;
  }
  body.magazine .mag-selection > * form {
    margin: auto;
    width: 255px;
  }
  body.magazine .magazine-list .magazine .selection {
    min-height: 0;
  }
  body.magazine .magazine-list .magazine {
    margin-left: 0;
    margin-right: 0;
  }
  body.magazine .magazine-list .magazine .content {
    padding-bottom: 40px;
  }
  body.magazine .magazine-list .magazine .content .visuel {
    margin-bottom: 20px;
    width: 66%;
  }
  body.magazine .magazine-list .magazine .content .text {
    padding-left: 0;
    width: auto;
  }
  body.magazine .magazine-list .magazine .content .text .right .tooltip {
    right: 0;
  }
  body.magazine .magazine-list .magazine .content .text select {
    padding: 0.8571rem 1.714rem 0.8571rem 0.8571rem;
    width: 65px;
  }
  body.magazine .magazine-list .magazine .content .text button {
    bottom: 50px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: calc(100% - 48px);
  }
  body.magazine .magazine-list .magazine .content .text .link {
    bottom: 20px;
    left: 24px;
    position: absolute;
    width: calc(100% - 48px);
  }
  body.magazine .magazine-list .magazine:nth-child(1n) {
    margin-right: 0;
  }
  body.magazine .magazine-list .magazine:nth-child(2n) {
    margin-left: 0;
  }
  body.multipack .magazine-list .magazine {
    max-width: 100%;
    width: 100%;
  }
  body.multipack .magazine-list .magazine .content {
    padding-bottom: 0;
  }
  body.multipack .magazine-list .magazine .visuel {
    width: 29%;
  }
  body.multipack .magazine-list .magazine .text {
    width: 69%;
  }
  body.multipack .magazine-list .magazine .text .title {
    line-height: normal;
  }
  body.multipack .right-column {
    height: 0;
  }
  body.multipack #cart-summary {
    bottom: 0;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.4);
    left: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
  }
  body.multipack #cart-summary table thead tr.message-mobile {
    display: block;
    padding: 0;
  }
  body.multipack #cart-summary table thead tr.message-mobile .alert {
    margin: 0;
    text-transform: none;
  }
  body.multipack #cart-summary table tbody {
    display: flex;
  }
  body.multipack #cart-summary table tbody tr.article,
  body.multipack #cart-summary table tbody tr.cadeau {
    display: none;
  }
  body.multipack #cart-summary table tbody tr.cadeau td.label {
    display: block;
    white-space: nowrap;
    width: 100%;
  }
  body.multipack #cart-summary table tbody tr.cadeau td.value {
    display: none;
  }
  body.multipack #cart-summary table tbody tr.cadeau td.value a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    padding: 0 10px;
    text-decoration: underline;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  body.multipack #cart-summary table tbody tr.economy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30%;
  }
  body.multipack #cart-summary table tbody tr.economy > td {
    display: block;
  }
  body.multipack #cart-summary table tbody tr.message {
    display: none;
  }
  body.multipack #cart-summary table tbody tr.total {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30%;
  }
  body.multipack #cart-summary table tbody tr.total > td {
    display: block;
  }
  body.multipack #cart-summary table thead th {
    padding: 0;
  }
  body.multipack #cart-summary table thead th .alert {
    margin: 5px 0;
  }
  body.multipack #cart-summary table thead th.label {
    text-align: center;
    text-transform: none;
  }
  body.multipack #cart-summary table thead tr.nbarticle-mobile {
    box-sizing: border-box;
    display: block;
  }
  body.multipack #cart-summary table thead tr.nbarticle-mobile th.label {
    display: block;
    width: 100%;
  }
  body.multipack #cart-summary table tbody td.value {
    padding-top: 2px;
    text-align: center;
  }
  body.multipack #cart-summary .button {
    bottom: 7px;
    min-width: auto;
    position: absolute;
    right: 10px;
  }
  body.multipack footer {
    padding-bottom: 164px;
  }
  body.univers .intro {
    padding: 1.714rem;
  }
  body.univers .magazine-block .magazines-items {
    flex-direction: column !important;
  }
  body.univers .magazine-block .magazines-items h3 {
    padding: 0 !important;
    position: relative;
  }
  body.univers .magazine-block .magazines-items .magazines-item {
    margin: auto;
    padding-top: 1.143rem;
  }
  body.univers .magazine-block .text {
    padding: 1.714rem;
    text-align: center;
  }
  body.univers .promo-block img {
    max-width: 100%;
  }
  body.account .order-informations,
  body.page-one-click .order-informations {
    padding-left: 0;
    padding-right: 0;
  }
  body.account #subscribed,
  body.account main form,
  body.page-one-click #subscribed,
  body.page-one-click main form {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.account main section .reassurance {
    display: none;
  }
  body.account main section .reassurance .pictos,
  body.page-one-click main section .reassurance .pictos {
    max-width: 100%;
    text-align: left;
  }
  body.account main section .reassurance .pictos .item,
  body.page-one-click main section .reassurance .pictos .item {
    display: inline-block;
    margin-bottom: 1.143rem;
    width: 100%;
  }
  body.account main section .reassurance .pictos .item .picto,
  body.page-one-click main section .reassurance .pictos .item .picto {
    display: inline-block;
    margin-left: 1.143rem;
    margin-right: 1.143rem;
    vertical-align: middle;
  }
  body.account main section .reassurance .pictos .item span,
  body.page-one-click main section .reassurance .pictos .item span {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 100px);
  }
  .goBackShopping {
    text-align: center;
  }
  .accounAlert .action,
  .accounAlert .texte {
    text-align: center;
    width: 100%;
  }
  .accounAlert .action {
    margin-top: 10px;
  }
  .offer-block .offer-items.vpc .free-shipping {
    display: block;
    left: auto;
    margin-top: 5px;
    position: static;
    right: auto;
    text-align: left;
    top: auto;
    transform: none;
    width: 100%;
  }
  .offer-block .offer-item.vpc .link {
    display: block;
    margin-top: 5px;
  }
  .offer-block .offer-items.vpc .text,
  .offer-block .offer-items.vpc .total,
  .offer-block .offer-items.vpc .visuel {
    vertical-align: top;
  }
  .offer-block .offer-items.vpc .text {
    padding: 0;
  }
  body.page-one-click .page-content > h1,
  body.page-one-click .page-content > h2,
  body.page-one-click .page-content > p {
    padding-left: 10px;
    padding-right: 10px;
  }
  body.checkout .shipping-item,
  body.page-one-click .shipping-item {
    display: block;
    margin-bottom: 1.143rem;
  }
  body.checkout .shipping-item .cart-content,
  body.page-one-click .shipping-item .cart-content {
    width: 100%;
  }
  body.checkout .shipping-item .shipping-content,
  body.page-one-click .shipping-item .shipping-content {
    border-top-width: 0;
    width: 100%;
  }
  body.checkout .shipping-item .cart-content .cart-item,
  body.page-one-click .shipping-item .cart-content .cart-item {
    border-right-width: 1px;
    padding-left: 115px;
  }
  body.checkout .shipping-item .cart-content .cart-item .article .image,
  body.page-one-click .cart-content .cart-item .article .image {
    left: 22px;
  }
  body.faq .block-cta {
    padding: 0;
  }
  #mode-mobile {
    display: block;
    height: 0;
    position: absolute;
    width: 0;
  }
  #cart-summary {
    box-shadow: none;
    width: 100%;
  }
  body.checkout .fieldset {
    padding: 1.143rem;
  }
  body.checkout .fieldset .magazines-block .magazines-list .magazines-item {
    width: 100%;
  }
  body.checkout #cart-summary thead {
    display: none;
  }
  body.checkout #cart-summary .cgv + .button {
    left: unset;
    position: relative;
  }
  body.checkout .fieldset .text-left > label {
    margin-left: 0 !important;
  }
  body.checkout .fieldset .text-left > p {
    padding-left: 0;
  }
  body.checkout .fieldset .text-left > .content > textarea {
    margin-left: 0;
    width: 100%;
  }
  body.checkout .fieldset .text-left > .content > a {
    margin-left: 0;
  }
  body.checkout:not(.page-one-click) #cart-summary > button.yellow {
    bottom: 0;
    left: 1.143rem;
    position: fixed;
    width: calc(100% - 32px);
    z-index: 999;
  }
  body.checkout main form,
  body.checkout main section#subscribed {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .cart-content .cart-item .article .abo {
    width: 100%;
  }
  .cart-content .cart-item .article .abo .select-wrapper {
    font-size: 0.8571rem;
    width: 100%;
  }
  .desktop,
  .tablet {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .nice-select .list {
    white-space: normal;
  }
  .container-popup img.hide-mobile {
    display: none;
  }
  .container-popup .btn {
    width: 100%;
  }
  #header .header-main .container {
    padding: 0 10px;
  }
  #header .header-main__burger {
    left: 10px;
  }
  #header .header-main__secure {
    font-size: 0;
    line-height: 0;
  }
  #header .header-navigation .container {
    padding: 0;
  }
  #header .header-navigation .container > ul > li > a {
    padding: 20px 10px 20px 38px;
  }
  #header .header-navigation .container > ul > li .subnav ul li a:not(.btn) {
    padding: 10px 10px 10px 38px;
  }
  #header .header-navigation .container > ul > li .subnav ul li .btn {
    margin: 10px 10px 10px 38px;
  }
  #header .header-navigation__actions {
    padding: 0 40px;
  }
  #footer .footer-reassurance {
    padding: 40px 20px;
  }
  #footer .footer-group ul {
    grid-template-columns: repeat(2, 1fr);
  }
  #cart-success .btn,
  #cart-wrapper .cart-content .cart-step__content .btn,
  .account-subscription__details .btn {
    justify-content: center;
    width: 100%;
    --button__padding-x: 10px;
    --button__padding-y: 19px;
  }
  .product-desc .container > .block-byline {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 549px) {
  .compte-lnk {
    display: none;
  }
  .compte-lnk-mobile {
    display: block;
  }
  div.acc2Box.mesInfosPersonnelles #questionnaire .col {
    float: none;
    width: 100%;
  }
  div.acc2Box.mesInfosPersonnelles #questionnaire .col:first-child {
    border-right: none;
    padding-right: 0;
  }
  div.acc2Box.mesInfosPersonnelles #questionnaire .col:nth-child(2) {
    padding-left: 0;
  }
  div.acc2Box img.desktop,
  div.acc2Box img.tablet {
    display: none;
  }
  div.acc2Box img.mobile {
    display: block;
  }
  div.acc2Box .acc2SlideHead .picto {
    padding: 0 15px 0 0;
    width: 75px;
  }
  div.acc2Box .acc2SlideHead .titre {
    width: calc(100% - 80px);
  }
  div.acc2Box.fixe .acc2SlideContent {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 480px) {
  .heading-1 {
    font-family: Playfair Display, Times New Roman, Times, serif;
    font-size: 2.357rem;
    line-height: 2.571rem;
  }
  .heading-2 {
    font-family: montserratregular, Arial, helvetica, sans-serif;
    font-feature-settings: normal;
    font-size: 1.357rem;
    font-weight: 600;
    line-height: 1.428rem;
  }
  .container-width,
  .wrapper-width {
    width: 100%;
  }
  h1 {
    font-family: Playfair Display, Times New Roman, Times, serif;
    font-size: 2.357rem;
    line-height: 2.571rem;
  }
  h2 {
    font-family: montserratregular, Arial, helvetica, sans-serif;
    font-feature-settings: normal;
    font-size: 1.357rem;
    font-weight: 600;
    line-height: 1.428rem;
  }
  .breadcrumbs,
  .container,
  .container-fluid,
  .page-container,
  .page-wrapper {
    width: 100%;
  }
  .modal .content .description {
    margin-left: 0;
    margin-right: 0;
  }
  .modal .content .action .button + .button {
    margin-top: 0.8571rem;
  }
  .modal .content,
  .modal.left-modal .content {
    max-width: 100vw;
    width: 100vw;
  }
  .modal.left-modal .content {
    bottom: 0;
    height: 100%;
    left: auto;
    min-width: auto;
    padding-top: 80px;
    right: -100%;
    top: 0;
    transform: translate(0);
    transition: right 1s;
  }
  .modal.left-modal .content img {
    max-width: 100%;
  }
  .modal.left-modal.opened .content {
    right: 0;
    transition: right 1s;
  }
  .fieldset .field [type="date"].half,
  .fieldset .field [type="email"].half,
  .fieldset .field [type="number"].half,
  .fieldset .field [type="password"].half,
  .fieldset .field [type="text"].half {
    width: 100%;
  }
  .fieldset {
    padding: 1.143rem;
  }
  .fieldset .field.half {
    width: 100%;
  }
  .fieldset .field.half + .field.half {
    padding-bottom: 0;
    padding-top: 0;
  }
  .fieldset .field.half:not(:last-child) {
    padding-bottom: 0;
  }
  header .top-content .center-area .logo a {
    line-height: 0;
  }
  body.checkout header .top-content .center-area .back-link,
  body.checkout header .top-content .center-area .logo {
    width: 30%;
  }
  body.checkout header .top-content .center-area .logo .baseline {
    display: none;
  }
  body.checkout header .top-content .center-area .reassurance {
    font-size: 0 !important;
  }
  footer .content .col:first-child ul {
    width: 100%;
  }
  .overlay-block .content .title {
    font-family: montserratregular, Arial, helvetica, sans-serif;
    font-feature-settings: normal;
    font-size: 1.357rem;
    font-weight: 600;
    line-height: 1.428rem;
  }
  .offer-block {
    width: 100%;
  }
  .offer-block .offer-item.subscription .top .offer-discount + .title {
    min-height: 45px;
  }
  .bottom-block:not(.upsells):before {
    width: 100%;
  }
  body.compte .reabo .offers-blocks {
    margin-left: -10px;
    width: calc(100% + 20px);
  }
}
@media screen and (max-width: 450px) {
  body.checkout:not(.page-one-click)
    header
    .bottom-content
    #checkout-progress
    > li.active {
    padding-top: 10px;
  }
  body.checkout:not(.page-one-click)
    header
    .bottom-content
    #checkout-progress
    > li.active
    span {
    display: block;
  }
  .compte-lnk .offer-block .offer-item.subscription .top .title .tit {
    font-size: 4vw;
  }
  div.acc2Box.mesModesDePaiement .tab .line span {
    display: block;
    width: 100%;
  }
  div.acc2Box a.button {
    min-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  div.acc2Box.mesAbonnements .infosAbo .ligne .titre,
  div.acc2Box.mesAbonnements .infosAbo .ligne .valeur {
    width: 100%;
  }
  div.acc2Box.mesAbonnements .infosAbo .ligne.calendrier .titre,
  div.acc2Box.mesAbonnements .infosAbo .ligne.calendrier .valeur {
    width: calc(100% - 25px);
  }
  div.acc2Box.mesAbonnements .aboInfo4 .infoAboBenef {
    max-width: 100%;
  }
}
@media screen and (max-width: 400px) {
  div.acc2Box.mesAbonnements .infoCouv.grandformat:after,
  div.acc2Box.mesAbonnements .infoCouv.petitformat:after {
    height: 70px;
    width: 70px;
  }
  div.acc2Box.accueil > ul > li {
    width: 100%;
  }
  div.acc2Box.mesCommandes .commandeInfos2 .btn_jaune {
    width: 120px;
  }
  div.acc2Box.mesCommandes .commandeInfos2 .btn_noir {
    width: 190px;
  }
  div.acc2Box.mesCommandes .commandeInfos2 .btn_noir.non_reglable,
  div.acc2Box.mesCommandes .commandeInfos2 .btn_noir.reglee {
    width: 100%;
  }
}
@media (hover: hover) {
  .breadcrumb a:hover {
    color: #e69080;
  }
  .btn:not(.btn-border):hover {
    background-color: var(--button__color__hover);
  }
  .btn.btn-border:hover {
    box-shadow: inset 0 0 0 1px var(--button__color__hover);
    color: var(--button__color__hover);
  }
  .btn-back:hover,
  .form-checkbox label a:hover,
  .form-field.with-toggle .toggle-password:hover {
    color: #e69080;
  }
  .nice-select .list .option:hover {
    background-color: #f5f5f5;
  }
  .container-popup .btn-close:hover {
    color: #e69080;
  }
  .product-offer__gifts.layout-boxed .btn-open:hover {
    color: #ffb4a6;
  }
  .product-offer a:not(.btn):hover {
    color: #262829;
  }
  #footer .footer-contact ul li .item-title a:hover,
  #header .header-main__back:hover,
  #header
    .header-navigation
    .container
    > ul
    > li
    .subnav
    ul
    li
    a:not(.btn):hover {
    color: #e69080;
  }
  #footer .footer-bottom ul li a:hover,
  #footer .footer-contact ul li .item-content a:hover {
    color: #262829;
  }
  #account-wrapper .account-navigation > ul > li > ul a:hover {
    text-decoration: underline;
  }
  .account-subscriptions__switch li:hover:not(.is-active) {
    color: #e69080;
  }
  .account-subscriptions__table th.is-sortable .actions button:hover {
    color: #262829;
  }
  .account-subscription__details .subscription-address a:hover,
  .account-subscriptions__table .cell-actions .btn-details:hover {
    color: #ffb4a6;
  }
  #cart-wrapper .cart-summary__item .quantity span:hover {
    background-color: #ffb4a6;
  }
  #cart-wrapper .cart-summary__item .remove:hover {
    color: #ffb4a6;
  }
  #cart-wrapper .cart-content .cart-step__choice .head:hover .check:before {
    opacity: 1;
  }
  #cart-wrapper .cart-content .cart-step__choice .content a:hover {
    color: #ffb4a6;
  }
  .product-offers__switch li:hover:not(.is-active) {
    color: #e69080;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

 
.hidden{display:none}
#pagePanierMobile{
	display:none;
}

#etapeIdentificationMobile {
	display:none;
}
	
#pagePanierMobile .cart-summary__content {
	display:block;
}

#pagePanierMobile .cart-summary:before {
    background-color: white;
}

#pagePanierMobile .cart-summary {
    background-color: white;
}

.cartMobile-actions {
	margin-top:20px
}

.csh-content {
	padding: 0 20px;
}

.decreaseNew2,.increaseNew2 {
	color:#fff
}

.cartMobile-actions .container {
	gap:10px
}

.old-price{
	text-decoration:line-through;
	margin-right:10px
}

button.btn.disabled{
	background: #e0e0e0;
	cursor: not-allowed;
}

#cart-wrapper [type="radio"]:checked + label:before, #cart-wrapper [type="radio"]:not(:checked) + label:before {
    background: #fff;
    border: 2px solid #706b67;
    border-radius: 100%;
    content: "";
    height: 20px;
    left: 12px;
    position: absolute;
    top: 11px;
    transition: all 0.35s ease;
    width: 20px;
}

#cart-wrapper [type="radio"]:checked + label:after, #cart-wrapper [type="radio"]:not(:checked) + label:after {
    background-color: transparent;
    border: none;
    border-radius: 100%;
    content: "";
    display: block;
    height: 10px;
    left: 17px;
    position: absolute;
    top: 16px;
    transition: all 0.35s ease;
    width: 10px;
}

#cart-wrapper [type="radio"]:checked + label:after {
    background-color: #706b67;
}

input.input.incomplete{
	border: #E65858 1px solid;
	background: #F7CDCD;
}

.error-message {
	display: block;
    font-size: 15px;
    color: #E65858;
    text-align:center;
    margin-top:5px;
}

#cart-wrapper .monobloc.cart-step__choice.is-active {
	border-radius:8px !important
}

a.liensimple {
	font-weight: bold !important;
	text-decoration: underline !important;
	display: inline-block !important;
	line-height: normal !important;
	margin-top: auto !important;
}

.form-control.input.incomplete{
	border: #E65858 1px solid;
	background: #F7CDCD;
}

@media screen and (max-width: 992px) {
	.left-head-cart-summary {
		padding-left:20px
	}

	.right-head-cart-summary{
		padding-right:20px
	}
}

@media (max-width: 1374px) {
    #cart-wrapper .cart-summary:before {
		width: 487px;
	}
}

@media screen and (max-width:992px){
	#pagePanierMobile{
		display:flex;
	}
	
	#etapeIdentificationMobile {
		display:none;
	}
	
	.container#etapeIdentificationDesktop {
		display:none;
	}
	
	#cart-wrapper .cart-content {
		padding: 0 20px;
	}
	
	.cart-summary__head, .cart-summary__content, #cart-wrapper .cart-content {
		max-width: 540px;
		margin:auto;
		padding: 0 15px;
	}
	
	#cart-wrapper .cart-summary:before {
		width: auto;
	}
}

@media screen and (max-width: 480px) {
    .cart-summary__head, #cart-wrapper .cart-content {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .header-main .container {
        max-width: none; 
    }
}

@media (min-width: 992px) {
    .header-main .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .header-main .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .header-main .container {
        max-width: 1280px;
    }
}

.titre-autre-mobile, .navigation-account-mobile {
	display:none !important
}
.texte-accueil-account {
	text-align: justify;
	line-height: 1.5;
	margin-bottom:1rem
}

.acc2BoxContent.bibliotheque {
	padding:0 !important;
	text-align: center
}
.acc2BoxContent.bibliotheque .reader {
	padding-left: 5px;
}

.row.acc2Box > * {
	padding-left: unset;
	padding-right: unset;
}

.image {
	display: flex;
    justify-content: center;
    padding-top:1rem;
    padding-bottom:1rem
}

#offresmagazines .fieldset h1 {
	font-size: 29px;
	text-align: center;
	padding-bottom:10px
}

#offresmagazines .fieldset h2 {
	text-align: center;
	padding-bottom:30px
}

body.compte.multipack .magazine-list .magazine .visuel {
	text-align: center
}

body.multipack .magazine-list .magazine .visuel a {
    margin-top: 10px;
}

.header-navigation h1 {
	font-size: 25px;
	padding-bottom: 5px;
}

.infoApp {
	padding:10px;
	text-align:center
}

.row.acc2Box.mesCommandes fieldset.boxNewStyle{
	padding-left: 1rem;
    padding-right: 1rem;
}

.cancellationReasonList{width: fit-content;display:flex;margin:auto;padding:1rem;flex-direction: column;}
.reason-item label {    display: flex;
    justify-content: normal;
    gap: 2rem;
    margin-bottom: 1rem;
    cursor: pointer}
.reason-item input, #bloc-message textarea {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    border: 1px black solid;}
.cancellationReasonList [type="radio"], .cancellationReasonList [type="checkbox"]{position: inherit;}
.cancellationSectionTitle{font-family:"montserratregular",Arial,helvetica,sans-serif;font-size:18px;font-weight:bold;    text-align: center;
    margin-bottom: 10px;}
#resiliationform .acc2BoxContent{filter:grayscale(1);padding-bottom:0;border:1px solid #c4c4c4;}
#resiliationform .aboInfo3{min-height:inherit;}
.disabledBtn{pointer-events:none;opacity:0.5;user-select:none;}
.cancellationBtn{font-weight:normal;}

.deconnecte{text-decoration:underline;color: #262829;font-size:13px;}
.nomconnecte{font-size:13px; font-weight:bold;margin-bottom: 5px;}
.blockConnexonHeader{display:flex;align-items: center;}
.blockConnexonHeader a.btn.btn-circle{background:#fae05c}
/*
.plus .item{
	display: flex;
	align-items: center;
}
.plus .item img {
	width: 115px;
	margin-right: 1rem;
}*/

.cart-summary__item .plus {
    margin-top: .8571rem;
}

.cart-summary__item .plus .item {
	display: flex;
    width: 100%;
    align-items: center;
    font-weight: 600;
    font-size: 1rem;
    font-feature-settings: normal;
    margin-bottom: 5px;
}

.cart-summary__item .plus .item small {
    font-weight: 400;
    font-size: inherit
}

.cart-summary__item .plus .item img,.cart-summary__item .plus .item span {
    display: inline-block;
    vertical-align: middle;
}

.cart-summary__item .plus .item img {
    max-height: 100%;
    max-width: 100%;
    margin-right: .8571rem;
    margin-top: 3px;
    margin-bottom: 3px
}

.cart-summary__item .plus .item:before {
    content: '+';
    width: 10px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Playfair Display';
    font-weight: 600;
    font-size: 1.143rem;
    font-feature-settings: normal;
    line-height: 1;
    text-align: center;
    margin-right: .8571rem;
}

.imgprimecart {
	width:55px
}

#cart-wrapper .cart-content .cart-step__gifts .item .item-head img {
	height: fit-content;
}
#cart-wrapper .cart-content .cart-step__gifts .plus .item {
	padding:0;
	margin-bottom:10px
}

#cart-wrapper .cart-content .cart-step__gifts .plus .item img {
	margin-bottom:5px
}

.form-row-btn-inform {
	width: 300px;
	margin: auto;
	text-align: center;
}

@media (max-width: 992px) {
	#cart-wrapper .cart-content .cart-step__gifts .item .item-head {
		display : contents
	}
	.deconnecte{display:none}
	.nomconnecte{display:none}
	#account-wrapper .account-navigation {
		display: none;
	}
	
	.titre-autre-mobile, .container.navigation-account-mobile {
		display:flex !important
	}
	
	#account-wrapper .container {
		display: inline-block;
	}
	
	#account-wrapper .row {
		margin-left: unset;
	}
	
	.maBibliothequeNumerique #Other{
		padding-left: 0;
		padding-right: 0;
	}
	
	.titleBoxNewStyle {
		font-size: 20px;
	}
	
	#account-wrapper .left-column {
	  width: 100%
	}
	
	body.compte.multipack .magazine-list .magazine {
		text-align: center;
	}
}

.container-popup-loupe-image {
  align-items: center;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 10px 25px rgba(38, 40, 41, 0.1);
  color: #262829;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 100%;
  padding: clamp(40px, 36.2857142857px + 0.0095238095 * 100vw, 50px)
    clamp(40px, 21.4285714286px + 0.0476190476 * 100vw, 90px);
  position: relative;
  width: 860px;
}
.container-popup-loupe-image .popup-title {
  font-family: Playfair Display, serif;
  font-size: clamp(1.25rem, 1.06429rem + 0.0076190476 * 100vw, 1.75rem);
  font-weight: 900;
  line-height: 1;
  margin: 0;
}
.container-popup-loupe-image img {
  border-radius: 2px;
  display: block;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto;
}
.container-popup-loupe-image .btn {
  justify-content: center;
}
.container-popup-loupe-image .btn-close {
  cursor: pointer;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: color 0.2s ease;
  width: 18px;
}

@media (min-width: 576px) {
  .container-popup-loupe-image img.hide-desktop {
    display: none;
  }
  .container-popup-loupe-image .btn {
    --button__padding-x: 40px;
  }
}

@media (max-width: 575.98px) {
  .container-popup-loupe-image img.hide-mobile {
    display: none;
  }
  .container-popup-loupe-image .btn {
    width: 100%;
  }
}

@media (hover: hover) {
  .container-popup-loupe-image .btn-close:hover {
    color: #e69080;
  }
}

.product-offer__gifts .thumbnail, .canpopinloupe {
	cursor: pointer
}

.slick-dots {
    > li {
        display: inline-block;
    }
    > li:only-child {
        display: none;
    }
}