/* ---------------------- Colors ---------------------- */
/* ---------------------- end Colors ---------------------- */
/* ---------------------- RADIUS ---------------------- */
/* ---------------------- end RADIUS ---------------------- */
/* ---------------------- BREAKPOINTS ---------------------- */
/* ---------------------- end BREAKPOINTS ---------------------- */
:root {
  --font-Manrope: "Manrope", sans-serif;
}

b, h1, h2, h3, h4, strong,
.pictogram-indent strong,
#orders-list .order-item-box .order-nr,
.title,
.cart-sidebar-container .content,
.hidden-xs,
.beneficiaire-details .beneficiaire-info > details summary,
.product-switch-list .product-package-text > span,
.product-page .form-group .control-label,
.product-params-list .params-title,
.information-container-title,
.best-sellers-title,
.blog-post-title,
.rating-title,
#beneficiaireDetails > details summary,
.tpp-dialog header,
.products-catalog .product .product-title a,
.products-catalog .promo-insert .product-title a,
.products-catalog .product .description .right a.price,
.products-catalog .promo-insert .description .right a.price,
.filter-title.js-filter-title,
.subtotal.order-review-row,
.shipping-total.order-review-row,
.total.order-review-row {
  font-weight: bold !important;
}

/* rules which don't require import */
.price-emphasis,
:where(.unit-price, .total-price) .new-price,
.order-review-column .offer-reduction {
  font-weight: bold;
}

a, p, div, label, strong, button, h1, h2, h3, h4, b, input, td,
.product-section .tooltip-information .tooltip-text,
.tunnel .product-row .product-title .title,
.tunnel .product-row,
[name=BeneficiaireId]:checked + span + .beneficiaire-info dd,
.beneficiaire-details .beneficiaire-info > details summary,
.product-switch-list .product-package-text > span,
.product-page .form-group .control-label .smaller,
.design_06_2019 .products-type-wrapper .product-type-block,
.information-container-title,
.blue-bold-highlight,
.degressive-price-title > span,
.new-price,
.cross-sell-products-column .product-offer .title,
.offer-column .product-offer .title,
#beneficiaireDetails > details summary,
.tpp-dialog header {
  font-family: var(--font-Manrope) !important;
}

.content-shipping-group .update-link,
[data-list=insurance-dropdown] li-insurance,
#tppContainer label,
[name=BeneficiaireId]:checked + span + .beneficiaire-info dt,
#continueCartDialog .text-center,
.price-emphasis-fade {
  font-family: var(--font-Manrope);
  font-weight: 600;
}

.cart-sidebar-container .free_shipping_above_price,
.product-page .form-group .control-label .smaller {
  font-weight: 500;
  font-size: small;
}

#beneficiaireDetails {
  font-weight: normal;
  column-gap: 4px;
}

.design_06_2019 .slider-homepage .homeRightBannerSliderItem .home-slider-content .home-slider-content-wrapper {
  width: 283px;
  font-weight: 500;
}

.products-catalog .product .product-title, .products-catalog .promo-insert .product-title,
#scroll-up,
.product-main-display .product-title,
.tunnel .tunnel-progress-header .steps .step.active .number,
.cart-sidebar .order-review-title,
.client-space-header,
.gp-section h2, .gp-section header, table.section-table > thead tr, .section-div header {
  background: #3275F9;
}

.category-description,
.title-blue,
.userAddOffer strong,
#tppContainer > header > h4,
.cart-sidebar .total-amount,
.free_shipping_above_price,
.tunnel .tunnel-progress-header .steps .step.active,
.tunnel-login .title,
.total.order-review-row,
.delivery-date-col .max-delivered-date > span,
#storelocator-leftcolumn A.storelocator-storename,
.help-contact-box .contact-info .box-number,
.profile-header, .blue_title,
.price-emphasis,
.design_06_2019 .product-wrapper .product-container .product-collection .productBox .productTitle h4,
.tpp-login-header h4,
.products-catalog .product .description .right .new-price,
.products-catalog .promo-insert .description .right .new-price,
.blue-bold-highlight,
.degressive-price-title > span,
.new-price,
.cross-sell-products-column .product-offer .title,
.offer-column .product-offer .title,
.price-emphasis-fade,
#beneficiaireDetails > details summary,
.beneficiaire-details .beneficiaire-info > details summary,
.tpp-dialog > header,
.cart-header-container .cart-row .row-details .row-product-name,
.empty-cart-container .cart-row .row-details .row-product-name,
.cart-header-container .cart-price-container .cart-price .cart-total-price,
.empty-cart-container .cart-price-container .cart-price .cart-total-price,
#errorTppResponseDialog header,
#errorTppCartEmptyDialog header,
.delivery-date-col .estimated-shipping-date > span:not(.max-delivered-date),
.shipping-option-container .estimated-shipping-date > span:not(.max-delivered-date),
.message-offer-starting-from,
#tppInfoDialog h1, .dialog-tooltip h1,
.side-menu-list li > a:hover,
#successTppResponseDialog .dialog-container > header,
#successTppResponseDialog .dialog-container > footer .total-emphasis,
.tpp-cancel-dialog header, a.update-link, .newAddressPage h4 {
  color: #3275F9;
}

.newAddressPage p {
  margin-bottom: 10px;
}

.modal-dialog .tunnel-login .title {
  color: black;
}

.cross-sell-products-column .box-section-info > .title-blue, .offer-column > .title-blue,
.side-menu-list .client-zone-list-header,
#newBeneficiaireOption:checked ~ .tp-selection-type [for=newBeneficiaireOption],
#selectBeneficiaireOption:checked ~ .tp-selection-type [for=selectBeneficiaireOption],
.name-header:before {
  background: #B9CEFE;
}

.tooltip-information,
.design_06_2019 .information-footer .information-container-description .tooltip-delivery-information,
.tooltip-delivery-information {
  border: solid 1px #3275F9;
}

.cart-sidebar {
  outline: 1px solid #3275F9;
}

.shipping-methods-header .method-title-container.active > div label {
  border-bottom: 5px solid #3275F9;
}

.payment-options-header .radio-option.active > div {
  border-bottom-color: #3275F9;
}

.main-option .radio-cell svg circle:first-child,
#newBeneficiaireOption:checked ~ .tp-selection-type [for=newBeneficiaireOption] > svg > circle:nth-child(2),
#selectBeneficiaireOption:checked ~ .tp-selection-type [for=selectBeneficiaireOption] > svg > circle:nth-child(2),
.beneficiaire-details dd svg circle,
.terms-conditions.input-wrapper input[is=beneficiaire-radio-input] {
  fill: #3275F9 !important;
}

#storelocator-leftcolumn A.storelocator-storename,
#storelocatorwidget DIV.storelocator-scrollFix P.storelocator-storename {
  color: #3275F9 !important;
}

/*without important */
.member-position-title,
.static-page h2 {
  color: #3275F9;
}

#acceptTppQuoteConditions:checked ~ footer .fake_checkmark,
#acceptTppQuoteConditions:checked ~ .beneficiaire-details .fake_checkmark,
.svg-spinner {
  stroke: #3275F9 !important;
}

#successTppResponseDialog .dialog-container > footer hr {
  border-top: 1px solid #3275F9;
}

.help-contact-box .contact-info > a:hover {
  color: #1340AA;
}

@media (min-width: 768px) and (max-width: 992px) {
  .category-filters .filter-box .filter-title {
    letter-spacing: -1px;
    font-size: 15px;
  }
  .use-same-config-wrapper,
  .product-params-list label.control-label {
    letter-spacing: -1px;
  }
  .use-same-config-wrapper span,
  .product-params-list label.control-label span {
    letter-spacing: initial;
  }
}
#prodsPage .title-blue,
.order-review-column .eye-title,
.member-position-title, a.update-link {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .coupon-table .promoTabel-label {
    font-family: var(--font-Manrope);
    font-weight: bold;
  }
}
@media (min-width: 769px) {
  .tab-title:target b {
    background-color: #3275F9;
  }
  .tab-title:target b::after {
    border-top-color: #3275F9;
  }
}
#miniCartDialog {
  height: 100%;
  max-height: 100%;
  border-top-left-radius: 1em;
  padding: 2em 2em 1em 2em;
  width: 100%;
  max-height: 1200px;
  background-color: #F7F9FF;
}
@media screen and (max-width: 768px) {
  #miniCartDialog {
    border-top-right-radius: 1em;
    bottom: -100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #miniCartDialog {
    right: -100%;
    max-width: 475px;
    border-bottom-left-radius: 1em;
  }
}
#miniCartDialog[open] {
  animation: dialogBottom2Top 0.5s forwards;
}
@media screen and (min-width: 768px) {
  #miniCartDialog[open] {
    display: flex;
    flex-direction: column;
    animation: dialogRight2Left 0.5s forwards;
  }
}
#miniCartDialog[open]::backdrop {
  animation: backdrop-fade-in 0.3s ease-out forwards;
  cursor: url("../../../images/2024/svg/close-solid.svg") 16 16, auto;
}
#miniCartDialog[open].hideDialog {
  animation: dialogTop2Bottom 0.5s forwards;
}
@media screen and (min-width: 768px) {
  #miniCartDialog[open].hideDialog {
    animation: dialogLeft2Right 0.5s forwards;
  }
}
#miniCartDialog .close-dialog-form .circle-close-btn {
  top: 1.8em;
  right: var(--side-padding-width);
  clip-path: none;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#miniCartDialog header {
  padding: 0.25em 0 0;
  width: 100%;
}
#miniCartDialog header > span {
  font-size: 1.5em;
  text-align: center;
  width: 100%;
  display: block;
}
#miniCartDialog .discount {
  display: inline-block;
  background-color: #FFE989;
  padding: 8px 10px;
  font-weight: 600;
}
#miniCartDialog .prices {
  margin-top: 6px;
}
#miniCartDialog form:not(.close-dialog-form) {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#miniCartDialog .action_buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 1.5em 0;
}
#miniCartDialog .action_buttons form {
  width: 100%;
  margin: 0.5em 0;
}
#miniCartDialog .action_buttons form button {
  border: none;
  display: block;
  border-radius: 100px;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  padding-block: 13px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
#miniCartDialog .action_buttons form button.btn-next {
  background-color: #3275F9;
}
#miniCartDialog .action_buttons form button.btn-next:hover {
  background-color: #1340AA;
}
#miniCartDialog .mini-product-card-list {
  display: grid;
  row-gap: 12px;
  padding: 15px 0;
  column-gap: 6px;
  grid-template-columns: max-content 1fr max-content;
}
#miniCartDialog .mini-product-card-list:has(.empty-cart-container) {
  grid-template-columns: auto;
}
#miniCartDialog .mini-product-card-list article.min-product-card {
  display: grid;
  margin: 0;
  padding: 20px 16px;
  grid-template-columns: subgrid;
  grid-column: span 3;
  background-color: white;
  border-radius: 16px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.25s ease-in-out;
}
#miniCartDialog .mini-product-card-list article.min-product-card:hover {
  box-shadow: 0 4px 16px -3px rgba(0, 0, 0, 0.25);
}
#miniCartDialog .mini-product-card-list article.min-product-card.remove-cart {
  animation: removeProductMiniCart 0.6s ease-in-out forwards;
}
#miniCartDialog .mini-product-card-list article.min-product-card > a img {
  width: 126px;
}
@media screen and (min-width: 768px) {
  #miniCartDialog .mini-product-card-list article.min-product-card > a img {
    width: 103px;
  }
}
#miniCartDialog .mini-product-card-list article.min-product-card .brand {
  color: #3275F9;
}
#miniCartDialog .mini-product-card-list article.min-product-card .total-line-price {
  font-weight: 600;
  justify-self: center;
}
#miniCartDialog .mini-product-card-list article.min-product-card footer {
  margin-top: 0px;
  display: grid;
  align-content: space-between;
}
#miniCartDialog .mini-product-card-list article.min-product-card footer .btn-img {
  display: inline-block;
  padding: 0px;
  justify-self: end;
  width: 20px;
  height: 26px;
}
#miniCartDialog .mini-product-card-list article.min-product-card footer .btn-img img {
  transition: all 0.5s ease-in-out;
  width: 100%;
  height: 100%;
}
#miniCartDialog .mini-product-card-list article.min-product-card footer .btn-img:hover img {
  transform: rotate(360deg);
}
#miniCartDialog .net-price {
  font-size: 18px;
}
#miniCartDialog footer button {
  width: 20px;
  height: 26px;
  background-color: transparent;
  right: 17px;
}
#miniCartDialog .empty-cart-container {
  margin-top: 32px;
  justify-self: center;
  text-align: center;
  display: grid;
  row-gap: 48px;
  width: 100%;
}
#miniCartDialog .empty-cart-container .link-btn {
  width: 100%;
}
#miniCartDialog #loader-total {
  text-align: center;
}
#miniCartDialog .loader {
  width: 90px;
  height: 90px;
  border: 8px solid #3275F9;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  animation: pulse 1s linear infinite;
  margin: auto;
}
#miniCartDialog .loader:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  border: 5px solid #3275F9;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: scaleUp 1s linear infinite;
}
#miniCartDialog #mini-cart-total {
  border-top: 2px solid #1A1D24;
  border-bottom: 2px solid black;
  padding: 1em 0;
  margin: 1em 0;
}
#miniCartDialog #mini-cart-total .grid-2-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  row-gap: 16px;
}
#miniCartDialog #mini-cart-total .grid-2-col .shipping-info-row {
  grid-column: span 2;
  display: grid;
  justify-content: space-between;
  grid-template-columns: max-content 1fr;
  align-items: center;
  row-gap: 8px;
}
@media screen and (min-width: 768px) {
  #miniCartDialog #mini-cart-total .grid-2-col .shipping-info-row {
    grid-template-columns: max-content max-content;
  }
}
#miniCartDialog #mini-cart-total .grid-2-col .shipping-promo {
  grid-column: 1/-1;
  display: flex;
  font-size: 14px;
  color: #121E3C;
  align-items: center;
  gap: 4px;
  justify-content: center;
  text-align: center;
}
#miniCartDialog #mini-cart-total .grid-2-col .shipping-promo::before {
  content: url("../../../images/2024/svg/promo.svg");
  width: 16px;
  height: 17px;
}
#miniCartDialog #mini-cart-total .grid-2-col .promo-label {
  background-color: #FFE989;
  padding: 8px 10px;
  border-radius: 8px;
}
#miniCartDialog #mini-cart-total .grid-2-col .value {
  justify-self: end;
  padding: 4px 8px;
  min-width: 80px;
  text-align: right;
}
#miniCartDialog #mini-cart-total .grid-2-col .value.discount {
  background-color: #FFE989;
  padding: 4px 8px;
  font-weight: bold;
  border-radius: 8px;
}
#miniCartDialog #mini-cart-total .grid-2-col .value.coupon-conde-reduction {
  align-self: end;
}
#miniCartDialog #mini-cart-total .grid-2-col .recap-col-1 {
  font-size: 16px;
}
#miniCartDialog #mini-cart-total .grid-2-col .total {
  font-size: 20px;
  font-weight: 600;
}
#miniCartDialog #mini-cart-total .grid-2-col .uc-first {
  text-align: center;
}

@keyframes removeProductMiniCart {
  0% {
    opacity: 1;
    height: auto;
  }
  90% {
    opacity: 0;
    height: auto;
  }
  100% {
    height: 0;
    opacity: 0;
    display: none;
  }
}

/*# sourceMappingURL=font_override.css.map */
