/* Pickled Bluewood */
/* Curious Blue */
/* White */
/* Porcelain */
/* Cinnabar */
[data-block="ajaxpro-floating-cart"].minicart-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}
.cd-cart-container::before {
  content: '';
  position: fixed;
  z-index: 800;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s, visibility .4s;
}
.cd-cart-container.cart-open::before {
  opacity: 1;
  visibility: visible;
}
.cd-cart-trigger,
.cd-cart {
  position: fixed;
  bottom: 20px;
  right: 5%;
  transition: transform .2s;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: transform;
  backface-visibility: hidden;
}
.rtl .cd-cart-trigger,
.rtl .cd-cart {
  right: auto;
  left: 5%;
}
.empty .cd-cart-trigger,
.empty .cd-cart {
  transition: transform .2s, 0s visibility .4s;
  transform: translateY(150px);
  visibility: hidden;
}
@media only screen and (min-width: 1170px) {
  .cd-cart-trigger,
  .cd-cart {
    bottom: 40px;
  }
}
.cd-cart-trigger {
  z-index: 802;
  height: 72px;
  width: 72px;
  text-indent: -9999px;
  color: transparent;
  white-space: nowrap;
}
.rtl .cd-cart-trigger {
  text-indent: 9999px;
}
.cd-cart-trigger:hover {
  color: transparent;
}
.cd-cart-trigger::after,
.cd-cart-trigger::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  height: 100%;
  width: 100%;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNDRweCIgaGVpZ2h0PSI3MnB4IiB2aWV3Qm94PSIwIDAgMTQ0IDcyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNDQgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMCwgMjApIj4KCQoJCTxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjciIHkxPSIxMSIgeDI9IjEzIiB5Mj0iMiIvPgoJCgkJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjUiIHkxPSIxMSIgeDI9IjE5IiB5Mj0iMiIvPgoJCgkJPHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzM0MzQzNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgcG9pbnRzPSIKCQkyOCwxNSAyNiwyOSA2LDI5IDQsMTUgCSIvPgoJCgkJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMSIgeTE9IjExIiB4Mj0iMzEiIHkyPSIxMSIvPgo8L2c+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkyLCAyMCkiPgoJCgkJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzQzNDM0IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjciIHkxPSI1IiB4Mj0iNSIgeTI9IjI3Ii8+CgkKCQk8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMzNDM0MzQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyNyIgeTE9IjI3IiB4Mj0iNSIgeTI9IjUiLz4KPC9nPgo8L3N2Zz4K') no-repeat 0 0;
  transition: opacity .2s, transform .2s;
}
.cd-cart-trigger::after {
  background-position: -72px 0;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.cart-open .cd-cart-trigger::before {
  opacity: 0;
}
.cart-open .cd-cart-trigger::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-50%);
}
.cd-cart-trigger .count {
  position: absolute;
  top: -10px;
  right: -10px;
  height: 28px;
  width: 28px;
  background: #e94b35;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: bold;
  border-radius: 50%;
  text-indent: 0;
  transition: transform .2s .5s;
  list-style: none;
  padding: 0;
}
.cd-cart-trigger .count li {
  position: absolute;
  transform: translateZ(0);
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  padding: 0;
}
.cd-cart-trigger .count li:last-of-type {
  visibility: hidden;
}
.cart-open .cd-cart-trigger .count {
  transition: transform .2s 0s;
  transform: scale(0);
}
.empty .cd-cart-trigger .count {
  transform: scale(1);
}
.cd-cart-trigger:hover + div .wrapper {
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.3);
}
.cart-open .cd-cart-trigger:hover + div .wrapper {
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
}
.cd-cart {
  z-index: 801;
  width: 90%;
  max-width: 440px;
  height: 400px;
  max-height: 90%;
  pointer-events: none;
}
.cd-cart .wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 801;
  overflow: hidden;
  height: 72px;
  width: 72px;
  border-radius: 6px;
  transition: height 0.4s 0.1s, width 0.4s 0.1s, box-shadow 0.3s;
  transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
  background: #ffffff;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
  pointer-events: auto;
}
.rtl .cd-cart .wrapper {
  right: auto;
  left: 0;
}
.cd-cart .wrapper .minicart-items-wrapper {
  border: 0;
  margin: 0;
  padding: 0;
  height: 100% !important;
}
.cd-cart .wrapper .minicart-items-wrapper .product-item {
  padding: 10px;
  margin: 0;
}
.cd-cart .wrapper .minicart-items-wrapper .product-item .subtitle {
  display: none;
}
.cd-cart .wrapper .minicart-items-wrapper .product-item > .product {
  position: relative;
}
.cd-cart .wrapper .minicart-items-wrapper .product-item-name {
  display: block;
  max-width: calc(100% - 70px);
}
.cd-cart .wrapper .minicart-items-wrapper .price-container {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.rtl .cd-cart .wrapper .minicart-items-wrapper .price-container {
  right: auto;
  left: 0;
}
.cd-cart .wrapper .minicart-items-wrapper .price-container .price-excluding-tax {
  margin: 0;
}
.cd-cart .wrapper .minicart-items-wrapper .price-container .price {
  font-size: 16px;
  font-weight: bold;
}
.cd-cart header,
.cd-cart footer {
  position: absolute;
  z-index: 801;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.cd-cart header,
.cd-cart .body {
  opacity: 0;
}
.cd-cart header {
  top: 0;
  border-radius: 6px 6px 0 0;
  padding: 0 1.4em;
  height: 40px;
  line-height: 40px;
  background-color: #ffffff;
  transition: opacity .2s 0s;
  border-bottom: 1px solid #e6e6e6;
}
.cd-cart footer {
  bottom: 0;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.15);
  background: #ffffff;
}
.cd-cart .checkout {
  display: block;
  height: 72px;
  line-height: 72px;
  margin-right: 72px;
  background: #2c97de;
  color: rgba(255, 255, 255, 0);
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  transition: all .2s 0s;
}
.rtl .cd-cart .checkout {
  margin-right: 0;
  margin-left: 72px;
}
.cd-cart .checkout:hover {
  background: #399ee0;
}
.cd-cart .checkout em {
  font-style: normal;
  position: relative;
  display: inline-block;
  transform: translateX(40px);
  transition: transform 0s .2s;
}
.cd-cart .checkout em::after {
  position: absolute;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  right: 0;
  content: '';
  height: 24px;
  width: 24px;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIzIiB5MT0iMTIiIHgyPSIyMSIgeTI9IjEyIi8+Cjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iCgkxNSw2IDIxLDEyIDE1LDE4ICIvPgo8L3N2Zz4K') no-repeat center center;
  opacity: 0;
  transition: opacity .2s;
}
.rtl .cd-cart .checkout em::after {
  right: auto;
  left: 0;
  transform: rotate(180deg) translateY(-50%);
  transform-origin: 0 0;
}
.cd-cart .body {
  height: calc(100% - 112px);
  margin: 40px 0 0;
  transition: opacity .2s;
}
.cd-cart .body .minicart-items {
  overflow-x: hidden;
  padding: 10px;
}
.cd-cart .body li {
  opacity: 0;
  transform: translateX(80px);
  transition: opacity 0s .2s, transform 0s .2s;
}
.cd-cart .body li:not(:last-of-type) {
  margin-bottom: 20px;
}
.cd-cart .body .subtitle.empty {
  margin: 50px;
}
.cart-open .cd-cart .wrapper {
  height: 100%;
  width: 100%;
  transition-delay: 0s;
}
.cart-open .cd-cart header,
.cart-open .cd-cart .body {
  opacity: 1;
}
.cart-open .cd-cart header {
  transition: opacity .2s .2s;
}
.cart-open .cd-cart .body {
  transition: opacity 0s;
}
.cart-open .cd-cart .body li {
  transition: transform .3s .2s, opacity .3s .2s;
  opacity: 1;
  transform: translateX(0);
}
.cart-open .cd-cart .body li:nth-of-type(2) {
  transition-duration: .4s;
}
.cart-open .cd-cart .body li:nth-of-type(3) {
  transition-duration: .5s;
}
.cart-open .cd-cart .body li:nth-of-type(4),
.cart-open .cd-cart .body li:nth-of-type(5) {
  transition-duration: .55s;
}
.cart-open .cd-cart .checkout {
  color: #ffffff;
  transition: color .2s .3s;
}
.cart-open .cd-cart .checkout em {
  transform: translateX(0);
  transition: transform .2s .3s, padding .2s 0s;
}
.cart-open .cd-cart .checkout:hover em {
  padding-right: 30px;
}
.rtl .cart-open .cd-cart .checkout:hover em {
  padding-right: 0;
  padding-left: 30px;
}
.cart-open .cd-cart .checkout:hover em::after {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-cart .checkout {
    font-size: 24px;
  }
}
