.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn,
    .xoo-wsc-container .xoo-wsc-btn {
      background-color: #000000;
      color: #ffffff;
      border: 2px solid #ffffff;
      padding: 10px 20px;
    }

    .xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover,
    .xoo-wsc-container .xoo-wsc-btn:hover {
      background-color: #ffffff;
      color: #000000;
      border: 2px solid #000000;
    }



    .xoo-wsc-footer {
      background-color: #ffffff;
      color: #000000;
      padding: 10px 20px;
      box-shadow: 0 -1px 10px #0000001a;
    }

    .xoo-wsc-footer,
    .xoo-wsc-footer a,
    .xoo-wsc-footer .amount {
      font-size: 18px;
    }

    .xoo-wsc-btn .amount {
      color: #ffffff
    }

    .xoo-wsc-btn:hover .amount {
      color: #000000;
    }

    .xoo-wsc-ft-buttons-cont {
      grid-template-columns: auto;
    }

    .xoo-wsc-basket {
      bottom: 20px;
      right: 1px;
      background-color: #ffffff;
      color: #000000;
      box-shadow: 0 1px 8px 2px #2b2b2b38;
      border-radius: 50%;
      display: none;
      width: 60px;
      height: 60px;
    }


    .xoo-wsc-bki {
      font-size: 30px
    }

    .xoo-wsc-items-count {
      top: -9px;
      left: -8px;
    }

    .xoo-wsc-items-count,
    .xoo-wsch-items-count {
      background-color: #000000;
      color: #ffffff;
    }

    .xoo-wsc-container,
    .xoo-wsc-slider {
      max-width: 450px;
      right: -450px;
      top: 0;
      bottom: 0;
      bottom: 0;
      font-family:
    }


    .xoo-wsc-cart-active .xoo-wsc-container,
    .xoo-wsc-slider-active .xoo-wsc-slider {
      right: 0;
    }


    .xoo-wsc-cart-active .xoo-wsc-basket {
      right: 450px;
    }

    .xoo-wsc-slider {
      right: -450px;
    }

    span.xoo-wsch-close {
      font-size: 30px;
    }

    .xoo-wsch-top {
      justify-content: center;
    }

    span.xoo-wsch-close {
      right: 10px;
    }

    .xoo-wsch-text {
      font-size: 20px;
    }

    .xoo-wsc-header {
      color: #000000;
      background-color: #ffffff;
      border-bottom: 2px solid #eee;
      padding: 15px 15px;
    }


    .xoo-wsc-body {
      background-color: #f8f9fa;
    }

    .xoo-wsc-products:not(.xoo-wsc-pattern-card),
    .xoo-wsc-products:not(.xoo-wsc-pattern-card) span.amount,
    .xoo-wsc-products:not(.xoo-wsc-pattern-card) a {
      font-size: 16px;
      color: #000000;
    }

    .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-product {
      padding: 10px 15px;
      margin: 10px 15px;
      border-radius: 5px;
      box-shadow: 0 2px 2px #00000005;
      background-color: #ffffff;
    }

    .xoo-wsc-sum-col {
      justify-content: center;
    }


    /** Shortcode **/
    .xoo-wsc-sc-count {
      background-color: #000000;
      color: #ffffff;
    }

    .xoo-wsc-sc-bki {
      font-size: 28px;
      color: #000000;
    }

    .xoo-wsc-sc-cont {
      color: #000000;
    }


    .xoo-wsc-product dl.variation {
      display: block;
    }


    .xoo-wsc-product-cont {
      padding: 10px 10px;
    }

    .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-img-col {
      width: 28%;
    }

    .xoo-wsc-pattern-card .xoo-wsc-img-col img {
      max-width: 100%;
      height: auto;
    }

    .xoo-wsc-products:not(.xoo-wsc-pattern-card) .xoo-wsc-sum-col {
      width: 72%;
    }

    .xoo-wsc-pattern-card .xoo-wsc-product-cont {
      width: 50%
    }

    @media only screen and (max-width: 600px) {
      .xoo-wsc-pattern-card .xoo-wsc-product-cont {
        width: 50%;
      }
    }


    .xoo-wsc-pattern-card .xoo-wsc-product {
      border: 0;
      box-shadow: 0px 10px 15px -12px #0000001a;
    }


    .xoo-wsc-sm-front {
      background-color: #eee;
    }

    .xoo-wsc-pattern-card,
    .xoo-wsc-sm-front {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
    }

    .xoo-wsc-pattern-card,
    .xoo-wsc-img-col img,
    .xoo-wsc-img-col,
    .xoo-wsc-sm-back-cont {
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
    }

    .xoo-wsc-sm-back {
      background-color: #fff;
    }

    .xoo-wsc-pattern-card,
    .xoo-wsc-pattern-card a,
    .xoo-wsc-pattern-card .amount {
      font-size: 16px;
    }

    .xoo-wsc-sm-front,
    .xoo-wsc-sm-front a,
    .xoo-wsc-sm-front .amount {
      color: #000;
    }

    .xoo-wsc-sm-back,
    .xoo-wsc-sm-back a,
    .xoo-wsc-sm-back .amount {
      color: #000;
    }


    .magictime {
      animation-duration: 0.5s;
    }



    span.xoo-wsch-items-count {
      height: 20px;
      line-height: 20px;
      width: 20px;
    }

    span.xoo-wsch-icon {
      font-size: 30px
    }

    .xoo-wsc-smr-del {
      font-size: 16px
    }