@-webkit-keyframes cart-wrapper-fadein {
  0% {
    width:100%;
    opacity:0;
  }
  to {
    width:100%;
    opacity:1;
  }
}
@keyframes cart-wrapper-fadein {
  0% {
    width:100%;
    opacity:0;
  }
  to {
    width:100%;
    opacity:1;
  }
}
@keyframes cart-wrapper-spinner {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}
.header-cart-wrapper {
  display:none;
  animation:cart-wrapper-fadein .25s ease-out forwards;
  -webkit-animation:cart-wrapper-fadein .25s ease-out forwards;
}
.header-cart-wrapper.open {
  display:block;
  position:fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,0.5);
  width:100%;
  height:100%;
  z-index:5000;
}
.catalog-product-view .account-login input[type="text"], .catalog-product-view .account-login input[type="password"], .catalog-product-view .account-create input[type="text"], .catalog-product-view .account-create input[type="password"] {
  max-width:260px !important;
  height:unset !important;
}
.header-cart {
  height:100%;
  background:white;
  width:450px;
  position:relative;
  border-right:1px solid #eeeeee;
  margin-left:auto;
}
.header-cart .loader-delivery {
  height:1px;
  background:#b4b4b4;
  width:100%;
  margin-bottom:10px;
}
.header-cart .loader-delivery .value {
  height:1px;
  background:#333333;
  width:0;
}
.header-cart .loader-wrapper { display:none; }
.header-cart .loader-wrapper.open {
  background-color:rgba(0,0,0,0.3);
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
  z-index:99999;
  display:flex;
  justify-content:center;
  align-items:center;
}
.header-cart .loader-wrapper .loader {
  border:.5rem solid #f3f3f3;
  border-top:.5rem solid #333333;
  border-radius:50%;
  width:80px;
  height:80px;
  animation:cart-wrapper-spinner 2s linear infinite;
}
.header-cart .content-header {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  padding:1.5rem;
  position:relative;
}
.header-cart .content-header div.header-wrapper-cart {
  display:flex;
  flex-direction:column-reverse;
  justify-content:space-between;
  width:100%;
  margin-bottom:10px;
}
.header-cart .content-header .loader-text {
  font-size:14px;
  background:#333333;
  height:40px;
  line-height:40px;
  padding:0 24px 0 24px;
  border-radius:10px;
  color:#ffffff;
}
.header-cart .content-header .loader-text-free {
  font-size:14px;
  background:#be1522;
  color:#ffffff;
  height:40px;
  line-height:40px;
  padding:0 24px 0 24px;
  border-radius:10px;
}
.header-cart .content-header .title { font-size:1.5rem; }
.header-cart .content-header .close {
  align-self:self-end;
  position:relative;
  right:-1.5rem;
  padding:0.5rem 1.5rem;
  display:inline-flex;
  align-items:center;
  cursor:pointer;
}
.header-cart .content-header .close:after {
  content:'';
  width:3em;
  height:1.6em;
  background-color:#333333;
  mask-position:50% 50%;
  mask-repeat:no-repeat;
  -webkit-mask-position:50% 50%;
  -webkit-mask-repeat:no-repeat;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 4.9902344 3.9902344 A 1.0001 1.0001 0 0 0 4.2929688 5.7070312 L 10.585938 12 L 4.2929688 18.292969 A 1.0001 1.0001 0 1 0 5.7070312 19.707031 L 12 13.414062 L 18.292969 19.707031 A 1.0001 1.0001 0 1 0 19.707031 18.292969 L 13.414062 12 L 19.707031 5.7070312 A 1.0001 1.0001 0 0 0 18.980469 3.9902344 A 1.0001 1.0001 0 0 0 18.292969 4.2929688 L 12 10.585938 L 5.7070312 4.2929688 A 1.0001 1.0001 0 0 0 4.9902344 3.9902344 z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 4.9902344 3.9902344 A 1.0001 1.0001 0 0 0 4.2929688 5.7070312 L 10.585938 12 L 4.2929688 18.292969 A 1.0001 1.0001 0 1 0 5.7070312 19.707031 L 12 13.414062 L 18.292969 19.707031 A 1.0001 1.0001 0 1 0 19.707031 18.292969 L 13.414062 12 L 19.707031 5.7070312 A 1.0001 1.0001 0 0 0 18.980469 3.9902344 A 1.0001 1.0001 0 0 0 18.292969 4.2929688 L 12 10.585938 L 5.7070312 4.2929688 A 1.0001 1.0001 0 0 0 4.9902344 3.9902344 z'/%3E%3C/svg%3E");
}
.header-cart .content-header .close:hover { color:#333333; }
.header-cart .content-header .close:hover:after { background-color:#333333; }
.header-cart .content {
  padding:1rem 1.5rem 0 1.5rem;
  height:90%;
}
.header-cart .content .items {
  display:flex;
  flex-direction:column;
  height:55%;
}
.header-cart .content .footer {
  position:absolute;
  bottom:0;
  left:0;
  padding:2rem;
  width:100%;
  box-sizing:border-box;
}
.header-cart .content .item {
  display:flex;
  align-items:center;
  position:relative;
  margin-bottom:1.5rem;
}
.header-cart .content .item .action-delete {
  position:absolute;
  top:0;
  right:0;
  border:0;
  outline:0;
  width:1em;
  height:1.25em;
  background-color:#333333;
  mask-position:50% 50%;
  mask-repeat:no-repeat;
  -webkit-mask-position:50% 50%;
  -webkit-mask-repeat:no-repeat;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 4.9902344 3.9902344 A 1.0001 1.0001 0 0 0 4.2929688 5.7070312 L 10.585938 12 L 4.2929688 18.292969 A 1.0001 1.0001 0 1 0 5.7070312 19.707031 L 12 13.414062 L 18.292969 19.707031 A 1.0001 1.0001 0 1 0 19.707031 18.292969 L 13.414062 12 L 19.707031 5.7070312 A 1.0001 1.0001 0 0 0 18.980469 3.9902344 A 1.0001 1.0001 0 0 0 18.292969 4.2929688 L 12 10.585938 L 5.7070312 4.2929688 A 1.0001 1.0001 0 0 0 4.9902344 3.9902344 z'/%3E%3C/svg%3E");
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 4.9902344 3.9902344 A 1.0001 1.0001 0 0 0 4.2929688 5.7070312 L 10.585938 12 L 4.2929688 18.292969 A 1.0001 1.0001 0 1 0 5.7070312 19.707031 L 12 13.414062 L 18.292969 19.707031 A 1.0001 1.0001 0 1 0 19.707031 18.292969 L 13.414062 12 L 19.707031 5.7070312 A 1.0001 1.0001 0 0 0 18.980469 3.9902344 A 1.0001 1.0001 0 0 0 18.292969 4.2929688 L 12 10.585938 L 5.7070312 4.2929688 A 1.0001 1.0001 0 0 0 4.9902344 3.9902344 z'/%3E%3C/svg%3E");
  cursor:pointer;
}
.header-cart .content .item .action-delete:hover { background-color:#333333; }
.header-cart .content .item .action-update {
  display:none;
  background-color:#333333;
  color:white;
  cursor:pointer;
  height:25px;
  font-size:11px;
  line-height:11px;
  text-align:center;
  font-weight:bold;
  border:0;
  margin-left:1rem;
  padding:0 1rem;
}
.header-cart .content .item .action-update:hover { background-color:#000000; }
.header-cart .content .item span[data-link], .header-cart .content .item a {
  cursor:pointer;
  text-decoration:none;
}
.header-cart .content .item span[data-link]:hover, .header-cart .content .item a:hover { color:#333333; }
.header-cart .content .item .image { padding-left:15px; }
.header-cart .content .item .data {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:1.5rem 0 0 1.5rem;
  width:100%;
}
.header-cart .content .item .data .name {
  display:block;
  text-align:left;
}
.header-cart .content .item .data .attributes .delai_expedition { color:#333333; }
.header-cart .content .item .data .attributes .delai_expedition:before {
  content:'-';
  margin-right:5px;
}
.header-cart .content .item .data .quantity-wrapper {
  display:flex;
  align-items:center;
}
.header-cart .content .item .data .quantity {
  display:flex;
  margin:1rem 0;
}
.header-cart .content .item .data .quantity .minus {
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}
.header-cart .content .item .data .quantity .plus {
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}
.header-cart .content .item .data .quantity .plus, .header-cart .content .item .data .quantity .minus {
  cursor:pointer;
  color:#333333;
  background-color:#cccccc;
  font-size:20px;
  width:25px;
  height:25px;
  text-align:center;
  display:flex;
  justify-content:center;
  align-items:center;
  user-select:none;
}
.header-cart .content .item .data .quantity .plus:hover, .header-cart .content .item .data .quantity .minus:hover { background-color:#777777; }
.header-cart .content .item .data .quantity .value {
  width:45px;
  height:25px;
  margin:0;
  font-size:14px;
  text-align:center;
  background-color:#e6e6e6;
  border:0;
  outline:0;
}
.header-cart .content .item .data .price {
  font-weight:bold;
  margin-left:auto;
}
.header-cart .content .item .data .price .old-price { text-decoration:line-through; }
.header-cart .content .item .data .messages li {
  font-weight:400;
  text-align:left;
  font-size:12px;
}
.header-cart .content .details { margin:20px 0; }
.header-cart .content .details > div {
  display:flex;
  justify-content:space-between;
  margin:5px 0;
}
.header-cart .content .details > div.grand-total { font-weight:bold; }
.header-cart .content .link {
  background-color:#333333;
  color:#ffffff;
  width:100%;
  cursor:pointer;
  margin:0;
  height:40px;
  font-size:16px;
  line-height:40px;
  text-align:center;
  font-weight:bold;
  text-decoration:none;
  display:block;
  border-radius:10px;
  text-transform:uppercase;
}
.header-cart .content .link:hover { background-color:#000000; }
@media screen and (max-width: 576px) {
  .header-cart-wrapper .header-cart { width:100%; }
  body.stop-scrolling { overflow:hidden; }
}
@media screen and (max-width: 450px) {
  .header-cart .content .item .action-update {
    margin-left:0;
    margin-bottom:10px;
  }
  .header-cart .content .item .data .quantity-wrapper {
    flex-direction:column;
    align-items:start;
  }
}
@media screen and (max-width: 768px) {
  .header-cart .content-header .title { font-size:1.2rem; }
  .header-cart .content-header .loader-text { font-size:12px; }
}