@import "animations";

:root {
  --ns-primary: #00bfd6;
  --ns-primary-alpha-10: rgba(0, 191, 214, 0.1);
  --ns-primary-alpha-20: rgba(0, 191, 214, 0.2);
  --ns-primary-compatible: #fff;
  --ns-accent: #333;
  --ns-price: #4caf50;
  --ns-radius: 20px;
}

html,
body,
.flip-clock-a *,
.tooltip,
#orders_statistics_chart_container,
#orders_statistics_chart_container * {
  font-family: var(--ns-font-family);
}

html {
  font-weight: normal;
  font-size: 14px;
  direction: rtl;
}

body {
  font-weight: normal;
  direction: rtl;
  background: #f0f0f0;
  font-size: 1rem;
  text-align: right;
}

a {
  color: #666;
  text-decoration: none;

  &:hover {
    color: var(--ns-primary);
    text-decoration: none;
  }

  &:focus {
    outline: none;
  }

  img.alignright {
    float: right;
    margin: 0 0 1em 1em;
  }

  img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
  }

  img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

input {
  &:focus {
    outline: none;
  }
}

button {
  &:focus {
    outline: none;
  }
}


.btn {
  &.btn-large {
    padding: 0.750rem 1.5rem;
  }
}

.background-white {
  background-color: #fff;
}

.background-grey {
  background-color: #f5f5f5;
}

.background-grey-2 {
  background-color: #eee;
}

.color-white {
  color: #fff;
}

.color-grey {
  color: #f5f5f5;
}

.color-grey-2 {
  color: #eee;
}

.site-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;

  .loader-content {
    text-align: center;

    .logo {
      display: block;
      margin-bottom: 15px;

      img {
        max-width: 100%;
      }
    }

    .loader-item {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #666;
      font-weight: 500;

      .spinner {
        position: relative;
        margin: 0;

        + {
          .loader-text {
            margin-right: 30px;
          }
        }
      }
    }
  }
}

#yith-wcwtl-output {
  margin-bottom: 20px;
  color: #666;

  &:after {
    content: '';
    clear: both;
    display: table;
  }

  &:before {
    content: '';
    clear: both;
    display: table;
  }

  input {
    margin-bottom: 10px;
  }

  p {
    margin-bottom: 10px;
  }

  label {
    margin-bottom: 10px;
  }

  form {
    display: block;
    width: 100%;

    > label {
      width: 100%;

      input {
        width: 100%;
        margin-top: 5px;
      }
    }

    > .button {
      float: left;
    }
  }

  .yith-wcwtl-msg {
    margin-bottom: 20px;
  }
}

a.ywsl-social {
  text-decoration: none;
  display: inline-block;
  margin-right: 2px;
  border-radius: var(--ns-radius);
  overflow: hidden;
  margin-left: 5px;
}

.ywsl-box {
  display: none;
}

.header-logo {
  h1 {
    margin-bottom: 0;
  }
}


.popup-box {
  padding: 15px;
  position: absolute;
  box-shadow: rgba(0, 0, 0, .05) 0 0 0 10px;
  border-radius: var(--ns-radius);
  min-width: 200px;
  z-index: 999;
  color: #666;
}

.negar-select {
  background: #eee;
  border: none;
  width: 100%;
  color: #666;
  display: block;
  font-size: 13px;
  padding: 3px 5px;
  border-radius: var(--ns-radius);
  position: relative;
  text-align: center;
}

p.list-item {
  margin-bottom: 0;
}

.list-item {
  label {
    margin-bottom: 5px;
    font-size: 13px;
    display: block;
    text-align: right;
    color: #aaa;
  }
}


nav.top-bar {
  ul {
    list-style: none;
    padding: 0;
    margin: 0;

    li.current_page_item {
      > a {
        opacity: .8;
        pointer-events: none;
      }
    }
  }

  > ul {
    > li {
      display: inline-block;
      margin-left: 5px;

      > a {
        font-size: 13px;
        padding: 0 5px;
        line-height: 30px;
        display: block;
      }
    }
  }

  li {
    > ul {
      position: absolute;
      top: 100%;
      left: 0;
      background: #fff;
      width: 200px;
      border-radius: var(--ns-radius);
      z-index: 9999;
      padding: 5px;
      transition: .2s;
      box-shadow: rgba(0, 0, 0, .1) 0 2px 5px;

      a {
        display: block;
        padding: 5px 10px;
        text-align: right;
      }

      ul {
        left: 100%;
        top: 0;
      }
    }

    &:not(:hover) {
      > ul {
        opacity: 0;
        visibility: hidden;
      }
    }

    position: relative;

    li.menu-item-has-children {
      > a {
        &::after {
          font-family: "Font Awesome 5 Pro", sans-serif;
          content: "\f105";
          font-weight: 400;
          float: right;
          font-size: 14px;
          margin-top: -1px;
          margin-left: 10px;
          color: #999;
          transition: .2s;
        }
      }

      &:hover {
        > a {
          &::after {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
          }
        }
      }
    }
  }
}

.text-right {
  nav.top-bar {
    li {
      li.menu-item-has-children {
        > a {
          &::after {
            float: left;
            margin-left: 0;
            margin-right: 10px;
            content: "\f104";
          }
        }

        &:hover {
          > a {
            &::after {
              transform: rotate(-45deg);
              -webkit-transform: rotate(-45deg);
            }
          }
        }
      }

      > ul {
        left: auto;
        right: 100%;
      }
    }

    > ul {
      > li {
        > ul {
          right: 0;
        }
      }
    }
  }
}


header.site-header {
  .header-socials {
    ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: block;

      &::after {
        content: "";
        display: block;
        clear: both;
      }

      li {
        display: inline-block;
        float: right;

        a {
          display: block;
          width: 30px;
          height: 30px;
          overflow: hidden;
          text-align: center;
          line-height: 32px;
          transition: .2s;
          background: #fff;
          border-radius: var(--ns-radius);

          &:hover {
            box-shadow: rgba(0, 0, 0, .1) 0 2px 5px;
          }

          i {
            display: inline;
            line-height: inherit;
          }
        }

        &:not(:last-of-type) {
          margin-left: 3px;
        }
      }
    }
  }

  .header-socials.text-left {
    ul {
      li {
        float: left;
      }
    }
  }

  .header-socials.style-2 {
    ul {
      li {
        a {
          font-size: 18px;
          height: 30px;
          width: 30px;
          line-height: 30px;

          &:not(:hover) {
            color: #888;
          }
        }
      }
    }
  }
}

li {
  a.loading {
    &::before {
      content: "";
      display: block;
      height: 3px;
      width: 15px;
      border-radius: var(--ns-radius);
      background: rgba(0, 0, 0, .2);
      position: absolute;
      bottom: 10px;
      margin: auto;
      left: 0;
      right: 0;
      animation-name: MenuLoading;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      transition: 0.2s;
    }
  }
}

.wrapper {
  position: relative;
}

.btn-negar {
  background: var(--ns-primary);
  color: #fff;
}

.btn {
  .btn-icon {
    margin-left: 10px;
  }
}

main#main {
  padding-top: 25px;
  min-height: calc(100vh - 400px);
}


.dokan-widget-area {
  aside.widget {
    &:not(.widget_media_image) {
      background: #fff;
      padding: 20px;
      border-radius: var(--ns-radius);
    }

    h3.widget-title {
      text-align: right;
      color: #7a7a7a;
      font-size: 14px;
      margin: 0;
      margin-bottom: 15px;
    }

    margin-bottom: 20px;

    ul {
      list-style: none;
      padding: 0;
      margin: 0;
      line-height: normal;

      li {
        a {
          font-size: 13px;
        }
      }
    }
  }

  #cat-drop-stack {
    ul {
      padding: 0;
      margin: 0;
      list-style: none;

      li {
        span.caret-icon {
          i {
            transform: rotate(180deg) translateY(-2.5px);
            -webkit-transform: rotate(180deg) translateY(-2.5px);
          }

          float: right;
          margin-left: 5px;
        }
      }
    }

    li {
      ul {
        margin: 5px 0 10px 0;
        color: #aaa;
        background: #f5f5f5;
        padding: 10px 20px;
        border-radius: var(--ns-radius);
      }
    }
  }
}

.content-widget.slider-1 {
  .carousel-indicators {
    li {
      transition: .3s;
      border-radius: var(--ns-radius);

      &:not(.active) {
        width: 15px;
      }
    }
  }

  .carousel-caption {
    text-shadow: rgba(0, 0, 0, .5) 1px 1px;

    p {
      font-size: 14px;
    }
  }

  overflow: hidden;

  .carousel-item {
    a {
      display: block;
      width: 100%;
      overflow: hidden;
      height: 0;
      position: relative;
      padding-top: 33.333%;

      img {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
      }
    }
  }
}

.carousel-indicators {
  direction: ltr;
  margin: 0;
}

.content-widget {
  header.section-header {
    .archive-link[href="/"] {
      display: none;
    }

    margin-bottom: 20px;
    text-align: center;
    display: flex;
    align-items: center;

    .archive-link {
      white-space: nowrap;
    }

    h6 {
      font-size: 14px;
      color: #757575;
      font-weight: normal;
      margin-bottom: 0;
      white-space: nowrap;
    }

    h4 {
      font-size: 14px;
      color: #757575;
      font-weight: normal;
      margin-bottom: 0;
      white-space: nowrap;
    }

    button.wg-tabs-toggle {
      background: none;
      border: none;
      color: #666;
      display: none;
      cursor: pointer;
    }
  }

  article.item {
    figure {
      background: url(../images/product-placeholder.png) no-repeat center;
    }
  }
}

.img-banner-wg {
  border-radius: var(--ns-radius);
  color: transparent;
  transition: opacity .2s;

  &:hover {
    opacity: .8;
  }
}

.input-group-text {
  border: none;
  background: transparent;
}

.content-widget.slider-2 {
  overflow: hidden;

  .carousel-indicators {
    background: rgba(255, 255, 255, 0.9);
    height: auto;
    right: 10px;
    bottom: 10px;
    display: table;
    width: calc(100% - 20px);
    left: 10px;
    padding: 5px;
    border-radius: var(--ns-radius);
    transition: .2s;

    li {
      height: auto;
      display: table-cell;
      padding: 0 5px;
      text-align: center;
      text-indent: 0;
      background: transparent;
      color: #666;
      font-size: 13px;
      position: relative;
      overflow: visible;
      white-space: nowrap;
      border-radius: var(--ns-radius);
      opacity: 1;

      &::after {
        display: none;
      }
    }

    li.active {
      background: #ff0299;
      color: #fff;
      font-weight: 500;
    }
  }

  &:not(.style-2) {
    .carousel {
      &:not(:hover) {
        .carousel-indicators {
          transition-delay: 3s;
          bottom: 5px;
          opacity: 0;
        }
      }
    }

    .carousel-item {
      a {
        display: block;
        width: 100%;
        position: relative;
      }

      img {
        width: 100%;
        height: auto;
      }
    }
  }
}

.content-widget.slider-2.style-2 {
  .product-info {
    .footer-sec {
      .finished {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, .8);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        color: var(--ns-primary);
        padding-bottom: 30px;
        z-index: 9;
        flex-direction: column;

        span {
          padding: 8px 30px;
          position: relative;
          font-size: 20px;
          border-radius: 30px 0 30px 30px;
        }

        i {
          font-size: 48px;
        }
      }
    }

    .static-title {
      font-size: 14px;
      color: #999;
      float: left;

      span {
        color: var(--ns-primary);
      }
    }

    .feature-daels-price {
      line-height: 1.7;
      display: flex;
      font-weight: 500;
      justify-content: center;
      margin-top: 15px !important;
      margin-bottom: 30px !important;

      > * {
        display: inline-block;
        margin: 0 5px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: none;
        font-size: 16px;
      }

      &::after {
        content: "";
        display: block;
        clear: both;
      }

      .remove-price {
        text-decoration: line-through;
        color: #757575;
        font-weight: normal;
      }

      del {
        text-decoration: line-through;
        color: #757575;
        font-weight: normal;
      }

      ins {
        text-decoration: none;
      }

      > span {
        > del {
          width: 50%;
          float: right;
        }

        padding: 0;
      }

      .discount-percent {
        background: #999;
        position: absolute;
        left: 100%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;

        i {
          font-size: 14px;
          margin-left: 2px;
        }
      }

      span.sale-price {
        position: relative;
        overflow: visible;
      }
    }

    ul.feature-attr-p {
      list-style: none;
      padding: 0;
      font-size: 13px;
      color: #757575;
      line-height: 2;
      height: 80px;
      overflow: hidden;
      margin: 10px 0 20px 0;
      text-align: center;
    }

    .flip-clock-wrapper {
      text-align: right;
      margin: 0;
    }

    .clock-title {
      color: #999;
      font-size: 13px;
    }

    .title-rate-sec {
      text-align: center;

      h2.item-title {
        font-size: 18px;
        margin-bottom: 0;
        line-height: 2rem;

        a {
          transition: .2s;
        }
      }
    }

    .ribbon-discount-outer {
      text-align: center;
      direction: ltr;
      position: relative;
    }

    .ribbon-discount {
      svg {
        width: 70px;
      }

      display: inline-block;
      position: absolute;
      left: 100%;
      transform: rotate(-20deg);
      -webkit-transform: rotate(-20deg);
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;

      .count {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        font-size: 16px;
        color: #fff;
        line-height: 0;
        text-align: center;
        white-space: nowrap;

        i {
          margin-right: 2px;
          font-size: 12px;
        }
      }
    }

    .not-started {
      text-align: center;
      color: #757575;
      margin: 10px;

      i {
        display: block;
        text-align: center;
        font-size: 24px;
        margin-bottom: 10px;
      }
    }
  }

  .carousel {
    .carousel-inner {
      background: #fff;
      border-radius: var(--ns-radius);
    }

    height: auto;
    background: #f5f5f5;
    padding: 10px 0 10px 10px;

    &::after {
      content: "";
      display: block;
      clear: both;
    }
  }

  .carousel-indicators {
    width: 200px;
    min-height: 100%;
    position: static;
    overflow: visible;
    background: #f5f5f5;
    padding: 0;
    display: block;

    li {
      display: block;
      width: auto;
      margin: 0;
      color: #707070;
      padding: 8px 10px;
      font-size: 14px;
      border: none;
      white-space: normal;
      text-align: center;
      border-radius: var(--ns-radius) 0 0 var(--ns-radius);
      transition: .2s;

      &::before {
        transform: none;
        -webkit-transform: none;
        top: 0 !important;
        right: 100%;
        left: inherit !important;
        border-color: transparent var(--ns-primary) transparent transparent;
        border-width: 18px;
        margin-left: 10px;
        z-index: 1;
      }

      span {
        display: block;
        direction: rtl;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
      }
    }

    li.active {
      &::before {
        margin-left: 0;
      }

      background: var(--ns-primary);
      color: #fff;
    }
  }

  .carousel-inner {
    .carousel-item {
      padding: 15px 30px;

      .discount-percent-outer {
        text-align: center;
        margin-bottom: 45px;
      }

      .discount-percent {
        background: var(--ns-primary);
        padding: 8px;
        border-radius: var(--ns-radius);
        color: #fff;
        display: inline-block;

        i {
          margin-left: 3px;
        }
      }
    }
  }

  .product-thumb {
    width: 350px;

    h2.item-title {
      font-size: 14px;
      line-height: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 2px;
      max-height: 45px;
      position: relative;
      z-index: 1;
    }

    .rate {
      height: 22px;
      margin-bottom: 20px;
      position: relative;
      z-index: 1;
    }

    a {
      display: block;
      height: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }

    img {
      width: 80%;
      display: block;
    }

    .pt-content {
      height: 100%;
      position: relative;

      .inner {
        height: 100%;
        position: relative;
      }

      .thumbnail-fig {
        position: relative;
        padding-top: 100%;
        overflow: hidden;
        border-radius: var(--ns-radius);
        overflow: hidden;

        a {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center;
        }
      }
    }
  }

  .top-box {
    &::after {
      content: "";
      display: block;
      clear: both;
    }
  }

  .product-quantity {
    font-size: 13px;
    color: #666;
  }

  .feature-daels-price {
    unicode-bidi: plaintext;

    * {
      unicode-bidi: plaintext;
    }
  }

  .carousel.ns-fade {
    .carousel-inner {
      .carousel-item {
        transition: .4s;
        display: block;

        &:not(.active) {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          visibility: hidden;
          opacity: 0;
        }
      }
    }
  }

  .timer-cont {
    text-align: center;
    padding-top: 10px;

    > .flip-clock-a {
      display: inline-block;
      width: auto;
    }
  }

  .progress {
    margin-top: 3px;
  }

  .negarshop-countdown {
    &:not(.no-style) {
      text-align: center;
      margin-bottom: 30px;
    }
  }

  .ns-discount-percent {
    font-size: 48px;
    opacity: .2;
    height: 48px;
    line-height: 48px;
    letter-spacing: -3px;

    .count {
      font-family: Arial, sans-serif;
      margin-left: 5px;
      direction: ltr;
      display: inline-block;
    }

    .title {
      font-weight: 400;
    }

    i {
      font-size: 18px;
      margin-right: 10px;
    }
  }
}

.woocommerce.single-product {
  p.stock {
    font-size: 13px;
    color: #999;
  }

  div.product {
    > .product-section {
      background: #fff;
      padding: 20px;
      border-radius: var(--ns-radius);
      margin-bottom: 30px;
    }

    .woocommerce-tabs.wc-tabs-wrapper {
      .woocommerce-Tabs-panel {
        background: #fff;
        padding: 20px;
        border-radius: var(--ns-radius);
        margin-bottom: 30px;
      }
    }

    .product-section.single-style-2-gallery {
      background: transparent;
      padding: 0;

      .owl-carousel.wc-product-carousel {
        .owl-item {
          .car-dtag {
            padding-top: 33.33%;
            background: #fff;
            border-radius: var(--ns-radius);
            overflow: hidden;
          }

          img.product-gallery-img {
            width: auto;
            max-width: inherit;
            height: 100%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
          }
        }
      }
    }

    .product-single-style-3 {
      .woocommerce-tabs.wc-tabs-wrapper {
        .woocommerce-Tabs-panel {
          padding-right: 0;
          padding-left: 0;
        }
      }
    }
  }

  .stars {
    span {
      a {
        font-size: 0;
        display: inline-block;
        width: auto;
        height: auto;
        color: #febd69;

        &:before {
          content: "\f005";
          font-family: Font Awesome\ 5 Pro, sans-serif;
          font-size: 14px;
          font-weight: 900;
        }
      }

      a.active {
        + {
          a {
            &:before {
              color: #eee;
            }

            + {
              a {
                &:before {
                  color: #eee;
                }

                + {
                  a {
                    &:before {
                      color: #eee;
                    }

                    + {
                      a {
                        &:before {
                          color: #eee;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }

    display: inline-block;
    margin-right: 10px;
  }

  .sale-timer {
    padding: 0 10px;
    background: #fff;
    color: #666;
    position: relative;
    box-shadow: rgba(0, 0, 0, .1) 0 0 3px;
    margin-bottom: 15px;
    position: relative;

    > .row {
      padding: 15px 0;
    }

    .right {
      .title {
        font-size: 14px;
        padding-right: 50px;
        color: #999;

        span {
          color: var(--ns-primary);
          font-weight: 500;
        }
      }

      i {
        position: absolute;
        color: #000;
        opacity: .1;
        font-size: 30px;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
      }
    }

    &::after {
      content: "";
      display: block;
      clear: both;
    }

    .flip-clock-a {
      margin: 0;
      display: inline-block;
      width: auto;
      float: left;
    }

    .left {
      .discount {
        display: inline-block;
        color: #999;
        height: 25px;
        float: left;
        line-height: 25px;
        padding: 0 10px;
        margin-left: 15px;
        margin-top: 0;

        span {
          background: var(--ns-primary);
          color: #fff;
          padding: 0 10px;
          margin-right: 5px;
          font-size: 13px;
        }
      }
    }
  }
}

.add-product-favo.liked {
  i {
    color: #ed4956 !important;
    font-weight: 900 !important;
  }

  color: #ed4956 !important;
  font-weight: 900 !important;
}

.add-product-favo.disabled {
  pointer-events: none;
  opacity: .5;

  i {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
}

.alert {
  border: none !important;
  border-radius: var(--ns-radius);
  background: #fff;
  color: #999;
  box-shadow: rgba(0, 0, 0, .1) 0 2px 3px;
}

.alert.alert-error {
  background-color: rgba(255, 0, 0, 0.1);
  color: red;
}


.progress-bar {
  background-color: #888;
}


.add-product-favo {
  i.fal {
    display: inline;
    line-height: inherit;
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}


.modal-header {
  .close {
    margin: auto -1rem -1rem -1rem;
  }

  align-items: center;
}

input[type="submit"] {
  &:not(.browser-default) {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: var(--ns-radius);
    border: none;
    background-color: #757575;
    color: #fff;
    box-shadow: none !important;
    transition: .2s;
    cursor: pointer;

    &:hover {
      opacity: .9;
      color: #fff;
    }

    &:active {
      opacity: 1;
    }
  }
}

input[type="button"] {
  &:not(.browser-default) {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: var(--ns-radius);
    border: none;
    background-color: #757575;
    color: #fff;
    box-shadow: none !important;
    transition: .2s;
    cursor: pointer;

    &:hover {
      opacity: .9;
      color: #fff;
    }

    &:active {
      opacity: 1;
    }
  }
}

input[type="reset"] {
  &:not(.browser-default) {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: var(--ns-radius);
    border: none;
    background-color: #757575;
    color: #fff;
    box-shadow: none !important;
    transition: .2s;
    cursor: pointer;

    &:hover {
      opacity: .9;
      color: #fff;
    }

    &:active {
      opacity: 1;
    }
  }
}

.btn {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: var(--ns-radius);
  border: none;
  background-color: #757575;
  color: #fff;
  box-shadow: none !important;
  transition: .2s;
  cursor: pointer;
  font-size: 13px;
  border-radius: var(--ns-radius);

  &:hover {
    opacity: .9;
    color: #fff;
  }

  &:active {
    opacity: 1;
  }

  &.disabled, &disabled {
    pointer-events: none;
    opacity: 0.5;
  }
}

.dokan-btn {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: var(--ns-radius);
  border: none;
  background-color: #757575;
  color: #fff;
  box-shadow: none !important;
  transition: .2s;
  cursor: pointer;

  &:hover {
    opacity: .9;
    color: #fff;
  }

  &:active {
    opacity: 1;
  }
}

.lightbox {
  .lb-image {
    border-radius: var(--ns-radius);
  }
}

.lb-outerContainer {
  border-radius: var(--ns-radius);
}

.btn-transparent {
  background-color: transparent;
  border-color: transparent;
  color: #666;

  &:hover {
    background-color: transparent;
    color: #333;
  }
}

.btn-primary {
  background-color: var(--ns-primary);
  border-color: var(--ns-primary);

  &:hover {
    background-color: var(--ns-primary);
    border-color: var(--ns-primary);
  }

  &:not(:disabled) {
    &:not(.disabled).active {
      background-color: var(--ns-primary);
      border-color: var(--ns-primary);

      &:focus {
        box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .1);
      }
    }

    &:not(.disabled) {
      &:active {
        background-color: var(--ns-primary);
        border-color: var(--ns-primary);

        &:focus {
          box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .1);
        }
      }
    }
  }

  &:disabled {
    background-color: var(--ns-primary);
    border-color: var(--ns-primary);
  }

  &:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .1);
  }
}

.show {
  > .btn-primary.dropdown-toggle {
    background-color: var(--ns-primary);
    border-color: var(--ns-primary);

    &:focus {
      box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .1);
    }
  }
}

.btn-primary.disabled {
  background-color: var(--ns-primary);
  border-color: var(--ns-primary);
}

.btn-primary.focus {
  box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .1);
}

.input-text {
  &:focus {
    border-color: #eee !important;
    box-shadow: rgba(0, 0, 0, .1) 0 2px 5px;
    background: #fff;
  }

  display: block;
  background: #f5f5f5;
  border: none;
  transition: .2s;
  font-size: 13px;
  border-radius: var(--ns-radius) !important;
  padding: 10px;
  color: #495057 !important;
  height: auto;
}

.form-control {
  &:focus {
    border-color: #eee !important;
    box-shadow: rgba(0, 0, 0, .1) 0 2px 5px;
    background: #fff;
  }

  font-size: 13px;
  border-radius: var(--ns-radius);
  border: none;
  font-size: 13px;
  border-radius: var(--ns-radius);
  display: block;
  background: #f5f5f5;
  border: none;
  transition: .2s;
  font-size: 13px;
  border-radius: var(--ns-radius) !important;
  padding: 10px;
  color: #495057 !important;
  height: auto;
}

textarea {
  &:not(.browser-default) {
    &:focus {
      border-color: #eee !important;
      box-shadow: rgba(0, 0, 0, .1) 0 2px 5px;
      background: #fff;
    }

    display: block;
    background: #f5f5f5;
    border: none;
    transition: .2s;
    font-size: 13px;
    border-radius: var(--ns-radius) !important;
    padding: 10px;
    color: #495057 !important;
    height: auto;
    height: auto;
  }
}

input[type="text"] {
  &:not(.browser-default) {
    &:focus {
      border-color: #eee !important;
      box-shadow: rgba(0, 0, 0, .1) 0 2px 5px;
      background: #fff;
    }

    display: block;
    background: #f5f5f5;
    border: none;
    transition: .2s;
    font-size: 13px;
    border-radius: var(--ns-radius) !important;
    padding: 10px;
    color: #495057 !important;
    height: auto;
  }
}

input[type="search"] {
  &:not(.browser-default) {
    &:focus {
      border-color: #eee;
      box-shadow: rgba(0, 0, 0, .1) 0 2px 5px;
      background: #fff;
    }

    display: block;
    background: #f5f5f5;
    border: none;
    transition: .2s;
    font-size: 13px;
    border-radius: var(--ns-radius) !important;
    padding: 10px;
    color: #495057 !important;
    height: auto;
  }
}

input[type="email"] {
  &:not(.browser-default) {
    &:focus {
      border-color: #eee !important;
      box-shadow: rgba(0, 0, 0, .1) 0 2px 5px;
      background: #fff;
    }

    display: block;
    background: #f5f5f5;
    border: none;
    transition: .2s;
    font-size: 13px;
    border-radius: var(--ns-radius) !important;
    padding: 10px;
    color: #495057 !important;
    height: auto;
  }
}

input[type="number"] {
  &:not(.browser-default) {
    &:focus {
      border-color: #eee !important;
      box-shadow: rgba(0, 0, 0, .1) 0 2px 5px;
      background: #fff;
    }

    display: block;
    background: #f5f5f5;
    border: none;
    transition: .2s;
    font-size: 13px;
    border-radius: var(--ns-radius) !important;
    padding: 10px;
    color: #495057 !important;
    height: auto;
  }
}

input[type="url"] {
  &:not(.browser-default) {
    &:focus {
      border-color: #eee !important;
      box-shadow: rgba(0, 0, 0, .1) 0 2px 5px;
      background: #fff;
    }

    display: block;
    background: #f5f5f5;
    border: none;
    transition: .2s;
    font-size: 13px;
    border-radius: var(--ns-radius) !important;
    padding: 10px;
    color: #495057 !important;
    height: auto;
  }
}

.btn-whiter {
  color: #999;
  background-color: #eee;

  &:hover {
    background-color: #888;
    color: #fff;
  }

  &:focus {
    background-color: #888;
    color: #fff;
  }
}

section.blog-home {
  article.post-item {
    background: #fff;
    padding: 20px;
    border-radius: var(--ns-radius);

    &:not(:last-of-type) {
      margin-bottom: 30px;
    }

    > div {
      padding: 0 10px;
    }

    figure.post-thumb {
      background: #f5f5f5;
      margin: 0 0 20px 0 !important;
      -webkit-border-radius: var(--ns-radius);
      -moz-border-radius: var(--ns-radius);
      border-radius: var(--ns-radius);
      overflow: hidden;
      margin-bottom: 20px !important;

      a {
        display: block;
        text-align: center;

        img {
          margin: auto;
          width: 100%;
          height: auto;
          transition: .2s;
        }
      }
    }

    &:hover {
      figure.post-thumb {
        img {
          filter: brightness(70%);
          -webkit-filter: brightness(70%);
        }
      }

      .info {
        ul {
          li {
            i {
              opacity: 1;
              visibility: visible;
              width: 14px;
            }
          }
        }
      }
    }

    .info {
      margin-top: 10px;

      ul {
        list-style: none;
        padding: 0;
        margin: 0;

        ul {
          display: inline-block;
        }

        li {
          display: inline-block;
          margin-left: 15px;
          color: #777;
          font-size: 12px;

          i {
            margin-left: 5px;
            color: #999;
            width: 0;
            transition: .2s;
            opacity: 0;
            visibility: hidden;
          }

          a {
            color: #777;
            font-size: 12px;
          }
        }
      }
    }

    .entry-video {
      margin-bottom: 20px !important;

      video {
        width: 100%;
        display: block;
      }

      .inner {
        min-height: auto;
        border-radius: var(--ns-radius);
        overflow: hidden;
        position: relative;

        button.btn-play {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          border: none;
          display: block;
          width: 80px;
          height: 80px;
          padding: 0;
          line-height: 90px;
          text-align: center;
          border-radius: 100px;
          font-size: 36px;
          background: rgba(255, 255, 255, .8);
          color: #464646;
          cursor: pointer;
          transition: .2s;
          overflow: hidden;

          &:hover {
            background: rgba(255, 255, 255, 1);
          }
        }

        &::before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: #464646;
          opacity: .3;
          transition: .2s;
        }

        &:hover {
          &::before {
            opacity: 0;
            visibility: hidden;
          }
        }
      }
    }

    .title {
      a {
        display: inline-block;
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .title-tag {
        display: inline-block;
        padding: 0;
        margin: 0;
        font-size: 18px;
        color: #777;
        font-weight: normal;
        transition: .2s;

        &:hover {
          color: var(--ns-primary);
        }
      }
    }

    .content {
      font-size: 14px;
      line-height: 2;
      color: #777;
      padding-bottom: 15px;
      font-weight: 400;

      &::after {
        content: "";
        display: block;
        clear: both;
      }

      iframe {
        border: none;
        margin-bottom: 15px;
        display: block;
      }

      p {
        + {
          h1 {
            margin-top: 30px;
          }

          h2 {
            margin-top: 30px;
          }

          h3 {
            margin-top: 30px;
          }

          h4 {
            margin-top: 30px;
          }

          h5 {
            margin-top: 30px;
          }

          h6 {
            margin-top: 30px;
          }
        }
      }
    }

    .excerpt {
      font-size: 14px;
      color: #666;
      line-height: normal;
      margin-bottom: 15px;

      p {
        margin: 0;
      }
    }

    .tags {
      font-size: 13px;
      color: #999;

      a {
        display: inline-block;
        padding: 0 10px;
        background: #f5f5f5;
        border-radius: 10px;
        margin-bottom: 2px;

        &:first-of-type {
          margin-right: 15px;
        }
      }
    }
  }

  .post-wg {
    background: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: var(--ns-radius);

    .comments-title {
      font-size: 18px;
      color: #777;
      font-weight: normal;
      margin-bottom: 30px;
    }

    ol.comment-list {
      padding: 0;
      margin: 0 0 15px 0;
      list-style: none;

      .comment-rates-sec {
        .comment-rates {
          li {
            margin: 0;
          }
        }
      }

      li {
        &:not(:last-of-type) {
          margin-bottom: 15px;
        }

        footer.comment-meta {
          img {
            width: 40px;
            height: auto;
            position: absolute;
            margin-right: -50px;
            border-radius: 100px;
          }

          font-size: 13px;
          padding-right: 55px;
          color: #999;

          .comment-metadata {
            font-size: 12px;
            padding-bottom: 5px;
          }

          .comment-author {
            font-size: 14px;
            color: #777;
            padding-top: 5px;
          }
        }

        .reply {
          text-align: left;
          font-size: 14px;
        }

        .comment-content {
          margin: 0 0 5px 0;
          color: #777;
          font-size: 14px;
          padding: 10px;

          p {
            margin: 0;
          }
        }
      }

      ul.children {
        list-style: none;
        margin-top: 10px;
      }

      article.comment-body {
        background: #f5f5f5;
        padding: 20px;
        border-radius: var(--ns-radius);
      }

      #respond {
        padding: 20px 0;
      }

      #reply-title {
        small {
          float: left;

          #cancel-comment-reply-link {
            color: #999;
            display: block;
            padding: 0 5px;
          }
        }
      }
    }
  }

  .post-wg.post-comments {
    h3.comment-reply-title {
      font-size: 18px;
      color: #777;
      font-weight: normal;
    }

    p.logged-in-as {
      font-size: 14px;
      margin-bottom: 20px;
      color: #999;
    }

    p.comment-notes {
      font-size: 14px;
      margin-bottom: 20px;
      color: #999;
    }
  }

  article.post-item.post {
    .content {
      a {
        color: var(--ns-primary);
      }
    }
  }
}

.navigation.pagination {
  margin: 30px 0;

  h2.screen-reader-text {
    font-size: 14px;
    color: #999;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
  }

  .nav-links {
    > * {
      display: inline-block;
      height: 30px;
      line-height: 30px;
      padding: 0 15px;
      background: #fff;
      font-size: 13px;
      transition: .2s;
      border-radius: var(--ns-radius);
    }

    span.current {
      color: #aaa;
      font-weight: 500;
    }

    a {
      &:hover {
        background: var(--ns-primary);
        color: #fff;
      }
    }
  }
}

.comment-form-chip {
  margin: 10px 0;

  > label {
    &::before {
      content: "";
      display: inline-block;
      width: 9px;
      height: 9px;
      background: #4caf50;
      border-radius: 3px;
      margin-left: 5px;
    }
  }
}

.comment {
  .comment-awaiting-moderation {
    font-size: 0;

    &::before {
      content: "در انتظار تایید مدیریت";
      font-size: 13px;
      font-style: normal;
    }
  }
}

.woocommerce {
  nav.woocommerce-MyAccount-navigation {
    ul {
      padding: 0;
      list-style: none;

      li {
        display: inline-block;
        display: block;
        margin-bottom: 5px;

        a {
          display: inline-block;
          padding: 5px 10px;

          &:hover {
            background: #eee;
            color: #464646;
          }
        }

        &:not(:last-of-type) {
          &::after {
            content: "/";
            color: #aaa;
          }
        }

        &::after {
          display: none;
        }

        &:not(.res-toggle-menu) {
          a {
            text-align: right;
            display: flex;
            transition: .2s;
            font-size: 14px;
            border-radius: var(--ns-radius);
            padding: 8px 16px;
            align-items: center;

            i {
              margin-left: 10px;
              display: block;
              font-weight: 500;
              margin-top: -4px;
            }
          }
        }
      }

      li.is-active {
        a {
          color: var(--ns-primary);
          background: rgba(255, 2, 102, .1);
          color: var(--ns-primary);

          i {
            font-weight: 900;
          }
        }
      }

      li.res-toggle-menu {
        a {
          display: none;
          background-color: #666;
        }

        * {
          color: #fff !important;
        }

        &:not(.show) {
          .show {
            display: block !important;
          }

          .hide {
            display: none !important;
          }
        }
      }

      li.res-toggle-menu.show {
        .show {
          display: none !important;
        }

        .hide {
          display: block !important;
        }
      }
    }
  }

  .woocommerce-error {
    list-style: none;
    background: #ffe4e4;
    color: #ec3939;

    li {
      padding: 0;
      margin: 0;
    }
  }

  .checkout.woocommerce-checkout {
    margin-top: 30px;

    h3 {
      font-size: 18px;
    }
  }

  .woocommerce-product-gallery {
    .woocommerce-product-gallery__wrapper {
      text-align: center;
    }

    .flex-control-thumbs {
      list-style: none;
      padding: 0;
      margin: 0;
      margin-top: 15px;

      li {
        display: inline-block;
        width: 20%;
        cursor: pointer;
        padding: 2px;
      }
    }
  }

  h1.product_title.entry-title {
    font-size: 20px;
    color: #444;
    margin: 0;
    line-height: normal;
  }

  h3.product_sub_title.entry-sub-title {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    margin-bottom: 0;
    display: inline-block;
    font-family: Tahoma, sans-serif;

    + {
      .woocommerce-product-rating {
        color: #aaa;
        float: left;
        font-size: 13px;
      }
    }
  }

  .title-bg {
    > * {
      &:not(.product_title) {
        margin-top: 5px;
      }
    }

    margin-bottom: 15px;

    &::after {
      content: "";
      display: block;
      clear: both;
    }
  }

  p.price {
    color: #aaa;
    margin-bottom: 20px;

    > span {
      font-size: 16px;
      color: #4caf50;
      padding: 0 5px;
      text-decoration: none;
      font-weight: bold;
    }

    ins {
      font-size: 16px;
      color: #4caf50;
      padding: 0 5px;
      text-decoration: none;
      font-weight: bold;
    }

    * {
      font-size: 16px;
    }

    span.price-text {
      color: #777;
    }

    span.amount {
      unicode-bidi: plaintext;
      direction: ltr;

      * {
        unicode-bidi: plaintext;
        direction: ltr;
      }
    }
  }

  .variations_form.cart {
    label {
      font-size: 14px;
      color: #999;
    }

    select.custom-select {
      font-size: 12px;
      color: #666;
      border: none;
      box-shadow: none;
      border-radius: var(--ns-radius);
      background-color: #f9f9f9;
    }
  }

  .product-featured-attrs {
    margin-bottom: 20px;

    ul {
      padding: 0;
      margin: 0;
      list-style: none;
      line-height: normal;

      li {
        color: #464646;
        font-size: 13px;
        margin-bottom: 4px;

        span {
          display: inline-block;
          margin: 0 0 0 5px;
          color: #777;
        }
      }
    }

    h6.title {
      font-size: 16px;
      color: #777;
      margin-bottom: 10px;
      font-weight: bold;
    }
  }

  .product {
    .product_meta:not(.sku_wrapper) {
      .woocommerce-product-rating {
        .rate {
          span {
            margin: 0;
            border: none;
          }
        }
      }

      line-height: 2;
      display: flex;
      flex-wrap: wrap;
      font-size: 13px;
      color: #999;

      > span {
        margin-left: 15px;
        font-size: 13px;
        color: #656565;
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        i {
          margin-left: 3px;
        }

        span {
          &:first-of-type {
            margin-right: 5px;
          }

          color: #757575;
          font-size: 12px;
          transition: .2s;
          border-bottom: #aaa 1px dashed;
          margin-left: 10px;

          &:hover {
            border-color: var(--ns-primary);
            color: var(--ns-primary);
          }
        }

        a {
          &:first-of-type {
            margin-right: 5px;
          }

          color: #757575;
          font-size: 12px;
          transition: .2s;
          border-bottom: #aaa 1px dashed;
          margin-left: 10px;

          &:hover {
            border-color: var(--ns-primary);
            color: var(--ns-primary);
          }
        }

        .sku {
          direction: ltr;
          unicode-bidi: embed;
        }
      }

      > span.product-brand {
        font-size: 0;

        &::before {
          content: "برند: ";
          font-size: 13px;
          order: 2;
        }

        a {
          order: 3;
        }

        &::after {
          display: inline-block;
          font-family: "Font Awesome 5 Pro", sans-serif;
          font-weight: 300;
          content: "\f559";
          font-size: 13px;
          float: right;
          margin-left: 10px;
          order: 1;
        }
      }
    }

    .product-single-style-3 {
      .product_meta {
        margin-bottom: 55px !important;

        > span {
          &::before {
            width: 30px;
            height: 30px;
            background: #666;
            border-radius: 10px;
            color: #fff;
            font-size: 16px;
            text-align: center;
            line-height: 30px;
            margin-left: 10px;
          }

          i {
            width: 30px;
            height: 30px;
            background: #666;
            border-radius: 10px;
            color: #fff;
            font-size: 16px;
            text-align: center;
            line-height: 30px;
            margin-left: 10px;
          }

          border: none;
          margin-left: 25px !important;
          font-size: 16px;
          font-weight: 500;
          border: none;
          margin: 0;

          span {
            font-size: 16px;
            font-weight: 500;
            border: none;
            margin: 0;
          }

          a {
            font-size: 16px;
            font-weight: 500;
            border: none;
            margin: 0;
          }
        }

        .product-brand {
          &::after {
            display: none;
          }

          font-size: 0;
          padding-right: 0;

          &::before {
            font-family: "Font Awesome 5 Pro", sans-serif;
            content: "\f559";
          }
        }

        .posted_in {
          font-size: 0;
          color: #00C853 !important;

          a {
            color: #00C853 !important;

            &:not(:last-of-type) {
              display: none;
            }
          }

          i {
            background-color: #00C853;
          }
        }

        .woocommerce-product-rating {
          color: #F9A825 !important;

          span {
            color: #F9A825 !important;
          }

          i {
            background-color: #F9A825;
          }
        }

        .product-sales {
          color: #00B0FF !important;

          span {
            color: #00B0FF !important;
          }

          i {
            background-color: #00B0FF;
          }
        }
      }
    }
  }

  .woocommerce-product-details__short-description {
    color: #444;
    font-size: 14px;
    line-height: normal;
    position: relative;

    h1.product-title {
      font-size: 14px;
      color: #999;
      font-weight: normal;
      margin-bottom: 15px;
    }

    h6.sec-title {
      font-size: 18px;
      color: #666;
    }

    &::after {
      content: "";
      display: block;
      clear: both;
    }

    &.has-trigger {
      padding-bottom: 45px;

      &:not(.show) {
        max-height: 200px;
        overflow: hidden;
        padding-bottom: 0;
      }
    }

    button#product-short-desc-toggle {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: block;
      width: 100%;
      background: rgba(255, 255, 255, .95);
      border: none;
      box-shadow: #fff 0 -15px 15px;
      line-height: 30px;
      color: #666;
      cursor: pointer;

      i {
        transition: .2s;
        font-size: 18px;
        transform: translateY(3px);
        -webkit-transform: translateY(3px);
        margin-right: 5px;
      }

      .outer {
        background: #eee;
        padding: 5px 20px;
        border-radius: var(--ns-radius);
        transition: .2s;
        cursor: pointer;

        &:hover {
          background-color: #999;
          color: #fff;
        }
      }
    }
  }

  .onsale {
    background: var(--ns-primary);
    color: #fff;
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    padding: 0;
    z-index: 1;
    text-align: center;
    border-radius: 0 0 100px 100px;
    font-size: 70%;
    margin-top: -20px;
  }

  #review_form_wrapper {
    margin-top: 30px;
  }

  .woocommerce-product-details__short-description.show {
    button#product-short-desc-toggle {
      i {
        transform: rotate(180deg) translateY(-3px);
        -webkit-transform: rotate(180deg) translateY(-3px);
      }
    }
  }

  .nowrap-line {
    display: flex;
    align-items: center;

    .product-single-ribbons {
      width: auto;
      max-width: 100%;
      -ms-flex: auto 0 0;
      flex: auto 0 0;
    }

    h3 {
      width: 100%;
      padding: 0 0 0 5px;
      line-height: normal;
    }
  }

  .widget_layered_nav {
    ul.yith-wcan-color {
      li {
        a {
          width: auto !important;
          min-width: 30px;
          height: 30px;
          border-radius: var(--ns-radius) !important;
          overflow: hidden;
          width: 25.6px !important;
        }

        span {
          width: auto !important;
          min-width: 30px;
          height: 30px;
          border-radius: var(--ns-radius) !important;
          overflow: hidden;
        }

        &:not(.chosen) {
          a {
            transform: scale(.8);
            -webkit-transform: scale(.8);
            opacity: .9;
          }
        }
      }
    }
  }

  .coming-soon {
    font-size: 24px;
    color: #7d7d7d;
    text-align: center;
    margin-bottom: 0;
    padding: 15px;
  }

  form {
    .form-row {

      span.optional {
        opacity: .7;
        font-size: 13px;
      }
    }
  }

  .product-single-style-3 {
    .product-featured-attrs {
      h6.title {
        font-size: 16px;
        font-weight: 500;
        color: #777777;
        margin-bottom: 15px;
      }

      ul {
        display: flex;
        flex-wrap: wrap;

        li {
          margin-left: 20px;
          font-size: 14px;
          color: #777777;
        }
      }
    }
  }
}

.negarshop-wc-span-100 {
  span.woocommerce-input-wrapper {
    display: block;
    width: 100%;
  }
}

.woocommerce-MyAccount-content {
  h3 {
    margin-bottom: 15px;
    font-size: 18px;
  }

  width: calc(100% - 300px);
  float: right;
}

.woocommerce-page.woocommerce-cart {
  table.shop_table {
    width: 100%;

    td {
      padding: 5px 10px;

      &:not(.product-name) {
        text-align: center;
      }

      img {
        height: auto;
        min-width: 64px;
        max-width: 64px;
        -webkit-border-radius: var(--ns-radius);
        -moz-border-radius: var(--ns-radius);
        border-radius: var(--ns-radius);
      }
    }

    th {
      padding: 5px 10px;
      text-align: center;
    }

    thead {
      background: transparent;
    }

    td.product-remove {
      width: 64px;
      padding: 2px 0;

      a.remove {
        background: #fff7f7;
        width: 64px;
        height: 64px;
        line-height: 64px;
        text-align: center;
        display: block;
        border-radius: var(--ns-radius);
      }

      a {
        color: #ff0000;
        font-size: 18px;
        opacity: .5;
        transition: .2s;

        &:hover {
          opacity: 1;
        }
      }
    }

    td.product-thumbnail {
      width: 64px;
      padding: 2px 0;
      padding: 2px 10px;
    }

    td.product-subtotal {
      background: #f5f5f5;
    }

    tr {
      &:first-of-type {
        td.product-subtotal {
          border-radius: var(--ns-radius) 20px 0 0;
        }

        &:nth-last-of-type(2) {
          td.product-subtotal {
            border-radius: var(--ns-radius);
          }
        }
      }

      &:nth-last-of-type(2) {
        td.product-subtotal {
          border-radius: 0 0 20px 20px;
        }
      }
    }

    td.product-name {
      a {
        display: inline-block;
        max-width: 100%;
        font-size: 13px;
      }
    }
  }

  .cart-collaterals {
    margin-top: 30px;

    .cart_totals {
      > h2 {
        font-size: 18px;
        color: #999;
        margin-bottom: 15px;
      }

      .wc-proceed-to-checkout {
        text-align: left;
        margin-top: 15px;
      }
    }

    table {
      th {
        width: 150px;
      }

      td {
        text-align: right !important;
      }
    }

    .cross-sells {
      > h2 {
        font-size: 16px;
        margin: 30px 0;
      }

      margin-bottom: 30px;
    }
  }
}

.woocommerce-cart.woocommerce-page {
  article.post-item {
    > .title {
      display: none;
    }
  }
}

.dokan-message {
  padding-right: 45px !important;
  border: none !important;
  border-radius: var(--ns-radius) !important;
  background-color: #ecfaff !important;
  border-radius: 0;

  &::before {
    background: transparent !important;
    color: #999 !important;
    padding-top: 0 !important;
    margin-top: 6px !important;
    font-size: 24px !important;
    left: auto !important;
    right: 15px !important;
  }
}

.dokan-info {
  padding-right: 45px !important;
  border: none !important;
  border-radius: var(--ns-radius) !important;
  background-color: #ecfaff !important;
  border-radius: 0;

  &::before {
    background: transparent !important;
    color: #999 !important;
    padding-top: 0 !important;
    margin-top: 6px !important;
    font-size: 24px !important;
    left: auto !important;
    right: 15px !important;
  }
}

.dokan-error {
  padding-right: 45px !important;
  border: none !important;
  border-radius: var(--ns-radius) !important;
  background-color: #ecfaff !important;
  border-radius: 0;

  &::before {
    background: transparent !important;
    color: #999 !important;
    padding-top: 0 !important;
    margin-top: 6px !important;
    font-size: 24px !important;
    left: auto !important;
    right: 15px !important;
    background: transparent;
    color: #b81c23;
    font-size: 16px;
    padding-top: 12px;
  }
}

.woocommerce-message {
  background: #ecfaff;
  padding: 5px 15px 5px 5px;
  color: #777;
  line-height: 40px;
  margin-bottom: 30px;
  font-size: 13px;
  border-radius: var(--ns-radius);

  a {
    float: left;
    display: block;
    padding: 0 15px !important;
    color: #fff;
    background: rgba(0, 0, 0, .4);
    height: 40px !important;
    line-height: 40px !important;
    border-radius: var(--ns-radius);

    &:hover {
      background: rgba(0, 0, 0, .3);
      color: #fff;
    }

    &:active {
      background: var(--ns-primary);
    }
  }
}

.woocommerce-error {
  background: #ecfaff;
  padding: 5px 15px 5px 5px;
  color: #777;
  line-height: 40px;
  margin-bottom: 30px;
  font-size: 13px;
  border-radius: var(--ns-radius);
}

.woocommerce-columns--addresses {
  h2 {
    font-size: 18px;
    margin-top: 15px;
  }
}

.woocommerce-order-details__title {
  font-size: 18px;
  margin-top: 15px;
}

.woocommerce-order-downloads__title {
  font-size: 18px;
  margin-top: 15px;
}

.spinner {
  display: block;
  border: 2px solid #fff;
  border-top: 2px solid var(--ns-primary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-animation: spin .5s linear infinite;
  animation: spin .5s linear infinite;
  position: absolute;
  margin-right: 5px;
  margin-top: 2px;
}


.dokan-other-vendor-camparison {
  background: #fff;
  padding: 20px;
  border-radius: var(--ns-radius);
  margin-bottom: 30px;
  margin-bottom: 30px !important;

  h3 {
    font-size: 18px;
    color: #666;
  }
}

dl.variation {
  dd {
    display: inline;
    margin: 0;

    &:not(:last-of-type) {
      margin-left: 10px;
    }
  }

  dt {
    display: inline;
    margin: 0;
  }

  margin: 0;
  font-size: 90%;

  p {
    margin: 0;
    font-size: 90%;
    display: inline;
  }
}


.single-product {
  main#main {
    padding-top: 20px;
  }
}

.product {
  .single_add_to_cart_button {
    position: relative;

    i {
      margin-left: 10px;
      font-size: 18px;
      position: absolute;
      right: 10px;
    }
  }

  .woocommerce-product-gallery {
    .yith-wcwl-add-to-wishlist {
      display: inline-block;
      margin-right: 15px;
      margin-bottom: 30px;
      color: #aaa;

      + {
        .clear {
          display: none;
        }
      }

      a {
        color: #aaa;
      }
    }

    .compare-button.product {
      display: inline-block;
      margin-right: 15px;
      margin-bottom: 30px;
      color: #aaa;

      a {
        font-size: 0;
        padding: 0;

        &::before {
          content: "\f074";
          font-family: Font Awesome\ 5 Pro, sans-serif;
          font-weight: 300;
          font-size: 1rem;
          color: #aaa;
        }
      }
    }

    text-align: left;

    a.product-prices-chart {
      margin-right: 15px;
      margin-bottom: 30px;
      color: #aaa;
    }

    a.add-product-favo {
      margin-right: 15px;
      margin-bottom: 30px;
      color: #aaa;
    }

    a.woocommerce-product-gallery__trigger {
      font-size: 0;

      &::before {
        content: "\f002";
        font-family: Font Awesome\ 5 Pro, sans-serif;
        font-weight: 300;
        font-size: 1rem;
        color: #aaa;
      }
    }
  }
}

.wpgs.wpgs--with-images.images {
  direction: ltr;
}

.negarshop-loading {
  position: absolute;
  left: 15px;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 9;
  text-align: center;

  .spinner {
    position: static !important;
    margin: -7.5px auto auto auto;
  }
}

.woocommerce-variation-add-to-cart {
  span.ct-title {
    font-size: 14px;
    color: #999;
  }
}

.woocommerce-tabs.wc-tabs-wrapper {
  padding-top: 0 !important;
  overflow: visible;

  ul.wc-tabs {
    padding: 0;
    margin: 10px;
    list-style: none;
    border-radius: var(--ns-radius);
    text-align: center;

    li {
      display: inline-block;
      font-size: 14px;
      position: relative;

      a {
        display: inline-block;
        height: 55px;
        line-height: 55px;
        padding: 0 28px;
        color: #666;
        transition: .2s;

        &:hover {
          color: #464646;
        }

        i {
          font-size: 20px;
          margin-left: 10px;
          transform: translateY(2.5px);
          -webkit-transform: translateY(2.5px);
        }
      }
    }

    li.active {
      a {
        color: var(--ns-accent);
      }
    }
  }

  > div.woocommerce-Tabs-panel {
    color: #464646;
    font-size: 14px;
    line-height: normal;

    &:not(#tab-description) {
      > h2 {
        font-size: 18px;
        color: #555;
        margin-bottom: 15px;
      }
    }

    table.shop_attributes {
      font-size: 13px;
      margin-bottom: 0;

      th {
        color: #333;
      }

      .table-title {
        + {
          td {
            p {
              margin: 0;
            }
          }
        }
      }

      .woocommerce-product-attributes-parent {
        th {
          font-weight: 800;
          color: #888;
          font-size: 14px;
        }
      }
    }

    h2.woocommerce-Reviews-title {
      font-size: 18px;
      color: #999;
      text-align: center;
      font-weight: normal;
    }

    p.woocommerce-noreviews {
      font-size: 13px;
      color: #777;
    }

    span.comment-reply-title {
      font-size: 13px;
      color: #777;
      margin-bottom: 5px;
      display: block;
    }

    p.comment-notes {
      font-size: 13px;
      color: #777;
      margin-bottom: 5px;
      display: block;
    }

    .commentlist {
      margin-top: 30px;
      list-style: none;
      padding: 0;

      img.avatar {
        width: 40px;
        border-radius: 100%;
        float: right;
        margin-left: 10px;
        height: auto;
      }

      .comment-text {
        display: block;
        padding-right: 15px;
        font-size: 13px;

        p.meta {
          margin-bottom: 5px;
          color: #999;
          width: calc(100% - 140px);
        }

        .description {
          color: #666;
          line-height: 1.2;

          p {
            margin: 0;
          }
        }

        .star-rating {
          color: #999;
          float: left;
          margin-top: 2px;
        }
      }

      .comment_container {
        &::after {
          content: "";
          display: block;
          clear: both;
        }
      }

      li.comment {
        margin-bottom: 15px;
        padding: 15px;

        &:not(:last-of-type) {
          border-bottom: #eee 1px solid;
        }
      }
    }

    ul.list-unstyled {
      padding: 0;
      margin: 0;
      color: #666;
    }

    .product-seller {
      display: flex;
      max-width: 100%;
      min-width: 100%;
      align-items: center;

      .store-avatar {
        margin-left: 30px;
        width: 200px;
        text-align: center;

        img {
          border-radius: var(--ns-radius);
          background: #f5f5f5;
          margin-bottom: 15px;
        }

        ul.details {
          list-style: none;
          padding: 0;
          margin: 0;
          text-align: center;

          li {
            display: block;
            background: #f5f5f5;
            border-radius: var(--ns-radius);
            margin: 5px 0;
            padding: 2px 10px;
            color: #666;
            width: auto;
          }
        }

        .seller-rating {
          + {
            span.text {
              display: none;
            }
          }

          display: block;
          text-align: center;
          margin: 10px 0;
        }
      }

      > .list-unstyled {
        width: 100%;
      }
    }
  }

}

.panel-mobile-title {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 55px;
  background: #fff;
  border-bottom: 1px solid #ddd;
  display: none;
  align-items: center;
  z-index: 999;

  .panel-close {
    width: 45px;
    min-width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    font-size: 18px;
    margin-left: 5px;
    cursor: pointer;
    z-index: 9;
  }

  .panel-title {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
  }
}

.table-gray {
  background-color: #f5f5f5 !important;
  border-bottom: #fff 2px solid !important;
  border-radius: var(--ns-radius);
}

section.products {
  > h2 {
    font-size: 18px;
    color: #999;
    font-weight: normal;
    margin-bottom: 30px;
  }

  margin-bottom: 20px;
}

.summary.entry-summary {
  .yith-wcwl-add-to-wishlist {
    display: none !important;
  }

  .compare.button {
    display: none !important;
  }

  #yith-wcwtl-output {
    display: none;
  }
}

#postDescAccordion {
  .card {
    border: none;
    border-radius: 0;
    background: transparent;
  }

  .card-header {
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 5px 0;
    position: relative;

    button {
      &::before {
        content: "+";
        display: block;
        background: #ddd;
        width: 25px;
        height: 25px;
        min-width: 25px;
        line-height: 25px;
        text-align: center;
        margin-left: 10px;
        font-size: 16px;
        color: #666;
        border-radius: var(--ns-radius);
        overflow: hidden;
        transition: .2s;
      }

      &:not(.collapsed) {
        &::before {
          content: "-";
          font-size: 24px;
          background: transparent;
        }

        color: #333;
        background: transparent;
        font-size: 20px;
      }

      i {
        margin-left: 5px;
      }

      display: flex;
      align-items: center;
      text-decoration: none;
      color: #666;
      background: #f5f5f5;
      z-index: 9;
      position: relative;
      width: 100%;
      text-align: right;
      transition: .2s;
      font-size: 16px;
      padding: 15px;
      white-space: normal;

      &:hover {
        text-decoration: none;
        color: #333;
      }
    }
  }

  .card-body {
    &::after {
      content: "";
      display: block;
      clear: both;
    }
  }

  clear: both;
}

.woocommerce-widget-layered-nav-list {
  .count {
    font-size: 13px;
    color: #999;
  }

  span.count {
    color: #aaa;
    font-size: 13px;
  }
}

.postDescReviews {
  padding: 0 45px;
  font-size: 13px;
  border-radius: var(--ns-radius);
  margin-top: 30px;

  .row {
    > div {
      padding: 30px 0;
    }
  }

  ul.items {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: normal;
    color: #666;

    i {
      margin-left: 3px;
    }
  }

  h3 {
    font-size: 14px !important;
  }

  ul.items.plus {
    i {
      color: #4caf50;
    }
  }

  h3.plus {
    color: #4caf50;
  }

  ul.items.negative {
    i {
      color: #ff5153;
    }
  }

  h3.negative {
    color: #ff5153;
  }
}

.product_feature {
  .progress {
    height: 4px;
    margin-bottom: 10px;
    clear: both;
  }

  span {
    font-size: 12px;
    color: #777;
  }

  span.value {
    float: left;
    font-size: 12px;
    margin-top: 5px;
  }
}

.form-control-sm {
  border-radius: var(--ns-radius);
  padding: .5rem .5rem;
}

.input-group-sm {
  > .form-control {
    border-radius: var(--ns-radius);
    padding: .5rem .5rem;
  }

  > .input-group-append {
    > .btn {
      border-radius: var(--ns-radius);
      padding: .5rem .5rem;
    }

    > .input-group-text {
      border-radius: var(--ns-radius);
      padding: .5rem .5rem;
    }
  }

  > .input-group-prepend {
    > .btn {
      border-radius: var(--ns-radius);
      padding: .5rem .5rem;
    }

    > .input-group-text {
      border-radius: var(--ns-radius);
      padding: .5rem .5rem;
    }
  }
}

.woocommerce-variation.single_variation {
  p {
    color: #999;
    padding: 15px 0;
  }
}

.woocommerce-Reviews {
  ol.commentlist {
    li.review {
      padding: 20px;
      margin-bottom: 10px;
      border-bottom: 1px #eee solid;
      margin-left: -20px;
      margin-right: -20px;

      span.woocommerce-review__dash {
        display: none;
      }

      .meta {
        time.woocommerce-review__published-date {
          display: block;
          margin-top: -3px;
          margin-bottom: 10px;
        }
      }

      .big-meta-item {
        background: #f5f5f5;
        padding: 0 10px;
        text-align: center;
        border-radius: var(--ns-radius);
        font-weight: 400;
        color: #888;
        float: left;
        margin-left: 10px;
      }

      .big-meta-item.is-bought {
        color: #4caf50;
        background: #dcffdd;
      }
    }

    li {
      .children {
        .comment_container {
          > .row {
            > .col-lg-3 {
              display: none;
            }
          }
        }

        list-style: none;
        padding: 20px;
        border-radius: var(--ns-radius);
        background: #fafafa;
        margin-top: 20px;

        .review {
          border: none;
          margin: 0;
        }
      }
    }
  }

  .comment-form {
    .comment-form-header {
      .comment-notes {
        h3 {
          font-size: 16px;
          margin-bottom: 15px;
          color: #464646;
        }

        div {
          line-height: normal;
          font-size: 13px;
          color: #666;

          p {
            margin-bottom: 5px;
          }
        }
      }
    }
  }

  .comment-form-rating {
    .stars {
      margin: 0;
      letter-spacing: -2px;
    }

    label {
      margin: 0;
      margin-left: 10px;
      color: #666;
    }

    margin: 20px 0;
  }
}

header.section-header {
  margin-bottom: 10px;

  h6 {
    display: inline-block;
    color: #757575;
    font-size: 14px;
    margin: 0;
  }

  a.archive {
    float: left;
    background: var(--ns-primary);
    color: #Fff;
    padding: 0 10px;
    border-radius: var(--ns-radius);
    font-size: 13px;
  }

  &::after {
    content: "";
    display: block;
    clear: both;
  }
}

.is-product-mega-menu {
  .owl-carousel {
    &:not(.show) {
      display: none;
    }
  }
}

.content-widget.slider {
  .carousel {
    border-radius: var(--ns-radius);
    overflow: hidden;

    .carousel-indicators {
      padding: 10px;

      li {
        display: block;
        background: #fff;
        width: 10px;
        height: 10px;
        padding: 0;
        margin: 2px;
        border-radius: var(--ns-radius);
        border: none;
        transition: .2s;
      }

      li.active {
        width: 20px;
      }
    }

    .carousel-item {
      overflow: hidden;
    }
  }

  &:not(.style-2) {
    .carousel-item {
      a {
        &::after {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 1;
        }
      }
    }
  }
}

.fw-container {
  position: static !important;
}

.fw-col-xs-1 {
  position: static !important;
}

.fw-col-sm-1 {
  position: static !important;
}

.fw-col-md-1 {
  position: static !important;
}

.fw-col-lg-1 {
  position: static !important;
}

.fw-col-xs-2 {
  position: static !important;
}

.fw-col-sm-2 {
  position: static !important;
}

.fw-col-md-2 {
  position: static !important;
}

.fw-col-lg-2 {
  position: static !important;
}

.fw-col-xs-3 {
  position: static !important;
}

.fw-col-sm-3 {
  position: static !important;
}

.fw-col-md-3 {
  position: static !important;
}

.fw-col-lg-3 {
  position: static !important;
}

.fw-col-xs-4 {
  position: static !important;
}

.fw-col-sm-4 {
  position: static !important;
}

.fw-col-md-4 {
  position: static !important;
}

.fw-col-lg-4 {
  position: static !important;
}

.fw-col-xs-5 {
  position: static !important;
}

.fw-col-sm-5 {
  position: static !important;
}

.fw-col-md-5 {
  position: static !important;
}

.fw-col-lg-5 {
  position: static !important;
}

.fw-col-xs-6 {
  position: static !important;
}

.fw-col-sm-6 {
  position: static !important;
}

.fw-col-md-6 {
  position: static !important;
}

.fw-col-lg-6 {
  position: static !important;
}

.fw-col-xs-7 {
  position: static !important;
}

.fw-col-sm-7 {
  position: static !important;
}

.fw-col-md-7 {
  position: static !important;
}

.fw-col-lg-7 {
  position: static !important;
}

.fw-col-xs-8 {
  position: static !important;
}

.fw-col-sm-8 {
  position: static !important;
}

.fw-col-md-8 {
  position: static !important;
}

.fw-col-lg-8 {
  position: static !important;
}

.fw-col-xs-9 {
  position: static !important;
}

.fw-col-sm-9 {
  position: static !important;
}

.fw-col-md-9 {
  position: static !important;
}

.fw-col-lg-9 {
  position: static !important;
}

.fw-col-xs-10 {
  position: static !important;
}

.fw-col-sm-10 {
  position: static !important;
}

.fw-col-md-10 {
  position: static !important;
}

.fw-col-lg-10 {
  position: static !important;
}

.fw-col-xs-11 {
  position: static !important;
}

.fw-col-sm-11 {
  position: static !important;
}

.fw-col-md-11 {
  position: static !important;
}

.fw-col-lg-11 {
  position: static !important;
}

.fw-col-xs-12 {
  position: static !important;
}

.fw-col-sm-12 {
  position: static !important;
}

.fw-col-md-12 {
  position: static !important;
}

.fw-col-lg-12 {
  position: static !important;
}

.fw-col-xs-15 {
  position: static !important;
}

.fw-col-sm-15 {
  position: static !important;
}

.fw-col-md-15 {
  position: static !important;
}

.fw-col-lg-15 {
  position: static !important;
}

.disabled {
  opacity: .5;
  pointer-events: none;
}

.woocommerce-variation-price {
  text-align: right;
  font-size: 16px;
  margin: 15px;
  font-weight: 500;
  color: #4caf50;
  unicode-bidi: plaintext;
  direction: ltr;

  &:not(:empty) {
    &::before {
      content: "قیمت برای شما: ";
      color: #999;
      font-weight: normal;
      margin-left: 10px;
      direction: rtl;
    }
  }

  del {
    span.amount {
      &::before {
        display: none;
      }

      color: #aaa;
      opacity: .8;
    }

    color: #aaa;
    opacity: .8;
    margin-left: 15px;
    display: inline-block;
  }

  ins {
    text-decoration: none;
  }

  * {
    unicode-bidi: plaintext;
    direction: ltr;
  }
}

.star-rating {
  font-size: 0;
  position: relative;
  width: auto;
  display: inline-block;

  &::before {
    font-family: Font Awesome\ 5 Pro, sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #ddd;
    content: "\f005\f005\f005\f005\f005";
  }

  span[style*="width"] {
    &::before {
      font-family: Font Awesome\ 5 Pro, sans-serif;
      font-size: 13px;
      content: "\f005\f005\f005\f005\f005";
      font-weight: 900;
      color: #febd69;
      position: absolute;
      right: 0;
      top: 0;
    }

    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    height: 100%;
  }
}


.woocommerce-result-count {
  font-size: 13px;
  color: #999;
}

.dokan-form-control {
  display: block;
  background: #f5f5f5;
  border: none;
  transition: .2s;
  font-size: 13px;
  border-radius: var(--ns-radius) !important;
  padding: 10px;
  color: #495057 !important;
  height: auto;
  background: #fafafa !important;
  border: #eee 1px solid !important;
}

.light-input {
  &:not(:focus) {
    background-color: #fff !important;
  }
}

.input-group {
  .form-control {
    &:not(select) {
      border-radius: var(--ns-radius) !important;
    }
  }

  .btn {
    border-radius: var(--ns-radius) !important;
  }

  .input-group-prepend {
    margin-left: 10px;
  }

  .input-group-append {
    margin-right: 10px;
  }
}

select.form-control {
  border-radius: 0 20px 20px 0 !important;
  padding: 5px 10px !important;
}

.widget_search {
  .input-group {
    .btn {
      .fa-search {
        transform: scale(1.2);
        width: 20px;
      }
    }
  }
}

.woocommerce-pagination {
  margin: 30px 0;

  ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .comments-pagination, li {
    display: inline-block;
    margin: 0 0 2px 2px;

    a {
      display: block;
      padding: 0 15px;
      text-align: center;
      color: #666;
      transition: .2s;
      font-size: 16px;
      background: #fff;
      border-radius: var(--ns-radius);
      height: 30px;
      line-height: 30px;

      &:hover {
        background: var(--ns-primary);
        color: #fff;
      }
    }

    span {
      display: block;
      padding: 0 15px;
      text-align: center;
      color: #666;
      transition: .2s;
      font-size: 16px;
      background: #fff;
      border-radius: var(--ns-radius);
      height: 30px;
      line-height: 30px;
      color: #999;
      background: transparent;
    }

    a.next {
      font-size: 0;

      &::before {
        content: " بعدی ";
        font-size: 13px;
      }
    }

    a.prev {
      font-size: 0;

      &::before {
        content: " قبلی ";
        font-size: 13px;
      }
    }
  }


  .comments-pagination {
    display: flex;
    flex-wrap: wrap;
  }
}

.ui-slider {
  position: relative;
  margin: 30px 0 15px 0;
  background: #f5f5f5;
  height: 3px;
  border-radius: 100px;
  direction: ltr;

  .ui-slider-range {
    position: absolute;
    background: var(--ns-primary);
    display: block;
    height: 100%;
    border-radius: 100px;
  }

  span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    position: absolute;
    transition: transform .2s, bottom .2s;
    border-radius: 100px;
    border: var(--ns-primary) 2px solid;
    margin-left: -7.5px;
    cursor: pointer;
    bottom: -3px;
  }
}

.widget {
  &:hover {
    .ui-slider {
      span {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        cursor: pointer;
      }
    }
  }
}

.price_slider_amount {
  .price_label {
    font-size: 12px;
    color: #aaa;
    float: right;
    padding: 3px 0;
    width: calc(100% - 50px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.5px;
  }

  text-align: right;

  button.button {
    border: none;
    margin-bottom: 15px;
    padding: 2px 10px;
    cursor: pointer;
    background: #b2b2b2;
    color: #fff;
    border-radius: var(--ns-radius);
    font-size: 13px;
    width: 50px;
    float: left;
  }
}

.yith-woocompare-widget {
  a.clear-all {
    float: left;
    padding: 6px;
  }

  &::after {
    content: "";
    display: block;
    clear: both;
  }

  color: #999;

  ul.products-list {
    li {
      &:not(.list_empty) {
        border-bottom: #eee 1px solid;
      }

      &:last-of-type {
        border: none;
      }

      .remove {
        font-size: 13px;
        margin-top: 2.5px;
        font-size: 0;
        width: auto;
        color: #999 !important;

        &::after {
          content: "حذف";
          font-size: 13px;
        }
      }
    }
  }

  a.compare {
    font-weight: normal;
    border-radius: var(--ns-radius);
  }
}

.yith-wcan {
  &:not(.yith-wcan-list) {
    text-align: center;
  }
}

.product_list_widget {
  &:not(.cart_list) {
    img {
      width: 50px;
      height: 50px;
      border-radius: var(--ns-radius);
      background: #eee;
      position: absolute;
      right: 0;
      top: 0;
    }

    li {
      &::after {
        content: "";
        display: block;
        clear: both;
      }

      margin-bottom: 10px;
      display: block;
      min-height: 50px;
      padding-right: 60px;
      position: relative;
      font-size: 12px;
      color: #aaa;

      .product-title {
        margin-bottom: 2px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
      }

      .star-rating {
        display: none;
      }

      ins {
        text-decoration: none;
      }
    }
  }
}

header.page-header {
  margin-bottom: 20px;
  background: #fff;
  padding: 20px 70px 20px 20px;
  border-radius: var(--ns-radius);
  position: relative;

  i {
    position: absolute;
    right: 20px;
    top: 50%;
    color: #ddd;
    font-size: 32px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  h1.page-title {
    font-size: 16px;
    color: #666;
    margin-bottom: 0;
    font-weight: normal;
  }
}

.negarshop-card {
  background: #fff;
  padding: 20px;
  border-radius: var(--ns-radius);
}

.negarshop-card.page-404 {
  text-align: center;

  .icon {
    font-size: 48px;
    color: #aaa;
  }

  .title {
    font-size: 16px;
    color: #666;
    margin-bottom: 15px;
  }

  .desc {
    text-align: right;
    color: #999;
    font-size: 13px;
    margin-bottom: 15px;
  }
}

p.woocommerce-info {
  color: #999;
}

li.recentcomments {
  color: #999;
  text-overflow: ellipsis;
  margin-right: 40px;
  overflow: visible;
  white-space: normal;
  background: #f5f5f5;
  padding: 5px 10px;
  border-radius: var(--ns-radius);
  margin-bottom: 5px;

  &::before {
    content: "\f10d";
    font-family: Font Awesome\ 5 Pro, sans-serif;
    font-weight: 300;
    margin-left: 5px;
    float: right;
    margin-right: -50px;
    font-size: 28px;
    color: #eee;
    margin-top: 5px;
  }

  &::after {
    content: "";
    display: block;
    clear: both;
  }

  a {
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;

    &:not(:hover) {
      color: #777;
    }
  }

  .comment-author-link {
    font-size: 12px;
  }
}

.image-banner-parent {
  position: relative;
}

.image-banner-parent.removeable {
  button.close-btn {
    position: absolute;
    left: 20px;
    top: 5px;
    background: #fff;
    border: none;
    width: 30px;
    height: 30px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    color: #666;
    font-size: 24px;
    padding: 0;
    opacity: .6;
    transition: .2s;

    &:hover {
      opacity: 1;
    }
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.woocommerce-form-register {
  p.user-role {
    label {
      display: block;
      width: 100%;
    }
  }
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 32px;
  margin-bottom: 0;

  input {
    display: none;

    &:checked {
      + {
        .slider {
          background-color: var(--ns-primary);

          &:before {
            -webkit-transform: translateX(28px);
            -ms-transform: translateX(28px);
            transform: translateX(28px);
          }
        }
      }
    }

    &:focus {
      + {
        .slider {
          box-shadow: 0 0 1px #999;
        }
      }
    }
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: var(--ns-radius);

    &:before {
      position: absolute;
      content: "";
      height: 20px;
      width: 20px;
      left: 6px;
      bottom: 6px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
      border-radius: var(--ns-radius);
    }
  }
}

.archive {

}

.order-by-stock {
  display: flex;
  align-items: center;

  span.title {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    float: right;
    padding: 0 0 0 10px;
    color: #666;
    font-size: 12px;
  }
}

.negarshop-popup-box {
  .modal-content {
    text-align: center;
    padding: 15px;
    background: none;
    border: none;
    box-shadow: none;
    display: block;

    img {
      width: auto;
      max-width: 100%;
      min-width: inherit;
      height: auto;
      display: block;
      margin: auto;
    }

    button#negarshop-popup-close {
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 35px;
      position: absolute;
      border: none;
      background: #fff;
      color: #E53935;
      font-size: 24px;
      text-align: center;
      padding: 0;
      cursor: pointer;
      border-radius: 100px;
      transition: background .3s, color .3s;
      right: 10px;
      top: 10px;

      &:hover {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        background: #E53935;
        transition: transform .6s;
        color: #fff;
      }
    }
  }

  .popup-shortcode-content {
    padding: 15px;
  }
}

.modal-content {
  border-radius: 0;
  border: none;
  border-radius: var(--ns-radius);
  overflow: hidden;
  background: #fff;
  cursor: auto;

  > .close-modal {
    width: 40px;
    display: inline-block;
    height: 40px;
    font-size: 24px;
    background: transparent;
    color: #ff5153;
  }
}

.negarshop-modal-full {
  .modal-body {
    align-items: center;
    display: flex;
    width: 100%;

    > * {
      width: 100%;
    }
  }

  .modal-dialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: inherit;
    margin: 0;

    .modal-content {
      height: 100%;
      border: none;
      border-radius: 0;
      background: rgba(255, 255, 255, .9);
      padding: 30px;
    }

    .modal-header {
      border: none;
      padding: 0;
    }

    .modal-footer {
      border: none;
      padding: 0;
    }
  }

  .modal-header {
    .close {
      margin: 0;
      font-size: 24px;
    }
  }

  form.search-form {
    input {
      padding: 20px;
      font-size: 18px;
    }

    button.btn {
      width: 70px;
      font-size: 26px;
    }
  }

  display: block !important;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  transform: scale(.8);
}

.modal-search-box {
  h6 {
    font-size: 16px;
    color: #555;
  }

  > p {
    font-size: 13px;
    color: #999;
  }
}

.modal-backdrop {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  transform: scale(.8);
  backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, 0.1) !important;
}

.negarshop-modal-full.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.modal-backdrop.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.woocommerce-comments-stars {
  h6 {
    font-size: 16px;
    color: #666;
    margin-bottom: 3px;
  }

  span.star-average {
    font-size: 13px;
    color: #999;
    margin-bottom: 15px;
    display: block;
  }

  ul {
    padding: 0;
    margin: 0;
    list-style: none;

    li {
      margin-bottom: 10px;

      .progress-bar {
        background-color: #ccc;
      }
    }
  }

  .progress {
    height: 5px;
    clear: both;
  }

  span.title {
    font-size: 13px;
    color: #999;
    float: left;
  }
}

.prm-brands-widget {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;

  > a {
    padding: 5px;
    width: 25%;
    margin: 0;
    float: right;
    overflow: hidden;

    .prm-brands-widget__title {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 12px;
    }
  }

  img {
    height: auto;
    margin: auto;
    display: block;
    width: 100%;
  }

  &:after {
    content: "";
    display: block;
    clear: both;
  }
}

.flip-clock-wrapper {
  ul {
    background: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    height: auto;
    padding: 0;

    .inn {
      background: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
      color: #777 !important;
    }

    .shadow {
      background: none !important;
      box-shadow: none !important;
      text-shadow: none !important;
      width: auto;
    }

    .flip-clock-before {
      display: none;
    }

    .down {
      display: none;
    }

    .up {
      height: 20px;
      line-height: 20px;

      .inn {
        font-size: 20px;
        font-weight: 500;
        height: auto;
        width: auto;
        position: static;
      }
    }
  }

  .flip-clock-divider {
    font-size: 14px;
    height: 20px;

    .flip-clock-dot.bottom {
      top: 7px;
    }

    .flip-clock-dot.top {
      top: 14px;
    }

    * {
      box-shadow: none !important;
      border-radius: 100px;
      background: #777;
      width: 3px;
      height: 3px;
    }
  }
}

.table {
  td.product_weight {
    direction: ltr;
  }

  td.product_dimensions {
    direction: ltr;
  }
}

#calc_shipping_state_field {
  > span {
    width: 100%;
  }
}

.owl-carousel.wc-product-carousel {
  direction: ltr;
  position: relative;
  margin-bottom: 15px;

  * {
    direction: ltr;
  }

  .owl-nav {
    top: 50%;
    left: 15px;
    right: 15px;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    pointer-events: none;

    button {
      width: 50px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      background: #fff;
      font-size: 32px;
      color: #666;
      pointer-events: all;
      border-radius: var(--ns-radius);
      transition: .2s;

      &:not(.disabled) {
        &:active {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
        }
      }
    }

    button.disabled {
      opacity: 0;
    }

    button.owl-next {
      float: right;
    }
  }

  .owl-item {
    div.car-dtag {
      a {
        .magnify {
          height: 100%;
          width: 100%;
        }

        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        align-items: center;
        justify-content: center;
      }

      height: 0;
      padding-top: 100%;
      position: relative;
      overflow: hidden;
    }

    .view-3d-slide {
      background: #666;
      height: 0;
      padding-top: 100%;
      position: relative;
      border-radius: var(--ns-radius);

      a.action-btn-3d-view {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        color: #fff;

        i {
          font-size: 48px;
          width: 100px;
          height: 100px;
          line-height: 100px;
          text-align: center;
          background: rgba(255, 255, 255, .1);
          border-radius: 100px;
          margin-bottom: 15px;
        }
      }
    }
  }

  &:not(:hover) {
    .owl-nav {
      button {
        &:not(.disabled) {
          opacity: .3;
        }
      }
    }
  }
}

.wc-product-carousel {
  .owl-item {
    img {
      max-width: inherit;
      max-height: inherit;
    }

    img.product-gallery-img {
      border-radius: var(--ns-radius);
      transition: .2s;
      transition-delay: .2s;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%;
      margin: auto;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
      position: absolute;
    }

    &:not(.active) {
      img.product-gallery-img {
        transform: translate(-50%, -50%) scale(.8);
        -webkit-transform: translate(-50%, -50%) scale(.8);
      }
    }
  }
}

.owl-carousel.wc-product-carousel-thumbs {
  direction: ltr;

  * {
    direction: ltr;
  }

  .owl-item {
    transition: border .2s;
    border-radius: var(--ns-radius);
    overflow: hidden;
    cursor: pointer;
    opacity: .5;
  }

  .owl-item.center {
    opacity: 1;
  }

  .view-3d-thumb {
    height: 0;
    padding-top: 100%;
    background: #666;
    position: relative;

    i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      font-size: 36px;
      color: #fff;
    }
  }
}

.img-magnifier-container {
  position: relative;

  &:hover {
    .img-magnifier-glass {
      opacity: 1;
    }
  }
}

.img-magnifier-glass {
  position: absolute;
  border-radius: 100px;
  cursor: none;
  width: 150px;
  height: 150px;
  z-index: 9;
  opacity: 0;
  transition: opacity .2s;
  border: #fff 2px solid;
}

.button {
  &:not(.compare) {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }
}

.woocommerce-table__product-name {
  .comment {
    background: #f5f5f5;
    padding: 5px;
    margin-top: 10px;

    p {
      margin: 0;
    }
  }
}

mark.order-date {
  direction: rtl !important;
  unicode-bidi: embed;
}

time {
  direction: rtl !important;
  unicode-bidi: embed;
}

.quantity.custom-num {
  display: inline-block;
  position: relative;
  margin-left: 15px;
  margin-right: 50px;

  input.input-text {
    height: 33.5px;
    border: none;
    text-align: center;
    padding: 0 10px;
    color: #777;
    width: 100px;
    border-radius: var(--ns-radius);
    background: #fafafa;
    font-weight: bold;
    -moz-appearance: textfield;

    &::-webkit-outer-spin-button,
    &::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
  }

  label.screen-reader-text {
    position: absolute;
    right: -40px;
    top: 5px;
    font-size: 0 !important;

    &::before {
      content: 'تعداد: ';
      font-size: 13px;
    }
  }

  span {
    position: absolute;
    left: 2px;
    top: 2px;
    bottom: 0;
    background: #eee;
    width: 29.5px;
    text-align: center;
    font-size: 14px;
    line-height: 32.5px;
    cursor: pointer;
    color: #666;
    border-radius: var(--ns-radius);
    height: 29.5px;
    transition: .2s;

    &:hover {
      color: #fff;
      background: var(--ns-primary);
    }
  }

  span.p-btn {
    left: auto;
    right: 2px;
  }
}

.fw-default-row {
  padding: 5px;
}

.widget.widget_categories {
  select {
    display: block;
    width: 100%;
    border: #eee 1px solid;
  }
}

b {
  font-weight: bold;
}

strong {
  font-weight: bold;
}

span.post-date {
  unicode-bidi: embed;
}

.woocommerce-grouped-product-list-item {
  p.stock.in-stock {
    margin-top: 5px;
  }

  .woocommerce-grouped-product-list-item__price {
    padding: 5px 0;

    del {
      color: #aaa;
    }

    ins {
      text-decoration: none;
      color: #666;
    }
  }
}

.yith-wcan-sort-by {
  ul.orderby {
    li.orderby-wrapper {
      a.active {
        &::before {
          content: "x ";
        }
      }
    }
  }
}

a.yith-wcan-onsale-button.active {
  &::before {
    content: "x ";
  }
}

a.yith-wcan-instock-button.active {
  &::before {
    content: "x ";
  }
}

a.yith-wcan-price-link.active {
  &::before {
    content: "x ";
  }
}

ul.yith-wcan-list {
  li.chosen {
    a {
      &::before {
        content: "x ";
      }
    }
  }
}

ul {
  &:not(.ab-top-menu):not(.terms-list) {
    li {
      a {
        + {
          div {
            display: none !important;
          }
        }
      }
    }
  }

  li.wc-layered-nav-rating {
    a {
      display: block;
      padding: 5px 10px;
      text-align: left;
      background: #f5f5f5;
      border-radius: var(--ns-radius);
      margin-bottom: 5px;
      color: #aaa;

      &:hover {
        background: #f1f1f1;
      }

      .star-rating {
        float: right;
        margin-top: 2px;
      }

      &::after {
        content: "";
        display: block;
        clear: both;
      }
    }
  }
}

img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#top-right {
  height: 21px;
}

#confettiCanvas {
  z-index: 0 !important;
}

.magic-items {
  .product-item {
    background: #fff;
    padding: 15px;
    color: #999;
    margin-bottom: 30px;

    figure {
      height: 0;
      padding-top: 100%;
      overflow: hidden;
      position: relative;
      background: #fff;

      img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transition: .2s;
      }
    }

    .title {
      height: 25px;
      line-height: 20px;
      text-align: center;

      h2 {
        margin: 0;
        font-size: 14px;

        a {
          display: block;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
    }

    .price {
      text-align: center;
      color: #999;
      font-size: 13px;
      height: 20px;
      line-height: 20px;
      margin-bottom: 10px;

      ins {
        text-decoration: none;
      }
    }

    .actions {
      height: 40px;
      line-height: 50px;
      text-align: center;

      a {
        background: #ffc000;
        color: #fff;
        padding: 3px 15px;
        transition: .2s;
        font-weight: 500;

        &:hover {
          opacity: .8;
        }
      }
    }
  }
}

.flex-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: .2s;
}

.loading {
  .flex-loading {
    opacity: 1;
    visibility: visible;
  }
}

.content-widget.price-changes {
  .content {
    tbody {
      tr {
        td {
          vertical-align: middle;
          padding: 5px;
        }

        th {
          vertical-align: middle;
          padding: 5px;
        }

        .wp-post-image {
          width: 50px;
        }
      }
    }
  }

  padding: 15px;
  padding: 15px;

  .cb-filters {
    select {
      height: 30px;
      line-height: 30px;
      padding-top: 0;
      padding-bottom: 0;
      background-color: #f4f4f4;
      color: #666;
      border-radius: 0;
      border: none;
      box-shadow: none;
      font-size: 13px;
    }

    .input-group {
      label {
        color: #999;
        font-size: 13px;
        width: auto;
      }

      span.title {
        color: #999;
        font-size: 13px;
        width: auto;
      }

      .switch {
        margin: 0;
        margin-right: 10px;
        height: 30px;
        width: 64px;

        input {
          &:not(:checked) {
            + {
              .slider {
                background-color: #eee;
              }
            }
          }
        }

        .slider {
          &::before {
            height: 22px;
            width: 22px;
          }
        }
      }

      direction: rtl;
      text-align: right;
    }
  }

  .btn {
    height: 30px;
  }
}

.prices-table {
  .order {
    width: 30px;
    text-align: center;
  }

  .title {
    width: 25%;

    span.attributes {
      display: block;
      font-size: 12px;
      color: #999;

      span {
        margin-left: 5px;
      }
    }
  }

  .thumbnail {
    width: 50px;
  }

  .date {
    width: 90px;
    text-align: center;
  }

  .past-price {
    width: 20%;
    text-align: center;
  }

  .changes {
    text-align: center;
  }

  .difference {
    text-align: center;
  }

  .new-price {
    text-align: center;
  }

  thead {
    background: #f5f5f5;

    th {
      padding: 5px;
      color: #666;
      font-weight: normal;
    }
  }

  tbody {
    tr {
      font-size: 13px;
      color: #666;
      line-height: normal;

      &:nth-child(even) {
        background: #fafafa;
      }

      &:not(:last-of-type) {
        border-bottom: #eee 1px solid;
      }
    }
  }

  i.increase {
    color: green;
  }

  i.decrease {
    color: #e22;
  }

  width: 100%;

  i.static {
    color: #eee;
  }
}

.price-changes {
  .table-loading {
    display: none;
    height: 0;
    padding-top: 20%;
    position: relative;

    span {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      margin: 0;
    }
  }

  .loading {
    + {
      .table-loading {
        display: block;
      }
    }
  }

  table.loading {
    display: none;
  }

  .mCS-dark-thin.mCSB_scrollTools {
    .mCSB_dragger {
      .mCSB_dragger_bar {
        background: #999;
      }
    }
  }
}

.woocommerce-store-notice.demo_store {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #666;
  margin: 0;
  padding: 10px;
  z-index: 999;
  text-align: center;
  color: #eee;

  a {
    color: #eee;
    margin: 0 10px;
    background: #777;
    padding: 5px 15px;
    border-radius: var(--ns-radius);
  }
}

.highcharts-credits {
  display: none;
}

.highcharts-contextmenu {
  .highcharts-menu {
    .highcharts-menu-item {
      text-align: right;
      direction: rtl;
    }
  }
}

.highcharts-axis-labels.highcharts-yaxis-labels {
  tspan {
    unicode-bidi: plaintext;
  }
}

.highcharts-subtitle {
  direction: rtl;
}

.highcharts-point {
  + {
    text {
      tspan {
        font-weight: normal;
        fill: #666;
      }
    }
  }
}

.sidebar {
  .woocommerce-product-search {
    button {
      background: var(--ns-primary);
      border: none;
      color: #fff;
      padding: 0 10px;
    }

    .input-group {
      direction: rtl;
    }
  }
}

.enamad-carousel {
  img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
    margin: auto;
  }
}

.woocommerce-Price-amount.amount {
  unicode-bidi: plaintext;
  direction: ltr;

  * {
    unicode-bidi: plaintext;
    direction: ltr;
  }
}

.woocommerce-cart {
  .cart-empty {
    text-align: center;

    .cart-empty-icon {
      i {
        width: 167px;
        height: 167px;
        text-align: center;
        line-height: 175px;
        background: #f4f4f4;
        color: #a8a8a8;
        border-radius: 100px;
        font-size: 100px;
      }

      margin-bottom: 15px;
    }

    p.cart-empty {
      font-size: 18px;
      font-weight: 500;
      letter-spacing: -1px;
    }

    .return-to-shop {
      a {
        font-size: 13px;
      }

      margin-top: 5px;
    }

    a.account-btn {
      position: relative;

      i {
        font-size: 24px;
        position: absolute;
        top: 2px;
        opacity: 0.8;
      }

      span {
        padding-right: 30px;
      }
    }
  }
}

.woocommerce-account {
  section.blog-home {
    article.post-item {
      .negarshop-card {
        min-height: 100%;
        padding: 15px 30px;

        h2 {
          font-size: 24px;
          margin-bottom: 20px;
          color: #777;
        }
      }
    }
  }

  &:not(.logged-in) {
    &:not(.woocommerce-lost-password) {
      article.post-item {
        > .title {
          display: none;
        }
      }
    }

    article.post-item {
      max-width: 500px;
      margin: auto auto 30px auto;

      .negarshop-userlogin {
        .nav-pills {
          padding: 0;

          .nav-item {
            width: 50%;
            text-align: center;

            i {
              font-size: 32px;
              margin-left: 10px;
            }

            a {
              > span {
                text-align: right;

                span {
                  display: block;
                }

                .sub-title {
                  font-size: 12px;
                  margin-top: -5px;
                  opacity: .7;
                }

                .title {
                  font-weight: 600;
                }
              }

              display: flex;
              align-items: center;
              justify-content: center;
              position: relative;
              color: #aaa;
              transition: .2s;
              -webkit-border-radius: 0;
              -moz-border-radius: 0;
              border-radius: 0;

              &::after {
                position: absolute;
                bottom: 0;
                right: 100%;
                content: "";
                display: block;
                background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MDAiIGhlaWdodD0iNDAwIiBpZD0ic2ltdWxhdGVkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNIDQwMCAwIGggMCBhIDAgMCAwIDAgMCAwIDAgdiA0MDAgYSAwIDAgMCAwIDAgMCAwIGggLTQwMCBhIDAgMCAwIDAgMCAwIDAgdiAwIGEgNDAwIDQwMCAwIDAgMCA0MDAgLTQwMCBaIj48L3BhdGg+Cjwvc3ZnPg==');
                width: 20px;
                height: 20px;
                background-size: 20px;
                transition: .2s;
                opacity: 0;
              }

              &:not(.active) {
                &:hover {
                  color: #888;
                }
              }
            }

            a.active {
              &::after {
                opacity: 1;
              }
            }

            + {
              .nav-item {
                a.active {
                  &::after {
                    right: auto;
                    left: 100%;
                    transform: rotateY(180deg);
                    -webkit-transform: rotateY(180deg);
                  }
                }
              }
            }

            .active {
              background: #fff;
              color: var(--ns-primary);
              border-radius: var(--ns-radius) 20px 0 0;
            }
          }
        }

        .woocommerce-LostPassword {
          margin-bottom: 30px;

          a {
            font-size: 13px;
            color: var(--ns-primary);
            border-bottom: 2px dotted;
          }
        }

        margin: -20px;
      }

      > .content {
        padding: 0;
      }

      .nav-pills {
        background: #f5f5f5;
        border-radius: var(--ns-radius) 20px 0 0;
        overflow: hidden;
      }

      .woocommerce-privacy-policy-text {
        font-size: 13px;
      }
    }
  }
}

.cb-quick-view-modal-lg {
  .loading {
    text-align: center;
    padding: 30px;

    .spinner {
      position: static;
      display: inline-block;
    }
  }

  .info {
    h2.title {
      font-size: 24px;
      color: #464646;
      line-height: normal;
    }

    h6.sub-title {
      font-size: 14px;
      color: #666;
      font-weight: normal;
      margin-bottom: 15px;
    }

    .desc {
      font-size: 13px;
      line-height: normal;
      text-align: justify;
      color: #666;
      margin-bottom: 30px;
    }

    .price {
      text-align: right;
      margin-bottom: 36px;
      font-size: 24px;
      color: #666;

      * {
        unicode-bidi: plaintext;
      }

      ins {
        text-decoration: none;
        color: #666;
      }

      del {
        color: #999;
        padding: 0 5px;
        font-size: 16px;
      }
    }
  }

  .btn.close-modal {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #E53935;
    font-size: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    overflow: hidden;
    padding: 0;
    background: transparent;
    box-shadow: none !important;
  }
}

.carousel.dark {
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  }

  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  }

  .carousel-indicators {
    li {
      background-color: rgba(100, 100, 100, .4);
    }

    li.active {
      background-color: rgba(100, 100, 100, .8);
    }
  }
}

#cbQVModalCarousel {
  .carousel-indicators {
    top: calc(100% + 15px);
  }

  .carousel-item {
    border-radius: var(--ns-radius);
    overflow: hidden;
    transition: .2s;
    display: block;
    height: 0;
    padding-top: 100%;
    background: #fff;

    img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      max-width: inherit;
      max-height: 100%;
      width: auto !important;
    }

    &:not(.active) {
      transform: scale(.5);
      -webkit-transform: scale(.5);
      visibility: hidden;
      opacity: 0;
    }
  }
}

.offer-moments {
  .owl-item {
    figure {
      position: relative;
      height: 0;
      padding-top: 100%;
      overflow: hidden;
      border-radius: var(--ns-radius);
      margin-bottom: 15px !important;

      img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
      }
    }

    > .om-item {
      padding: 20px;
      transition: .2s;
      transition-delay: .3s;
    }

    h3.title {
      font-size: 13px;
      line-height: normal;
      text-align: center;
      overflow: hidden;
      font-weight: normal;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin-bottom: 2px;
    }

    .price {
      text-align: center;

      * {
        unicode-bidi: plaintext;
      }

      ins {
        font-size: 15px;
        text-decoration: none;
        color: var(--ns-primary);
      }

      span.amount {
        font-size: 15px;
        text-decoration: none;
        color: var(--ns-primary);
      }

      > del {
        display: block;
        text-decoration: line-through;
        font-size: 13px;
        color: #757575;

        * {
          font-size: 13px !important;
          color: #757575 !important;
        }
      }
    }

    .item-footer {
      height: 90px;
    }


    &:not(.active) {
      > .om-item {
        transform: scale(.8);
        -webkit-transform: scale(.8);
      }
    }
  }
}

.offer-moments.style-1 {
  &:not(.no-title) {
    .owl-item {
      figure {
        padding-top: 69.5%;
      }
    }
  }
}

.content-widget.offer-moments {
  position: relative;

  .loader-bar {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 0;
    height: 5px;
    border-radius: var(--ns-radius);
    background: #ccc;
  }

  .owl-item.active {
    .loader-bar {
      animation: omBar 7s infinite cubic-bezier(.17, .67, .71, .99);
      -webkit-animation: omBar 7s infinite cubic-bezier(.17, .67, .71, .99);
    }
  }
}

.h_iframe-aparat_embed_frame {
  padding-top: 55%;
  width: 100%;
}

article.post {
  .entry-video {
    position: relative;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 15px;

    iframe {
      width: 100%;
      min-height: 450px;
      border: none;
    }

    .inner {
      width: 100%;
      min-height: 450px;
      border: none;
    }
  }
}

nav#main-menu {
  position: relative;

  ul {
    list-style: none;
    padding: 0;
    margin: 0;

    li {
      a {
        display: block;
        padding: 12px;
        transition: .2s;
      }
    }
  }

  > div {
    > ul {
      > li {
        > a {
          display: block;
          padding: 12.25px !important;
          transition: .2s;
          font-weight: 500;
        }

        display: inline-block;
      }
    }
  }

  li {
    > ul {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      background: #fff;
      box-shadow: rgba(0, 0, 0, .1) 0 0 3px;
      width: 200px;
      z-index: 999;
      padding: 15px;
      top: 100%;
      transition: opacity .2s;

      a {
        padding: 5px 10px;
        font-size: 13px;
        padding: 8px;

        &:not(:hover) {
          color: #999;
        }
      }

      ul {
        top: 0;
        right: 100%;
      }

      > li.menu-item-has-children {
        > a {
          &::after {
            content: '\f104';
            font-family: "Font Awesome 5 Pro", sans-serif;
            float: left;
            font-size: 16px;
            margin-top: -1px;
            color: #aaa;
          }
        }
      }
    }

    &:hover {
      > ul {
        opacity: 1;
        visibility: visible;
        display: block;
      }

      > ul.is-mega-menu-con {
        ul {
          display: block;
        }
      }
    }

    &:not(.menu-item-has-mega-menu) {
      position: relative;

      > a {
        padding: 5px;
      }
    }

    > ul.is-mega-menu-con {
      width: 100%;
      right: 0;
      top: 100%;
      padding: 30px 15px;
      background-repeat: no-repeat;
      background-position: left 15px bottom 15px;
      border-top: #555 2px solid;

      &::after {
        content: "";
        display: block;
        clear: both;
      }

      > li {
        width: 20%;
        float: right;

        > a {
          &::before {
            content: "";
            border-bottom: #999 2px dotted;
            width: 6px;
            display: inline-block;
            margin-left: 5px;
          }

          &:not(:hover) {
            color: #777 !important;
          }
        }
      }

      ul {
        display: none;
        opacity: 1;
        visibility: visible;
        position: static;
        box-shadow: none;
        background: transparent;
        width: 100%;
        margin-top: 5px;
        padding: 0;
        padding-right: 20px;

        li {
          display: block;
          width: 100%;
        }

        a {
          &:not(:hover) {
            color: #999 !important;
          }

          padding: 2px 0;
        }
      }

      a {
        padding: 3px 0 !important;
        font-size: 14px;
      }
    }
  }

  li.menu-item-has-mega-menu {
    li {
      position: static;
    }

    > ul {
      width: 100%;
      right: 0;
      padding: 0;

      > li {
        > a {
          padding: 8px;
        }

        display: inline-block;
      }
    }
  }

  ul.is-mega-menu-con {
    li.menu-item-has-children {
      > a {
        &::after {
          display: none;
        }
      }
    }
  }

  li.loading {
    > a {
      &::after {
        content: "";
        display: inline-block;
        border: 2px solid #eee;
        border-top: 2px solid var(--ns-primary);
        border-radius: 50%;
        width: 15px;
        height: 15px;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        position: absolute;
        margin-top: 1.5px;
        margin-right: 5px;
      }
    }
  }

  li.loaded {
    > a {
      position: relative;
    }

    &:hover {
      > a {
        &::after {
          content: "";
          border-color: red transparent transparent transparent;
          border-width: 5px;
          border-style: solid;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
        }
      }
    }
  }
}

#responsive-items {
  ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
}

header.page-title {
  text-align: center;
  padding: 60px 15px;
  background-color: #FF5252;
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.11'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

  p.desc {
    opacity: .8;
    margin: 0;
    padding: 0;
  }
}

nav#responsive-items {
  li {
    position: relative;

    > ul {
      position: absolute;
      left: 0;
      background: #fff;
      box-shadow: rgba(0, 0, 0, .1) 0 1px 3px;
      width: 200px;
      visibility: hidden;
      opacity: 0;
      transition: .2s;

      li {
        a {
          padding: 5px 10px;
          display: block;
        }
      }
    }

    &:hover {
      > ul {
        opacity: 1;
        visibility: visible;
      }
    }
  }
}

.show-price {
  * {
    unicode-bidi: plaintext;
  }
}

figure {
  img {
    font-size: 0;
  }
}


.content-widget.steps-2 {
  .item {
    text-align: center;
    padding: 15px 30px;

    .desc {
      font-size: 12px;
      line-height: 2;
      text-align: center;
      color: #999;
    }

    .title {
      margin-bottom: 15px;
    }
  }
}

.widget_shopping_cart_content {
  .woocommerce-mini-cart__empty-message {
    text-align: center;
    padding: 110px 15px 0 15px;
    color: #666;
    background-image: url(../images/svg/bc6a97c7.svg);
    background-repeat: no-repeat;
    background-position: center 20px;
    background-size: 60px;
  }
}

.support-icon {
  display: block;
  background-size: cover;
  width: 100px;
  height: 0;
  padding-top: 100%;
}

.si-24-hours {
  background-image: url("../images/support/24-hours.png");
}

.si-box {
  background-image: url("../images/support/box.png");
}

.si-calendar {
  background-image: url("../images/support/calendar.png");
}

.si-customer-service-4 {
  background-image: url("../images/support/customer-service-4.png");
}

.si-customer-service-7 {
  background-image: url("../images/support/customer-service-7.png");
}

.si-discount {
  background-image: url("../images/support/discount.png");
}

.si-hourglass {
  background-image: url("../images/support/hourglass.png");
}

.si-like {
  background-image: url("../images/support/like.png");
}

.si-list {
  background-image: url("../images/support/list.png");
}

.si-open-book {
  background-image: url("../images/support/open-book.png");
}

.si-phone-call {
  background-image: url("../images/support/phone-call.png");
}

.si-placeholder-1 {
  background-image: url("../images/support/placeholder-1.png");
}

.si-question {
  background-image: url("../images/support/question.png");
}

.si-rating {
  background-image: url("../images/support/rating.png");
}

.si-search-1 {
  background-image: url("../images/support/search-1.png");
}

.si-smartphone-1 {
  background-image: url("../images/support/smartphone-1.png");
}

.si-telephone {
  background-image: url("../images/support/telephone.png");
}

.si-translator-1 {
  background-image: url("../images/support/translator-1.png");
}

.si-world {
  background-image: url("../images/support/world.png");
}

.shopping-features {
  .item {
    text-align: center;
    padding: 15px;
    border-radius: var(--ns-radius);
    color: #666;

    span {
      display: block;
      width: 100%;
      margin: auto;
    }

    span.icon {
      i {
        font-size: 36px;
      }

      margin-bottom: 15px;
      width: 90px;
      filter: grayscale(1);
      transition: .2s;
      background: #fafafa;
      border-radius: 100px;
      height: 90px;
      line-height: 110px;
    }

    span.title {
      color: #999;
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 5px;
    }

    span.desc {
      color: #aaa;
      font-size: 12px;
      font-weight: normal;
    }

    &:hover {
      span.icon {
        filter: grayscale(0);
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
      }
    }
  }
}

.shopping-features.style-2 {
  .item {
    &::after {
      content: "";
      display: block;
      clear: both;
    }

    padding: 0 50px 0 0;
    text-align: right;
    position: relative;

    .icon {
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      width: 40px;
      font-size: inherit;
      height: auto;
      padding: 0;
      line-height: normal;
      text-align: center;
      background: transparent;
      transform: translateY(-50%) !important;
      -webkit-transform: translateY(-50%) !important;
      margin: 0 !important;

      i {
        font-size: 32px;
        display: block;
      }
    }
  }
}

footer.site-footer {
  .about-site {
    background: #fff;
    border-radius: var(--ns-radius);
    padding: 20px;
    display: flex;
    align-items: center;

    .logo {
      min-width: 200px;
      max-width: 200px;
      text-align: center;

      + {
        .text {
          padding-right: 15px;
        }
      }
    }

    .text {
      .title {
        font-size: 14px;
        font-weight: 500;
        color: #666;
        margin-bottom: 10px;
      }

      .desc {
        font-size: 13px;
        line-height: 1.8;
        color: #888;
        margin: 0;
      }
    }
  }

  .about-site.transparent {
    background-color: transparent;
  }

  .footer-copyright {
    padding: 15px 0;

    p {
      display: inline-block;
      margin: 0;
      color: #888;
    }
  }

  .support-times {
    background: #fff;
    border-radius: var(--ns-radius);
    padding: 20px 70px 20px 20px;
    text-align: right;
    color: #777;
    position: relative;

    i {
      position: absolute;
      top: 50%;
      right: 20px;
      font-size: 36px;
      color: #ddd;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
    }

    span {
      display: block;
    }

    span.text {
      margin-bottom: 3px;
      font-weight: 500;
    }

    span.phone-no {
      color: #999;
    }
  }

  .support-times.transparent {
    background: transparent;
  }

  .footer-socials {
    h6.title {
      color: #999;
      margin-bottom: 8px;
    }

    ul {
      padding: 0;
      margin: 0;
      list-style: none;

      li {
        display: inline-block;
        margin-bottom: 5px;

        a {
          display: block;
          width: 50px;
          height: 50px;
          line-height: 55px;
          background: #fff;
          text-align: center;
          border-radius: var(--ns-radius);
          font-size: 21px;
          color: #aaa;
          transition: .2s;

          &:hover {
            color: #666;
            box-shadow: rgba(0, 0, 0, .1) 0 2px 5px;
          }
        }

        &:not(:last-of-type) {
          margin-left: 5px;
        }
      }
    }
  }

  .shortcode-widget-area {
    section.widget {
      background: transparent;
      padding-top: 0;
    }

    section.widget.widget_mc4wp_form_widget {
      background: #fff;
      color: #777;
      padding-top: 20px;

      > .wg-header {
        font-weight: 500;
        font-size: 14px;
      }
    }
  }

  .about-site.light-color-mode {
    .text {
      .title {
        color: rgba(255, 255, 255, .6);
      }

      .desc {
        color: rgba(255, 255, 255, .7);
      }
    }
  }

  .footer-copyright.light-color-mode {
    p {
      color: rgba(255, 255, 255, .8);
    }

    a {
      &:not(:hover) {
        color: rgba(255, 255, 255, .5);
      }
    }
  }
}

.widget.widget_search {
  p.sub-text {
    color: #aaa;
    font-size: 12px;
    margin: 5px 10px 0 0;
  }
}

.carousel-control-next {
  width: auto;
  padding-right: 10px;
  padding-left: 10px;
}

.carousel-control-prev {
  width: auto;
  padding-right: 10px;
  padding-left: 10px;
}

.is-mega-menu-con.is-product-mega-menu {
  li.tabs {
    width: 20% !important;
  }

  li.contents {
    width: 80% !important;
    overflow: hidden;
    border-radius: var(--ns-radius);
    transition: .2s;
  }

  li.contents.loading {
    background: #f5f5f5;

    > .owl-carousel {
      opacity: 0;
    }
  }

  .owl-carousel {
    .owl-nav {
      position: absolute;
      top: 10px;
      left: 15px;
      width: 70px;
      height: 35px;
      background: #fff;
      border-radius: var(--ns-radius);
      transition: .2s;

      &:not(:hover) {
        opacity: .8;
      }

      button {
        display: inline-block;
        width: 31px;
        height: 31px;
        line-height: 31px;
        background: #f5f5f5;
        border-radius: var(--ns-radius);
        margin: 2px;
        font-size: 24px;
        color: #999;
      }
    }
  }
}

.is-mega-menu-con.is-two-level-mega-menu {
  li.tabs {
    width: 20% !important;
  }

  li.contents {
    width: 80% !important;
    height: 0;
    padding-top: 24%;
    overflow: hidden;
    border-radius: var(--ns-radius);
    transition: .2s;

    .tl-tabs {
      display: none !important;
    }

    .tl-tabs.show {
      display: block !important;
      opacity: 1;
    }
  }

  li.contents.tl-contents {
    padding-top: 0;
    height: auto;
  }
}

.is-mega-menu-con {
  .tabs {
    a {
      text-align: center;
      padding: 5px 10px !important;
      font-weight: 500;
      transition: .2s;
      display: block;
      width: 100%;
    }

    a.loading {
      position: relative;

      &::before {
        left: auto;
        right: 15px;
        bottom: 13px;
      }
    }

    > ul {
      &::before {
        display: none;
      }
    }

    a.item-hover {
      background: rgba(0, 0, 0, .05);
      border-radius: var(--ns-radius);
      color: #777;
    }
  }

  li.tabs {
    ul {
      width: 100%;
    }
  }
}

figure.optimized-1-1 {
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: var(--ns-radius);

  img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
}

.header-main-menu.vertical-menu {
  ul.main-menu {
    position: absolute !important;
    right: -5px;
    margin-top: 10px;
    width: 265px;
    background: #fff;
    z-index: 999;
    border-radius: var(--ns-radius);
    line-height: normal;
    padding: 10px;
    transition: .2s;

    &::before {
      content: "";
      display: block;
      position: absolute;
      bottom: 100%;
      left: 0;
      right: 0;
      height: 10px;
    }

    > li {
      > a {
        height: auto;
        line-height: normal;
        padding: 5px 10px;

        > i {
          position: static;
          font-size: inherit;
          opacity: 1;
          margin-left: 5px;
          width: 24px;
          display: inline-block;
          height: 24px;
          background-size: cover;
          margin-bottom: -8.5px;
        }

        &::after {
          right: auto;
          left: 15px;
          bottom: 17px;
          background-color: #999 !important;
        }
      }

      &:hover {
        background: #f5f5f5;
        border-radius: var(--ns-radius);

        > a {
          color: #777;
        }
      }

      display: block;
      float: none;
      margin-left: auto;
      position: relative;
      transition: .2s;

      > ul {
        top: -10px;
        right: 100% !important;
        margin-top: 0;
      }
    }

    > li.menu-item-has-children {
      &:not(.loading) {
        > a {
          &::before {
            content: "\f104";
            font-family: "Font Awesome 5 Pro", sans-serif;
            font-weight: 300;
            float: left;
            margin-top: 3px;
            transition: .2s;
          }
        }
      }

      &:hover {
        > a {
          &::before {
            opacity: 0;
          }
        }
      }
    }

    > li.menu-item-has-mega-menu {
      &:not(.loading) {
        > a {
          &::before {
            content: "\f104";
            font-family: "Font Awesome 5 Pro", sans-serif;
            font-weight: 300;
            float: left;
            margin-top: 3px;
            transition: .2s;
          }
        }
      }

      &:hover {
        > a {
          &::before {
            opacity: 0;
          }
        }
      }
    }
  }

  position: relative !important;

  button.vertical-menu-toggle {
    font-size: 14px;
    background: transparent;
    border: none;
    color: #999;
    position: relative;
    display: flex;
    gap: 10px;
    align-items: center;

    & + .main-menu {
      box-shadow: rgb(0, 0, 0, .1) 0 3px 6px;
    }

    &:not(:hover) {
      &:not(.show) {
        + {
          .main-menu {
            &:not(:hover) {
              opacity: 0;
              visibility: hidden;
              transform: translateY(10px);
              -webkit-transform: translateY(10px);
            }
          }
        }
      }
    }

    i {
      font-size: 22px;
    }

    svg {
      max-height: 24px;
      max-width: 24px;
    }
  }

  .is-mega-menu-con.is-product-mega-menu {
    li.contents {
      padding-top: 25%;
    }
  }

  button.show.always {
    + {
      ul.main-menu {
        margin-top: 25px;
      }
    }
  }
}

.header_menu_type_dropdown-show {
  .header-main-menu.vertical-menu {
    ul.main-menu {
      position: relative !important;
      left: auto;
      right: auto;
      width: 100%;
      padding: 0;
      background: transparent;
      border-radius: 0;
      margin: 0;
    }
  }
}

.ns-checkbox {
  input[type="checkbox"] {
    display: none;

    + {
      label {
        &::before {
          display: inline-block;
          width: 13px;
          height: 13px;
          background: #fff;
          border-radius: 5px;
          position: absolute;
          right: 0;
          top: 45%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          border: #ddd 2px solid;
          content: "\f00c";
          font-family: "Font Awesome 5 Pro", sans-serif;
          font-weight: 600;
          line-height: 5px;
          font-size: 0;
          text-align: right;
          direction: ltr;
          transition: .2s;
        }
      }
    }

    &:checked {
      + {
        label {
          &::before {
            background-color: #eee;
            border-color: #eee;
            color: var(--ns-primary);
            font-size: 13px;
            text-align: left;
          }

          color: #444;
        }
      }
    }
  }

  input[type="radio"] {
    display: none;

    + {
      label {
        &::before {
          display: inline-block;
          width: 13px;
          height: 13px;
          background: #fff;
          border-radius: 5px;
          position: absolute;
          right: 0;
          top: 45%;
          transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          border: #ddd 2px solid;
          content: "\f00c";
          font-family: "Font Awesome 5 Pro", sans-serif;
          font-weight: 600;
          line-height: 5px;
          font-size: 0;
          text-align: right;
          direction: ltr;
          transition: .2s;
        }
      }
    }

    &:checked {
      + {
        label {
          &::before {
            background-color: #eee;
            border-color: #eee;
            color: var(--ns-primary);
            font-size: 13px;
            text-align: left;
          }

          color: #444;
        }
      }
    }
  }

  input[type="checkbox"].disabled {
    opacity: .5;
    pointer-events: none;

    + {
      label {
        opacity: .5;
        pointer-events: none;
      }
    }
  }

  input[type="radio"].disabled {
    opacity: .5;
    pointer-events: none;

    + {
      label {
        opacity: .5;
        pointer-events: none;
      }
    }
  }

  label {
    position: relative;
    padding-right: 20px !important;
    color: #666;
    cursor: pointer;
  }
}


.col {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-1 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-10 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-11 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-12 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-2 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-3 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-4 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-5 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-6 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-7 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-8 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-9 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-auto {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-1 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-10 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-11 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-2 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-3 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-4 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-5 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-6 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-7 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-8 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-9 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-lg-auto {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-1 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-10 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-11 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-12 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-2 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-3 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-4 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-5 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-6 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-7 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-8 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-9 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-md-auto {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-1 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-10 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-11 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-12 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-2 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-3 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-4 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-5 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-6 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-7 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-8 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-9 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-sm-auto {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-1 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-10 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-11 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-12 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-2 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-3 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-4 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-5 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-6 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-7 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-8 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-9 {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.col-xl-auto {
  padding-right: 10px;
  padding-left: 10px;
  position: static;
}

.container {
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.product-single-ribbons {
  .ribbons {
    > div {
      display: inline-block;

      > span {
        display: inline-block;
        padding: 3px 10px;
        height: 25px;
        border-radius: var(--ns-radius);
        background: var(--ns-primary);
        margin: 0 0 0 5px;
        font-size: 13px;
        color: #fff;
        cursor: context-menu;
      }
    }

    margin-left: 5px;
  }

  display: inline-block;
}

.res-serach-btn {
  display: inline-block;
  background: none;
  border: none;
  padding: 0;
}

.res-searchform {
  position: fixed;
  top: 10px;
  left: 10px;
  background: #fff;
  width: 50%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: .2s;
  -webkit-border-radius: var(--ns-radius);
  -moz-border-radius: var(--ns-radius);
  border-radius: var(--ns-radius);
  z-index: 999;
  box-shadow: rgba(0, 0, 0, .5) 0 30px 60px 40px;

  * {
    height: 56px;
    line-height: 56px;
  }

  button {
    background: transparent;
    border: none;
    width: 56px;
    padding: 0;
    font-size: 24px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    color: #999;
    outline: none;
    transition: .2s;

    &:hover {
      color: #333;
    }
  }

  form {
    position: relative;

    .text-input {
      width: 100%;
      padding: 0 15px;
      border: none;
      background: transparent;
    }
  }
}

.res-searchform.active {
  opacity: 1;
  visibility: visible;
  width: calc(100% - 20px);
}

#cboxWrapper {
  > div {
    > div {
      background-image: none;
    }
  }
}

#colorbox {
  background: #fff;
  border-radius: var(--ns-radius);
  overflow: hidden;

  iframe {
    border-radius: var(--ns-radius);
  }
}

#cboxOverlay {
  background: rgba(55, 55, 55, .5);
}

.woocommerce-grouped-product-list-item__quantity {
  .quantity {
    float: none !important;
    margin-left: 0 !important;
  }

  text-align: left;
}

.woocommerce-grouped-product-list {
  td {
    padding: 5px 0;
  }

  margin-bottom: 15px;
}

.cart-collaterals {
  .cart_totals {
    background: #f5f5f5;
    border-radius: var(--ns-radius);
    padding: 20px;
  }
}


#seller-url {
  + {
    small {
      direction: ltr;
      text-align: left;
      display: block;
      width: 100%;
      padding: 5px;
    }
  }
}

.grid-products-loader {
  .btn {
    i {
      transform: translateY(1px);
      -webkit-transform: translateY(1px);
      margin-right: 5px;
    }
  }
}

.content-widget.blog-posts {
  border-radius: 0;
  background: transparent;

  article.blog-item {
    background: #fff;
    padding: 10px;
    border-radius: var(--ns-radius);

    figure.thumbnail {
      position: relative;
      height: 0;
      padding-top: 60%;
      overflow: hidden;
      background: #f5f5f5;
      border-radius: var(--ns-radius);
      margin-bottom: 10px !important;

      img {
        position: absolute;
        top: 50%;
        left: 50%;
        height: auto;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transition: .2s;
        width: auto;
        min-width: 100%;
        min-height: 100%;
      }

      .post-format {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, .3);

        i {
          color: #fff;
          font-size: 36px;
        }
      }
    }

    &:hover {
      figure.thumbnail {
        img {
          filter: brightness(80%);
        }
      }
    }

    .item-footer {
      text-align: center;

      h3.title {
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: auto;
        color: #666;
      }

      .cats {
        a {
          font-size: 13px;
          color: #999;

          &:not(:last-of-type) {
            display: none;
          }
        }
      }
    }

    time {
      position: absolute;
      bottom: 10px;
      left: 10px;
      background: rgba(255, 255, 255, .8);
      border-radius: var(--ns-radius);
      width: 60px;
      height: 60px;
      text-align: center;
      color: #666;

      .day {
        display: block;
        font-size: 24px;
        margin-top: 3px;
      }

      .month {
        display: block;
        font-size: 13px;
        margin-top: -8px;
      }
    }
  }

  .owl-dots {
    text-align: center;
    margin: 10px 0;
    display: block;

    button {
      display: inline-block;
      width: 10px;
      height: 10px;
      background: #999;
      border-radius: 10px;
      margin: 2px;
      transition: .2s;
    }

    button.active {
      width: 20px;
    }
  }
}

.content-widget.blog-posts.style-2 {
  article.blog-item {
    position: relative;

    figure.thumbnail {
      margin: 0 !important;
    }

    .item-footer {
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
      background: rgba(255, 255, 255, .8);
      border-radius: var(--ns-radius);
      padding: 10px;

      .cats {
        a {
          color: #777;
        }
      }
    }

    figure {
      time {
        bottom: 75px;
        width: auto;
        height: auto;
        padding: 2px 10px;

        > span {
          display: inline-block;
          font-size: 14px;
          margin: 0;
        }
      }
    }

    .post-format {
      display: none !important;
    }
  }
}


.content-widget.title-widget {
  span.icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    background: #ddd;
    color: #777;
    border-radius: var(--ns-radius);
    font-size: 26px;
    transform: rotate(6deg);
    -webkit-transform: rotate(6deg);

    i {
      display: inline-block;
      line-height: inherit;
      transform: rotate(-6deg);
      -webkit-transform: rotate(-6deg);
    }

    img {
      display: inline;
      max-width: 50px;
      max-height: 50px;
      font-size: 12px;
    }
  }

  background: transparent;
  margin: 0;

  .title {
    h6 {
      font-size: 16px;
      color: #666;
      margin-bottom: 3px;
    }
  }

  .subtitle {
    span {
      display: block;
      font-size: 13px;
      color: #777;
    }
  }
}

.content-widget.title-widget.colored {
  background: #fff;
  padding: 15px;
}

.content-widget.title-widget.style-2 {
  .row {
    > div {
      width: 100%;
      text-align: center;

      .icon {
        margin: 0 auto 10px auto;
      }
    }
  }
}

.content-widget.title-widget.style-3 {
  .row {
    justify-content: center;
  }
}


.content-widget.slider-2.style-2.tip-2 {
  .carousel {
    background: #fff;

    .carousel-indicators {
      background: #fff;
    }
  }
}

.tile-posts {
  > .row {
    height: 500px;

    > div {
      height: 100%;
    }
  }

  article.blog-item {
    background: #fff;
    border-radius: var(--ns-radius);
    overflow: hidden;

    &:not(:last-of-type) {
      margin-bottom: 20px;
    }

    > figure.figure {
      position: relative;
      height: 100%;
      width: 100%;
    }

    figure.figure {
      > img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        max-width: inherit;
        width: auto;
        min-width: 100%;
        height: 100%;
        z-index: 0;
        transition: .2s;
      }

      &::before {
        content: "";
        display: block;
        background: #000;
        opacity: .5;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        transition: .2s;
      }

      figcaption {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 20px;

        a {
          color: #fff;
        }

        > a {
          display: inline-block;
          max-width: 100%;
        }

        h4 {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 100%;
          display: inline-block;
          font-size: 16px;
          margin: 0;
        }

        .categories {
          margin-top: 10px;

          ul {
            list-style: none;
            padding: 0;
            margin: 0;

            li {
              display: inline-block;
            }

            a {
              display: block;
              padding: 3px 10px;
              background: rgba(255, 255, 255, .3);
              border-radius: var(--ns-radius);
              transition: .2s;

              &:hover {
                background: #fff;
                color: #666;
              }
            }
          }
        }

        .info {
          ul {
            padding: 0;
            margin: 0;
            list-style: none;
            display: flex;
            align-items: center;
            font-size: 13px;
            opacity: .8;

            li {
              padding: 0 10px;
              white-space: nowrap;
              max-width: 100%;
              overflow: hidden;
              text-overflow: ellipsis;

              i {
                font-size: 16px;
                margin-left: 5px;
              }
            }
          }

          .author {
            figure {
              display: inline-block;
              margin: 0;
              width: 30px;
              height: 30px;
              margin-left: 5px;
              border-radius: var(--ns-radius);
              background: #eee;

              img {
                border-radius: var(--ns-radius);
              }
            }
          }
        }
      }
    }

    &:hover {
      figure.figure {
        > img {
          transform: translate(-50%, -50%) scale(1.1);
          -webkit-transform: translate(-50%, -50%) scale(1.1);
        }

        &::before {
          opacity: .6;
        }
      }
    }
  }

  .items-1 {
    article.blog-item {
      height: 100%;
    }
  }

  .items-2 {
    article.blog-item {
      height: calc(50% - 10px);
    }
  }

  .items-3 {
    article.blog-item {
      height: calc(33.33% - 13.3px);

      figure.figure {
        figcaption {
          .info {
            display: none;
          }
        }
      }
    }
  }

  .multi-1 {
    article.blog-item {
      &:first-of-type {
        height: 50%;

        figure.figure {
          img {
            height: auto;
            max-width: 100%;
          }
        }
      }

      &:not(:first-of-type) {
        height: calc(50% - 20px);
        width: calc(50% - 10px);
        float: right;
      }

      &:last-of-type {
        margin-right: 20px;
      }
    }
  }
}

#modal-3d-view-inner {
  .spinner {
    position: static;
    margin: 80px auto;
  }

  &:not(.loaded) {
    .obj_content {
      display: none;
    }
  }
}

#canvas-container-3d {
  width: 100%;
  height: 600px;
  max-height: 100%;
  background: #eee;
  background: radial-gradient(ellipse at center, #ffffff 0%, #ADADAD 100%);

  canvas {
    cursor: all-scroll;
  }
}

#view-3d-controller {
  position: absolute;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  direction: ltr;
  display: flex;

  button {
    border: none;
    background: rgba(255, 255, 255, .9);
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 0;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #666;
    transition: .2s;
    border-radius: 100px;
    margin: 0 5px;

    &:hover {
      color: #464646;
    }

    i {
      line-height: inherit;
      transition: .2s;
    }

    &:active {
      i {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
      }
    }
  }
}

.play-toggle.paused {
  i {
    &::before {
      content: "\f04b";
    }
  }
}

#modal-3d-view-inner.loaded {
  .spinner {
    display: none;
  }
}

.prm-brands-list {
  margin-top: 15px !important;
}

.prm-brands-list__item {
  border-radius: var(--ns-radius);
  overflow: hidden;
  padding: 10px;
  background: #fafafa;
  border: none !important;

  .prm-brands-list__image {
    border-radius: var(--ns-radius);
    margin-bottom: 10px;
  }

  .prm-brands-list__title {
    border-radius: var(--ns-radius);
  }
}

.product-share-modal-inner {
  padding: 20px;

  .share-title {
    color: #666;
  }

  .share-desc {
    color: #999;
    font-weight: normal;
    margin-bottom: 30px;
  }

  .sharing-box {
    padding: 15px;
    border-radius: var(--ns-radius);
    text-align: center;

    .share-desc {
      margin-bottom: 15px;
    }
  }

  .sharing-box.email-sharing {
    background: #f5f5f5;
  }

  .email-sharing {
    .input-group-text {
      color: #666;
    }

    label {
      font-size: 14px;
      font-weight: 500;
      color: #666;
    }
  }

  .crunchify-link {
    i {
      display: inline-block;
      line-height: inherit;
    }

    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 1px 3px;
    border-radius: var(--ns-radius);
    margin: 5px;
    font-size: 16px;
  }

  .sms-notif-form {
    background: #fff;
    padding: 20px;
    border-radius: var(--ns-radius);
  }

  .sms-notif-mobile-div {
    margin: 10px 0;
    width: calc(100% - 100px);
    float: right;

    input {
      width: 100%;
      text-align: right !important;
    }
  }

  .sms-notif-submit {
    width: 90px;
    margin-top: 10px !important;
  }

  .sms-notif-enable-label {
    margin-bottom: 0 !important;
    display: flex;

    strong {
      font-weight: normal !important;
      color: #666 !important;
      font-size: 14px !important;
      margin: 0 5px 0 0;
      display: inline-block;
    }
  }

  .sms-notif-content {
    margin-top: 15px;
  }

  .sms-notif-result-p {
    clear: both;
  }
}

#billing_city_field {
  flex-direction: column;
}

.product-section.product-additional-items {
  padding: 0 !important;
  background: transparent !important;

  .pa-title {
    color: #666;
    font-size: 18px;
  }

  .additional-factor {
    background: #fff;
    border-radius: var(--ns-radius);
    padding: 20px 40px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;

    > div {
      width: 100%;
    }

    .af-title {
      font-size: 16px;
      color: #999;
      font-weight: normal;
      margin-bottom: 10px;
    }

    .af-item {
      .price {
        float: left;
        color: #999;
      }
    }

    .af-total-price {
      margin: 20px 0;
      text-align: center;
      font-size: 18px;
      font-weight: 500;
      color: #666;
    }

    .af-add-to-cart {
      button {
        width: 100%;
      }
    }

    .af-items {
      margin-bottom: 20px;

      .price {
        del {
          display: none;
        }

        ins {
          text-decoration: none;
        }
      }

      .af-item {
        display: flex;
        margin-bottom: 8px;

        label {
          width: 100%;
          margin: 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;

          &::before {
            margin-right: 2px;
          }
        }

        .price {
          white-space: nowrap;
        }
      }
    }

    .af-total {
      margin-bottom: 10px;

      h6.total-price-title {
        color: #999;
        font-weight: normal;
      }
    }

    .loading {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(255, 255, 255, .5);
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: .2s;
      opacity: 0;
      visibility: hidden;
    }
  }


  .content-widget {
    margin: 0;
  }

  .additional-factor.loading {
    .loading {
      opacity: 1;
      visibility: visible;
    }
  }
}

.cb-nouislider {
  background: #ccc;
  box-shadow: none;
  border: none;
  border-radius: var(--ns-radius);
  height: 9px;

  .noUi-connects {
    border-radius: var(--ns-radius);
  }

  .noUi-connect {
    background-color: var(--ns-primary);
  }

  .noUi-handle {
    border: none;
    box-shadow: none;
    background: #777;
    border-radius: var(--ns-radius);
    height: 22px;
    width: 22px;
    transition: .2s;
    cursor: pointer;
    left: -11px;

    &::after {
      display: none;
    }

    &::before {
      display: none;
    }
  }

  &:hover {
    .noUi-handle {
      transform: scale(1.1);
      -webkit-transform: scale(1.1);
    }
  }

  .level {
    font-size: 12px;
    color: #999;
    float: left;
  }
}

.comment-form-slider {
  > span {
    width: 100%;
    display: block;
  }

  padding: 0 0 20px 0;
  margin-bottom: 0;
}

.cb-chips {
  input.text-field {
    width: 100%;

    &:not(:focus) {
      + {
        button {
          visibility: hidden;
          opacity: 0;
        }
      }
    }
  }

  .add-box {
    width: 100%;
    position: relative;

    button.add-item {
      border: none;
      margin-right: 10px;
      position: absolute;
      left: 3px;
      top: 3px;
      bottom: 3px;
      background: transparent;
      color: #999;
    }
  }

  ul.chip-items {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;

    li {
      background: #f5f5f5;
      border-radius: var(--ns-radius);
      padding: 5px 10px;
      color: #666;

      &::after {
        content: '';
        display: block;
        clear: both;
      }

      &:not(:last-of-type) {
        margin-bottom: 5px;
      }

      .remove-item {
        border: none;
        background: transparent;
        padding: 0;
        float: left;
        color: #999;
        width: 20px;
        height: 20px;
        cursor: pointer;
        display: block;
      }
    }
  }
}

.cfs-title {
  font-size: 13px;
  margin-bottom: 5px;
  color: #464646;
}

.comment-form-header {
  .comment-notes {
    background: #f5f5f5;
    padding: 20px;
    border-radius: var(--ns-radius);
  }
}

.comment-rates-sec {
  margin-bottom: 20px;

  .col-lg {
    display: flex;
    align-items: center;
  }

  .comment-rates {
    padding: 0 20px 0 0;
    list-style: none;

    li {
      margin: 6px 0;
      padding-right: 17px;
      color: #5f5f5f;
      position: relative;

      &::before {
        width: 6px;
        height: 6px;
        background: #ccc;
        border-radius: 50%;
        content: "";
        position: absolute;
        top: 4px;
        right: 0;
      }
    }
  }

  span.sec-title {
    font-weight: 600;
  }

  .comment-plus-rates {
    span.sec-title {
      color: #4caf50;
    }
  }

  .comment-nega-rates {
    span.sec-title {
      color: #ff5153;
    }
  }

  .comment-rates.plus-rates {
    li {
      &::before {
        background-color: #4caf50;
      }
    }
  }

  .comment-rates.negative-rates {
    li {
      &::before {
        background-color: #ff5153;
      }
    }
  }
}

.comment-form-chip.nega-cfc {
  > label {
    &::before {
      background-color: #ff5153;
    }
  }

  .cb-chips {
    ul.chip-items {
      li {
        background-color: #ffd9d9;
        color: #ff5153;

        .remove-item {
          color: #ff5153;
        }
      }
    }
  }
}

.comment-form-chip.plus-cfc {
  .cb-chips {
    ul.chip-items {
      li {
        background-color: #deffdf;
        color: #4caf50;

        .remove-item {
          color: #4caf50;
        }
      }
    }
  }
}

.comment-users-reviews {
  background: #f5f5f5;
  padding: 20px;
  border-radius: var(--ns-radius);

  h5.sec-title {
    color: #666;
    margin-bottom: 5px;
  }

  h6.sec-desc {
    font-weight: normal;
    font-size: 13px;
    color: #999;
    margin-bottom: 15px;
  }

  .progress {
    background-color: #ddd;

    .progress-bar {
      background-color: var(--ns-primary);
    }
  }
}

.comment-req-text {
  h5 {
    color: #666;
    margin-bottom: 15px;
  }

  p {
    color: #777;
    margin-bottom: 25px;
  }

  .btn {
    padding: 10px 20px;
    font-size: 16px;
    margin: auto;

    i {
      margin-left: 5px;
    }
  }
}

.comment-actions {
  justify-content: left;
  display: flex;

  .title {
    color: #999;
  }

  > div {
    display: flex;
    align-items: center;
    margin-right: 10px;
  }

  button {
    background: #f5f5f5;
    border: none;
    display: block;
    padding: 0 10px 0 5px;
    border-radius: var(--ns-radius);
    height: 30px;
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 0;
    line-height: 30px;
    opacity: .8;
    transition: .2s;

    &:hover {
      opacity: 1;
    }
  }

  .comment-like {
    button {
      .count {
        font-size: 13px;
        opacity: .8;
        height: 20px;
        min-width: 20px;
        padding: 0 5px;
        line-height: 20px;
        background: #ddd;
        color: #666;
        border-radius: var(--ns-radius);
        display: inline-block;
        margin-right: 5px;
      }
    }
  }

  button.disabled {
    opacity: .5;
  }
}

.cb-comment-tabs {
  display: flex;
  align-items: center;
  justify-content: left;
  width: 100%;
  margin-top: 20px;

  h6.sec-title {
    margin-left: 15px;
    font-weight: normal;
    color: #999;
    margin-bottom: 0;
  }

  .cb-tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;

    a {
      display: block;
      padding: 5px 10px;
      position: relative;
      transition: .2s;

      &::after {
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: var(--ns-accent);
        position: absolute;
        top: 33px;
        left: 0;
        right: 0;
        margin: auto;
        transition: .2s;
      }

      &:not(.active) {
        &::after {
          top: 25px;
          opacity: 0;
          visibility: hidden;
        }
      }
    }

    .active {
      color: var(--ns-accent);
    }
  }
}

.cb_comment_list {
  position: relative;
  min-height: 200px;

  .loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: rgba(255, 255, 255, .5);
    font-size: 14px;
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: .2s;

    .spinner {
      position: static;
      margin-top: 20px;
    }
  }

  &:not(.loading) {
    .loading {
      opacity: 0;
      visibility: hidden;
    }
  }
}

.commentlist {
  .not-found {
    p {
      margin: 0;
      text-align: center;
      font-size: 16px;
      color: #999;
    }
  }
}


.modal {
  background: transparent;
  cursor: url("../images/close.png"), auto;
}

.modal-title {
  color: #666;
}


.c-404 {
  text-align: center;
  padding: 60px 0;

  .c-404__title {
    margin-bottom: 20px;
    color: #666;
  }

  .c-404__actions {
    margin-bottom: 30px;
  }
}


.show-ywsl-box {
  font-size: 0;

  &::before {
    content: "برای ورود کلیک کنید";
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
  }
}

.woo-variation-swatches-stylesheet-enabled.rtl {
  table.variations {
    td.label {
      text-align: right !important;
    }
  }
}

.woo-variation-swatches-stylesheet-enabled {
  .variable-items-wrapper {
    .variable-item {
      &:not(.radio-variable-item).color-variable-item {
        .variable-item-span-color {
          border-radius: var(--ns-radius) !important;
        }
      }

      img {
        border-radius: var(--ns-radius) !important;
      }

      &:not(.radio-variable-item).selected {
        box-shadow: 0 0 0 2px var(--ns-primary) !important;

        &:hover {
          box-shadow: 0 0 0 2px var(--ns-primary) !important;
        }
      }
    }
  }
}

.woo-variation-swatches-stylesheet-enabled.woo-variation-swatches-style-squared {
  .variable-items-wrapper {
    .variable-item {
      border-radius: var(--ns-radius) !important;
      padding: 1px;
    }
  }
}

.button-variable-item {
  span {
    font-size: 13px !important;
    color: #666;
  }
}

blockquote {
  clear: both;
  position: relative;
  margin: 15px 0;
  background: #fbfbfb;
  font-size: 1.143rem;
  color: #494949;
  font-weight: 300;
  letter-spacing: -.1px;
  padding: 40px 150px 40px 121px;
  border-radius: var(--ns-radius);

  &::before {
    position: absolute;
    content: "";
    top: 29px;
    right: 56px;
    width: 69px;
    height: 55px;
    background: url(../images/svg/e8f55a97.svg) no-repeat 50% 50%;
    background-size: 100%;
  }

  &::after {
    position: absolute;
    content: "";
    left: 44px;
    bottom: 50px;
    width: 60px;
    height: 48px;
    background: url(../images/svg/3f51c9a0.svg) no-repeat 50% 50%;
    background-size: 100%;
  }
}

article.post-item.page {
  > div.title {
    margin-bottom: 20px;
  }
}

.ns-table {
  th {
    border: none !important;
    vertical-align: middle;
    color: #464646;
    color: #666;
  }

  tr {
    border: none !important;
    vertical-align: middle;
    color: #464646;
  }

  td {
    border: none !important;
    vertical-align: middle;
    color: #464646;
  }

  tbody {
    tr {
      td {
        background: #f5f5f5;

        &:first-of-type {
          border-radius: 0 20px 20px 0;
        }

        &:last-of-type {
          border-radius: var(--ns-radius) 0 0 20px;
        }
      }
    }

    tr.spacer {
      height: 5px;
    }

    td.actions {
      a.dislike_product {
        margin-right: 10px;
        display: inline-block;
        background: #ddd;
        color: #666;
        padding: 0 10px;
        border-radius: var(--ns-radius);
        transition: .2s;

        &:hover {
          color: #fff;
          background: var(--ns-primary);
        }
      }

      a.cb-add-to-cart {
        i {
          transform: scale(1.2);
          display: inline-block;
          transition: .2s;
        }
      }
    }
  }
}

.woocommerce-orders-table__cell-order-actions {
  text-align: left;
}

.woocommerce-orders-table__header-order-actions {
  text-align: left;
}

.woocommerce-MyAccount-navigation {
  width: 300px;
  padding-left: 30px;
  float: right;
}

ul.product-categories {
  li {
    .children {
      display: none;
    }
  }

  > li {
    display: block;
    padding: 2px 0;
    border-radius: var(--ns-radius);
    margin-bottom: 5px;

    a {
      transition: .2s;
    }

    > a {
      &::before {
        content: "\f15b";
        font-weight: 900;
        font-family: "Font Awesome 5 Pro", sans-serif;
        float: right;
        font-size: 16px;
        margin-left: 10px;
        color: #999;
        transition: .2s;
      }
    }

    &:hover {
      > a {
        &::before {
          color: #666;
        }
      }
    }
  }

  > li.cat-parent {
    > a {
      &::before {
        content: "\f07b";
      }
    }
  }

  > li.open {
    > a {
      &::before {
        content: "\f07c";
      }
    }
  }

  li.open {
    .children {
      display: block;
      background: #f5f5f5;
      padding: 10px 20px;
      border-radius: var(--ns-radius);
      margin: 5px 15px 0 0;
    }
  }
}

.select_option {
  span {
    width: auto !important;
    min-width: 27px !important;
    font-size: 13px !important;
  }

  img {
    width: auto !important;
    min-width: 27px !important;
    font-size: 13px !important;
  }

  float: right !important;
  margin-right: 0 !important;
  margin-left: 3px;
  border-radius: var(--ns-radius);
  overflow: hidden;
  transition: .2s;
  -webkit-transition: .2s;

  * {
    border-radius: var(--ns-radius);
    overflow: hidden;
  }

  &:not(.select_option_colorpicker) {
    span {
      border: none;
      width: auto;
    }
  }

  &:not(.selected) {
    opacity: .8;
  }
}

.select_option.select_option_label {
  padding: 0 5px !important;
  display: inline-flex;
  align-items: center;
  background: #fff;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  text-align: center;
  margin: 3px !important;
  box-shadow: rgba(0, 0, 0, .1) 0 2px 3px;
  border: none;
  opacity: .8 !important;
  max-width: 100%;
}

a.reset_variations {
  font-size: 0;
  display: inline-block !important;

  &::before {
    content: "پاک کردن ویژگی ها";
    font-size: 13px;
  }
}

.yith-wcan-color {
  li {
    float: right;
  }
}

.woocommerce-page {
  .widget_layered_nav {
    ul.yith-wcan-color {
      li {
        a {
          width: auto !important;
          min-width: 30px;
          height: 30px;
          border-radius: var(--ns-radius) !important;
          overflow: hidden;
        }

        span {
          width: auto !important;
          min-width: 30px;
          height: 30px;
          border-radius: var(--ns-radius) !important;
          overflow: hidden;
        }
      }
    }
  }
}

.fixed-bottom-bar {
  display: none;
  position: fixed;
  bottom: 20px;
  margin: 0 -70px 0 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  z-index: 999;

  li {
    display: inline-block;
    transition: .2s;

    .btn {
      width: 50px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      font-size: 18px;
      display: block;
      padding: 0;
      background: #fff;
      color: #666;
      box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px !important;

      i {
        line-height: inherit;
        display: inline;
      }
    }
  }

  .wooscp-btn.wooscp-btn-adding {
    &::after {
      display: none !important;
    }
  }
}

.wooscp-area {
  .wooscp-inner {
    .wooscp-bar {
      .wooscp-bar-btn {
        background-color: var(--ns-primary) !important;
        border-radius: var(--ns-radius);
      }
    }
  }
}

.single-product button.wooscp-btn {
  display: none;
}

.ns-store-header {
  background: #fff;
  padding: 20px;
  border-radius: var(--ns-radius);
  margin-bottom: 20px;

  .nav-pills {
    padding: 0;
    margin-bottom: 20px !important;

    .nav-item {
      &:not(:last-of-type) {
        margin-left: 10px;
      }

      a {
        border-radius: var(--ns-radius);
        display: flex;
        align-items: center;

        i {
          margin-left: 5px;
        }
      }

      a.active {
        background-color: var(--ns-primary);
      }
    }
  }
}

#pills-delivery {
  line-height: normal;
}

.form-control.error {
  + {
    label.error {
      margin: 5px 0 0 0;
      padding: 0;
      height: auto;
      font-size: 12px;
      text-align: left;
      color: #999;
      display: block;
    }
  }
}

.ns-store-avatar {
  header.store-avatar-header {
    height: 100px;
    margin: -20px -20px 40px -20px;
    border-radius: var(--ns-radius) 20px 0 0;
    background: var(--ns-primary);
    position: relative;
    background-image: url(../images/store-header.png);
    background-size: 300px;

    .avatar {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80px;
      height: 80px;
      border-radius: 100px;
      transform: translate(-50%, -50%);
      -webkit-transform: translateX(-50%);
      border: var(--ns-primary) 4px solid;
      background: #fff;
    }
  }

  footer.store-avatar-footer {
    h1.store-name {
      text-align: center;
      font-size: 24px;
      color: #464646;
      display: block;
    }

    .reg-date {
      text-align: center;
      display: block;
      color: #666;
    }

    .store-rating {
      background: #f5f5f5;
      color: #666;
      margin: 10px -20px;
      text-align: center;
      padding: 10px;
      font-size: 13px;

      span {
        margin: 0 5px;
      }
    }
  }
}


.dokan-from-group {
  > .dokan-form-group {
    margin: 0 0 10px 0;
    width: 100%;
  }
}

.dokan-order-filter-serach {
  .select2-selection--single {
    height: auto !important;
    border-radius: 0 20px 20px 0 !important;
    background: #f5f5f5 !important;
    color: #666 !important;
  }
}

.dokan-privacy-policy-text {
  font-size: 13px;
  color: #666;
  line-height: normal;
  text-align: justify;
}

.ns-store-avatar.wc-dashboard {
  background: #f5f5f5;

  h1.store-name {
    margin-bottom: 0;
    font-weight: normal;
  }

  .user-actions {
    margin: 10px -20px -20px -20px;
    text-align: center;

    a {
      display: block;
      height: 40px;
      line-height: 40px;
      background: #eee;
      border-radius: 0 0 20px 20px;
      border-top: 1px #ddd solid;
      color: #464646;
      font-size: 14px;
      transition: .2s;

      &:hover {
        background: #ddd;
        color: #333;
      }

      i {
        margin-left: 5px;
      }
    }
  }
}

.ns-profile-content {
  .title {
    font-size: 13px;
    color: #888;
  }

  .value {
    font-size: 15px;
    color: #555;
    font-weight: 400;
  }

  .btn {
    i {
      margin-left: 5px;
    }
  }
}

.page.woocommerce-account.logged-in {
  article.page {
    > .title {
      display: none;
    }
  }
}


.fw-main-row.sec-align-items-center {
  > div {
    > .row {
      align-items: center;
    }

    > div {
      > .row {
        align-items: center;
      }
    }
  }
}


.variations_form.cart {
  select {
    width: auto;
    max-width: 220px;
  }
}

.variations_form {
  .variations {
    tr {
      td {
        vertical-align: middle;
        padding: 15px;

        label {
          margin-bottom: 0;
        }
      }
    }
  }
}

.c-params__headline {
  span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    margin-top: 5px;
  }

  padding-bottom: 15px;
}

.carousel-control-next-icon {
  pointer-events: all;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px !important;
  text-align: center;
  background: #fff !important;
  font-size: 36px !important;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, .2) -10px 0 20px;
  padding: 0 !important;
  transition: .2s;
  color: #666 !important;
  opacity: .9;

  &::before {
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-weight: 300;
    content: "\f105";
  }
}

.carousel-control-prev-icon {
  pointer-events: all;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px !important;
  text-align: center;
  background: #fff !important;
  font-size: 36px !important;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, .2) -10px 0 20px;
  padding: 0 !important;
  transition: .2s;
  color: #666 !important;
  opacity: .9;

  &::before {
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-weight: 300;
    content: "\f104";
  }
}

.col-md-6.product-thumb {
  position: relative;
}


.content-widget.slider-2.style-2.mini-tab {
  .carousel-indicators {
    width: 30px;
    margin-left: -10px;

    li {
      background: #ccc;
      border-radius: var(--ns-radius);
      font-size: 0;
      width: 20px;
      height: 20px;
      padding: 0;
      margin: 2.5px 0;
    }
  }
}

.content-widget.slider-2.image-crop-true {
  &:not(.style-2) {
    .carousel-item {
      img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        min-height: 100%;
        width: auto !important;
        max-width: inherit;
        min-width: 100%;
      }

      a {
        padding-top: 26%;
        display: block;
      }
    }
  }
}

.content-widget.slider.image-crop-true {
  &:not(.style-2) {
    .carousel-item {
      img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        min-height: 100%;
        width: auto !important;
        max-width: inherit;
        min-width: 100%;
      }

      a {
        padding-top: 26%;
        display: block;
      }
    }
  }
}

.wide-style {
  .content-widget.slider-2.image-crop-true {
    &:not(.style-2) {
      .carousel-item {
        a {
          padding-top: 25%;
        }
      }
    }
  }

  .content-widget.slider.image-crop-true {
    &:not(.style-2) {
      .carousel-item {
        a {
          padding-top: 25%;
        }
      }
    }
  }

  .fixed-bottom-bar {
    margin-right: 10px;
  }
}

.fw-main-row.bg_cover {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.content-widget.slider-2.style-2.mini-tab.tip-2 {
  .carousel-indicators {
    li {
      background-color: #eee;
    }
  }
}

.wp-block-image {
  clear: both;

  figure.alignleft {
    margin-right: 20px;
  }

  figure.alignright {
    margin-left: 20px;
  }
}

#tab-description {
  img {
    margin: 20px auto;
    display: block;
    border-radius: var(--ns-radius);
  }

  table {
    td {
      border: #eee 1px solid;
      padding: 5px 10px;
    }

    color: #666;
    margin-bottom: 20px;
    max-width: 100%;

    tr {
      &:nth-of-type(2n) {
        td {
          background: #fafafa;
          color: #555;
        }
      }
    }
  }
}

section.widget.widget_media_image {
  padding: 0;
  text-align: center;

  img {
    border-radius: var(--ns-radius);
  }
}

.fixed-bottom-bar.style-2 {
  li {
    display: block;
    margin-top: 5px;
  }
}

.fixed-bottom-bar.style-1 {
  direction: ltr;

  > li {
    float: left;
    margin: 0 0 0 5px;
  }

  &::after {
    content: "";
    display: block;
    clear: both;
  }
}

.widget.negarshop_wg.pro-menus {
  padding: 0;
  background: transparent;
}

.negarshop_wg.pro-menus {
  ul.main-menu {
    position: static !important;
    margin: 0 !important;
    width: 100% !important;

    > li {
      > a {
        font-size: 14px;
      }
    }
  }
}


.quantity {
  input.input-text {
    display: none;
  }
}

.lightboxOverlay {
  background-color: #fff !important;
  opacity: .98 !important;
}

#negarshop-to-top {
  overflow: hidden;
  direction: ltr;

  > span {
    width: 100%;
    height: 100%;
    padding-top: 2px;
    display: block;
    position: relative;
    text-align: center;
    background-image: linear-gradient(91deg, transparent 50%, #eee 50%), linear-gradient(90deg, #eee 50%, transparent 50%);

    i {
      display: block;
      width: 46px;
      height: 46px;
      margin: 0 0 0 2px;
      background: #fff;
      border-radius: 18px;
      line-height: 46px;
      color: #555;
    }
  }

  * {
    direction: ltr;
  }
}


.price-form-inner {
  > .switch {
    width: 100%;
    margin: 15px 0;
    height: auto;
  }
}

.light-color-mode {
  nav.top-bar {
    > ul {
      > li {
        > a {
          &:not(:hover) {
            color: #ddd;
          }
        }
      }
    }
  }

  section.widget {
    &:not(.widget_mc4wp_form_widget) {
      header.wg-header {
        h6 {
          color: rgba(255, 255, 255, .7);
        }
      }

      a {
        color: #fff !important;

        &:hover {
          opacity: .6;
        }
      }
    }
  }

  .header-icon {
    color: #fff;
  }
}

.header-logo.light-color-mode {
  a {
    color: #fff;
  }
}

.light-color-mode.shopping-features {
  &:not(.style-1) {
    .item {
      color: rgba(255, 255, 255, .7);
    }
  }

  .item {
    span.desc {
      color: rgba(255, 255, 255, .7);
    }

    span.title {
      color: #fff;
    }
  }
}

h6.responsive-title {
  display: none;
}

.ns-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 30px 0;
  z-index: 999;
  transition: .2s;

  .ns-popup-header {
    margin-bottom: 20px;

    &::after {
      content: "";
      display: block;
      clear: both;
    }

    h6 {
      float: right;
      font-size: 36px;
      font-weight: normal;
      color: #999;
    }

    .ns-popup-close {
      float: left;
      background: transparent;
      border: none;
      padding: 0;
      font-size: 36px;
      color: #666;
    }
  }

  &:not(.active) {
    margin-top: -100px;
    opacity: 0;
    visibility: hidden;

    + {
      .ns-closer {
        opacity: 0;
        visibility: hidden;
      }
    }
  }
}

.ns-closer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  background: #000;
  opacity: .2;
  transition: .2s;
}

body.admin-bar {
  .ns-popup {
    top: 32px;
  }
}

.header-icon {
  font-size: 26px;
  color: #666;
  line-height: 43px;
  padding: 0;
  background: transparent;
  border: none;
}

.woocommerce-form-row.woocommerce-form-row--wide {
  flex-direction: column;
}

.woocommerce-FormRow.woocommerce-FormRow--wide {
  flex-direction: column;

  input {
    width: 100%;
  }
}

.dig_popdismiss {
  right: auto;
  left: 13px;
  top: 15px;
}

.dig_popmessage {
  min-width: 400px;
  border-radius: var(--ns-radius);
  padding-left: 20px;
  top: 20px;
  box-shadow: rgba(0, 0, 0, .1) 0 3px 5px;
  direction: rtl;
}

.loginViaContainer {
  button {
    display: inline-block !important;
    background: transparent;
    width: auto !important;
    padding: 0 !important;
    line-height: inherit !important;
    border: none !important;
    color: #666;
  }

  .digor {
    display: none;
  }

  display: block;
  text-align: right;
  clear: both;
}

button[name=dokan_sell_this_item] {
  margin-top: 10px;
  width: 150px;
  max-width: 100%;
}


.table-cell.price {
  del {
    display: none !important;
  }

  ins {
    text-decoration: none !important;
  }
}

.table-cell {
  .woocommerce-Price-amount {
    line-height: normal !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #4caf50 !important;
  }
}

.form-row.place-order {
  display: block;
}

.product-section {
  .sale-timer-box {
    color: var(--ns-primary);
    border-radius: var(--ns-radius);
    margin-bottom: 20px;
    display: flex;
    align-items: center;

    .title {
      font-size: 16px;

      .badge {
        float: left;
        color: #fff;
        background: #4caf50;
        border-radius: var(--ns-radius);
        font-weight: normal;
        padding: 5px 10px;
      }
    }

    .sub-title {
      font-size: 14px;
      color: #999;
      margin-bottom: 0;
      font-weight: normal;
    }

    .flip-clock-wrapper {
      margin: 0;
      display: inline-block;
      width: auto;

      ul {
        .up {
          * {
            color: #666 !important;
          }
        }
      }
    }

    .title-sec {
      width: 30%;
    }

    .counter-sec {
      text-align: left;
      border-radius: var(--ns-radius);
      width: 70%;
    }
  }

  .summary {
    .tagged_as {
      color: #666;
      font-size: 14px;
      margin-top: 15px;

      i {
        margin-left: 5px;
        font-size: 13px;
      }
    }
  }

  .product-featured-attrs {
    .view-more {
      display: inline-block;
      margin-top: 15px;

      i {
        display: inline-block !important;
        transition: .2s;
      }

      span {
        display: inline-block !important;
        transition: .2s;
      }

      &:not(.close-more) {
        .hide {
          font-size: 0;
        }
      }
    }

    .view-more.close-more {
      .show {
        font-size: 0;
      }
    }
  }

  .product-shipping-time {
    display: flex;
    align-items: center;
    padding: 0 30px 10px 0;
    border-bottom: #eee 1px solid;
    margin-bottom: 30px;
    position: relative;

    i {
      font-size: 48px;
      color: #000;
      opacity: .05;
      position: absolute;
      right: 0;
      z-index: 0;
      transform: rotate(45deg);
    }

    .shiping-title {
      line-height: normal;
      color: #666;
      position: relative;
      z-index: 1;

      p {
        margin-bottom: 0;
        font-size: 13px;
      }

      b {
        color: #555;
        border-radius: 45px;
        display: inline-block;
      }
    }
  }
}

.dokan-reports-main {
  width: 100%;
  float: none;
}

.dokan-reports-sidebar {
  width: 100%;
  float: none;
}

.custom-slide-widget {
  .slide-inner {
    text-align: center;

    img {
      width: auto;
      max-width: 100%;
      margin: auto;
    }
  }
}

.dokan-panel-default {
  border: none !important;
}

.dokan-progress {
  margin-bottom: 10px;
  background: #eee;
  border-radius: var(--ns-radius);

  > .dokan-progress-bar {
    background: var(--ns-primary);
    color: #fff;
    border-radius: var(--ns-radius);
    padding: 0 10px;
    text-align: center;
    font-size: 12px;
  }
}


.dokan-on-off.form-control {
  width: 100px;
  margin: 0 5px;
}

.dokan-input-group-addon {
  background: transparent !important;
  border: none !important;
}

.sec-sticky {
  &:not(.fixed) {
    + {
      .sticky-space {
        display: none;
      }
    }
  }
}

.sec-sticky.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

.list-group {
  background: #f5f5f5;
  border-radius: var(--ns-radius);
  padding: 10px !important;
}

.list-group-item {
  border: none;
  background: transparent;
}

#order_review {
  td.product-name {
    color: #666;
    width: 70%;

    .variation {
      color: #999;
    }
  }

  span.amount {
    color: #4caf50;
    font-size: 16px;
    font-weight: 500;
  }

  .order-total {
    .amount {
      font-size: 24px;
    }
  }
}

ul#shipping_method {
  list-style: none;
  padding: 0;
  margin: 0;

  li {
    label {
      color: #666;

      * {
        color: #666 !important;
      }
    }
  }
}

ul.woocommerce-order-overview {
  list-style: none;
  background: #f5f5f5;
  padding: 20px 30px;
  border-radius: var(--ns-radius);

  li {
    &::before {
      content: "\f104";
      font-family: "Font Awesome 5 Pro", sans-serif;
      margin-left: 5px;
    }
  }
}

.magnify {
  > .magnify-lens {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 1), 0 0 5px 5px rgba(0, 0, 0, 0.25);
  }
}

.select_option.select_option_colorpicker {
  span {
    width: 25px !important;
    height: 25px !important;
    display: block;
    margin: 0 0 0 5px !important;
    min-width: inherit !important;
    min-height: inherit !important;
  }

  display: inline-flex;
  align-items: center;
  background: #fff;
  padding: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  text-align: center;
  margin: 3px !important;
  box-shadow: rgba(0, 0, 0, .1) 0 2px 3px;
  border: none;
  opacity: .8 !important;
  max-width: 100%;

  em {
    font-size: 12px;
    display: inline-block;
    font-style: normal;
    margin: 0 0 0 5px !important;
  }
}

.select_option.select_option_colorpicker.selected {
  transition: .2s;
  -webkit-transition: .2s;
  box-shadow: rgba(0, 0, 0, .2) 0 2px 3px;
  background: #f56d87;
  color: #fff;
  opacity: 1 !important;
}

.select_option.select_option_label.selected {
  transition: .2s;
  -webkit-transition: .2s;
  box-shadow: rgba(0, 0, 0, .2) 0 2px 3px;
  background: #f56d87;
  color: #fff;
  opacity: 1 !important;
}

.select_option.select_option_image {
  img {
    height: 50px;
  }

  &:hover {
    border-width: 2px;
    box-shadow: rgba(0, 0, 0, .3) 0 2px 3px;
  }
}

.select_option.select_option_image.selected {
  border-width: 2px;
  box-shadow: rgba(0, 0, 0, .3) 0 2px 3px;
}

.magnify-mobile {
  display: none;
}

.lg-outer {
  .lg-inner {
    direction: ltr;
  }

  .lg-thumb-outer {
    background: #fff;
    box-shadow: rgba(0, 0, 0, .2) 0 0 3px;
  }

  .lg-toogle-thumb {
    background: #fff;

    &:hover {
      background: var(--ns-primary);
    }
  }

  .lg-thumb-item.active {
    border-color: var(--ns-primary);
  }

  .lg-thumb-item {
    &:hover {
      border-color: var(--ns-primary);
    }

    border-radius: var(--ns-radius);
  }
}

.lg-backdrop {
  background: #fff;
  opacity: .8 !important;
}

.lg-sub-html {
  background: #fff;
  box-shadow: rgba(0, 0, 0, .2) 0 0 3px;
}

.lg-toolbar {
  background: #fff;
  box-shadow: rgba(0, 0, 0, .2) 0 0 3px;

  .lg-icon {
    &:hover {
      background: var(--ns-primary);
    }
  }
}

.lg-actions {
  .lg-next {
    background: #fff;
    box-shadow: rgba(0, 0, 0, .2) 0 0 3px;
    border-radius: var(--ns-radius);

    &:hover {
      background: var(--ns-primary);
    }
  }

  .lg-prev {
    background: #fff;
    box-shadow: rgba(0, 0, 0, .2) 0 0 3px;
    border-radius: var(--ns-radius);

    &:hover {
      background: var(--ns-primary);
    }
  }
}

.lg-progress-bar {
  background: #fff;

  .lg-progress {
    height: 3px;
    background: var(--ns-primary);
  }
}

.lg-outer.lg-dropdown-active {
  #lg-share {
    background: var(--ns-primary);
  }
}

.single-style-2-gallery {
  .owl-carousel.wc-product-carousel {
    .owl-item {
      .view-3d-slide {
        padding-top: 33.33%;
      }
    }
  }
}

.hrs-outer {
  .hts-btn {
    background: linear-gradient(to left, #fff 60%, transparent);
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 0;
    color: #666;
    padding: 0;
    font-size: 24px;
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
  }

  .hts-btn.hrs-next-btn {
    left: 0;
    right: auto;
    background: linear-gradient(to right, #fff 60%, transparent);
  }

  position: relative;
}


.content-widget.slider.product-archive {
  overflow: hidden;
  position: relative;
  padding: 30px;
  background: #fff;

  figure.thumb {
    width: 300px;
    height: 300px;
    overflow: hidden;
    background: #f5f5f5;
    border-radius: var(--ns-radius);
    position: relative;
    float: right;
    margin-right: -320px;

    img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
    }
  }

  .carousel-item-inner {
    position: relative;
    padding-right: 340px;

    &::after {
      content: "";
      display: block;
      clear: both;
    }
  }

  .slide-details {
    padding: 20px;

    h2.title {
      font-size: 18px;
      line-height: 30px;
      overflow: hidden;
      margin-bottom: 10px;
      height: 60px;
    }

    ul.feature-attr-p {
      margin: 0;
      padding: 0;
      list-style: inside;
      color: #aaa;
      line-height: 25px;
      height: 125px;
      overflow: hidden;

      li {
        span {
          color: #666;
        }

        .product-attr-text {
          font-weight: 500;
        }
      }
    }

    .prd-price {
      font-size: 24px;
      margin-top: 15px;
      color: var(--ns-price);
      font-weight: 500;
      height: 36px;

      ins {
        text-decoration: none;
      }

      del {
        color: #aaa;
        font-size: 16px;
      }
    }
  }

  .carousel {
    .carousel-indicators {
      li {
        background-color: #666;
      }
    }
  }


  .wg-title {
    display: block;
    width: 100px;
    height: 110px;
    position: absolute;
    background: var(--ns-primary);
    top: -30px;
    right: -20px;
    z-index: 5;
    border-radius: 40px;
    transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    color: #fff;
    pointer-events: none;
    font-weight: 500;
    border: var(--ns-primary) 2px dashed;
    box-shadow: #fff 0 0 0 3px inset;

    span {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      padding-left: 20px;
      padding-right: 25px;
      padding-bottom: 20px;
    }
  }

  .carousel-inner {
    padding-bottom: 34px;
  }
}

.product-footer-features {
  margin-top: 30px;

  .pff-item {
    padding-right: 50px;
    display: flex;
    align-items: revert;
    flex-direction: column;
    position: relative;
    min-height: 50px;
    justify-content: center;
    margin-left: 10px;

    .icon {
      width: 40px;
      height: 40px;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-position: center;
      float: right;
      position: absolute;
      right: 0;
      top: 5px;
    }

    > span {
      display: block;
      color: #666;
      font-size: 13px;
    }

    > span.desc {
      font-size: 12px;
      color: #999;
    }

    > span.title {
      color: #777;
      font-weight: 500;
      margin-bottom: 3px;
    }
  }

  .pff-item[data-target] {
    cursor: pointer;
  }
}

.clear {
  display: block;
  clear: both;
}

.one-price {
  del {
    display: none !important;
  }

  > span + span.amount, > span + .dash + span.amount {
    display: none !important;
  }

  .dash {
    display: none !important;
  }

  * {
    font-size: 14px;
  }
}

img.res-img {
  display: none;
}

.sidebar.shop-archive-sidebar.acc-widgets {
  section.widget {
    > * {
      &:not(.wg-header) {
        display: none;
      }
    }

    &:not(.show) {
      .wg-header {
        margin-bottom: 0;
      }

      cursor: pointer;
    }
  }
}

.is-mega-menu-menu-type {
  padding: 0;
  margin: 0;
  list-style: none;

  &::after {
    content: "";
    display: block;
    clear: both;
  }

  li {
    ul {
      opacity: 1 !important;
      visibility: visible !important;
      margin: 0 !important;
      box-shadow: none !important;
      width: auto !important;
      background-color: transparent !important;
    }
  }

  > li {
    float: right;
    width: 25%;
  }
}

.is-mega-menu-menu-type.menu-col-3 {
  > li {
    width: 33.33%;
  }
}

.is-mega-menu-menu-type.menu-col-5 {
  > li {
    width: 20%;
  }
}

.is-two-level-mega-menu {
  background-size: auto !important;
  background-repeat: no-repeat !important;
}

#customer_login {
  .negarshop-card {
    text-align: center;

    > h2 {
      font-size: 18px;
      border-bottom: #ccc 1px dashed;
      display: inline-block;
      padding-bottom: 10px;
      font-weight: 400;
      margin-bottom: 30px;
      color: #999;
    }

    > form {
      text-align: right;
    }

    .wc-social-login {
      text-align: center;
    }

    label {
      text-align: right;
      font-size: 13px;
      padding-right: 15px;
      opacity: 0.7;
      padding-right: 0;
    }

    .woocommerce-form-row {
      margin-bottom: 30px;
    }
  }

  .form-row.form-row-wide {
    display: block;

    input {
      width: 100%;
    }
  }
}

#product-url-inpt {
  opacity: 0;
  position: absolute;
  transform: scale(0);
  -webkit-transform: scale(0);
}

.wc-social-login {
  display: flex;
  align-items: center;
  justify-content: center;

  .socials-list {
    margin-bottom: 0;
  }

  .ywsl-label {
    margin-left: 10px;
    margin-bottom: 10px;
    color: #999;
    font-size: 13px;
  }
}

.woocommerce-ResetPassword.lost_reset_password {
  p {
    font-size: 13px;
    margin-bottom: 30px;

    &:last-of-type {
      margin-bottom: 0;
    }
  }
}

.select2-container--default {
  .select2-selection--single {
    border: none;
    background: #f5f5f5;
    height: 40px;
    border-radius: var(--ns-radius);
    padding: 5px 10px 0 10px;

    span {
      color: #666 !important;
    }
  }

  .select2-search--dropdown {
    .select2-search__field {
      border: none;
      background: #fff;
      padding: 8px !important;
    }
  }
}

.select2-container--default[dir="rtl"] {
  .select2-selection--single {
    .select2-selection__arrow {
      left: 10px;
      top: 5px;
    }
  }
}

.select2-container--open {
  .select2-dropdown--below {
    border: none;
    background: #f5f5f5;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
  }

  .select2-dropdown--above {
    border: none;
    background: #f5f5f5;
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    border-radius: var(--ns-radius) 20px 0 0;
  }
}

.select2-results__option {
  padding: 6px 14px;
  color: #444;
  font-size: 13px;
}

.header-popup-login {
  display: block;
  margin: auto;

  .modal-content {
    overflow: visible;
  }

  .close-modal {
    position: absolute;
    margin-right: -50px;
  }
}

.negarshop-countdown {
  direction: ltr;

  &:not(.no-style) {
    .countdown-section {
      &:last-of-type {
        .countdown-amount {
          animation: timerScale 1s infinite;
          -webkit-animation: timerScale 1s infinite;
        }

        background: transparent;
        color: var(--ns-primary);

        &:before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: var(--ns-primary);
          z-index: 0;
          border-radius: 100%;
          opacity: .1;
        }
      }

      background: #eee;
      width: 50px;
      height: 50px;
      display: inline-block;
      border-radius: 100px;
      margin-bottom: 20px;
      position: relative;
      color: #666;
      margin-left: 3px;
      margin-right: 3px;

      .countdown-amount {
        line-height: 50px;
        text-align: center;
        font-size: 120%;
        display: block;
        height: 100%;
        width: 100%;
        font-weight: 500;
      }

      .countdown-period {
        top: 100%;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 12px;
        padding-top: 5px;
      }
    }
  }
}

.cls-1 {
  isolation: isolate;
}

.cls-2 {
  opacity: 0.41;
  mix-blend-mode: multiply;
}

.cls-3 {
  fill: var(--ns-primary);
}

.cls-4 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}

.archive-page-description {
  margin-bottom: 30px;
  color: #999;
  line-height: normal;
  font-size: 14px;

  .woocommerce-products-header__title {
    color: #666;
    margin-bottom: 20px;
  }
}

.search-box.btn-style-light {
  .action-btns {
    .action-btn.search-submit {
      color: #999 !important;

      &::before {
        display: none !important;
      }

      &::after {
        display: none !important;
      }
    }
  }
}

.fw-alert {
  .alert-icon {
    margin-right: 0;
    margin-left: 5px;
  }
}

.tooltip {
  .tooltip-inner {
    background: #eee;
    color: #666;
  }

  .arrow {
    opacity: .1;
  }
}

.product-survey {
  margin-top: 20px;
  font-size: 13px;
  color: #999;
  display: flex;
  align-items: center;

  .thanks {
    color: green;
  }

  &:not(.sent) {
    .thanks {
      display: none;
    }
  }

  .answers {
    margin-right: 15px;
  }
}

.product-survey.loading {
  opacity: .5;
  pointer-events: none;
}

.product-survey.sent {
  > * {
    &:not(.thanks) {
      display: none;
    }
  }
}

#product-survey {
  .price {
    margin-bottom: 0;
  }

  .thumbnail {
    img {
      width: 150px;
      height: auto;
    }
  }

  .title {
    font-size: 18px;
    font-weight: 500;
    color: #333;
  }

  form {
    display: block;
    width: 100%;
    margin-top: 15px;

    button {
      width: 100%;
      padding: 10px;
      margin-top: 10px;
    }
  }
}

#product-survey-form.loading {
  opacity: .5;
  pointer-events: none;

  button {
    font-size: 0;

    i {
      &::before {
        content: "\f110";
        font-size: 13px;
        display: inline-block;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
      }
    }

    &::after {
      content: "در حال ارسال...";
      font-size: 13px;
      margin-right: 5px;
    }
  }
}


.ns-add-to-cart-inner {
  .price-update {
    display: block;
    font-size: 12px;
    position: absolute;
    color: var(--ns-accent);
    left: 0;
    right: 0;
    bottom: 100%;
    padding-bottom: 10px;
    pointer-events: none;
  }

  display: flex;
  align-items: center;
  padding-top: 30px !important;

  button.disabled {
    pointer-events: all !important;
  }
}

.product-alerts {
  .alert-item {
    border-radius: var(--ns-radius);
    padding: 20px 50px 20px 20px;
    position: relative;
    font-size: 14px;
    margin-top: 10px;

    span {
      display: block;
    }

    .icon {
      i {
        display: block;
      }

      position: absolute;
      right: 12px;
      font-size: 25px;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      top: 50%;
    }

    .title {
      font-size: 14px;
      font-weight: 500;

      + {
        .desc {
          margin-top: 5px;
          font-size: 13px;
        }
      }
    }
  }
}


.shop-filters-show {
  display: none;
  position: fixed;
  bottom: 80px;
  left: 30px;
  width: 60px;
  height: 60px;
  padding: 0;
  line-height: 60px;
  font-size: 18px;
  z-index: 997;
}

.digcon {
  width: 100%;
}

.white-popup {
  max-width: 100% !important;
}

.mfp-content {
  text-align: right;
}

.mfp-close {
  right: auto;
  left: 0;
}

ul.dokan-account-migration-lists {
  li {
    .right-content {
      text-align: left !important;
    }

    .left-content {
      text-align: right !important;
    }

    border-radius: var(--ns-radius);
    background-color: #f5f5f5;
    border: none !important;
    margin-bottom: 15px;
  }

  border: none !important;
}

.woocommerce-MyAccount-account-funds {
  #topup_amount {
    display: block;
    width: 100%;
  }
}

.elementor-need {
  text-align: center;
  padding: 30px;
  font-size: 18px;
  color: #666;
}

.product-video-carousel {
  .wp-video {
    width: 100% !important;
  }

  .mejs-container {
    width: 100% !important;
    padding-top: 60%;

    .wp-video-shortcode {
      width: 100% !important;
      height: 100% !important;
    }
  }

  .video-title {
    font-size: 16px;
    text-align: center;
    margin: 20px 0;
    color: #666;
  }

  .owl-nav {
    text-align: center;

    button {
      display: inline-block;
      margin: 5px;
      width: 60px;
      height: 40px;
      line-height: 40px;
      background: #f5f5f5 !important;
      border-radius: var(--ns-radius) !important;
      font-size: 24px !important;
      text-align: center;
      color: #888 !important;

      &:hover {
        background-color: #eee !important;
        color: #555 !important;
      }
    }
  }
}

.ns-affiliate {
  .dashboard-content {
    .right-column {
      display: none;
    }

    .left-column {
      width: 100%;
      float: none;
    }
  }

  table {
    width: 100%;
    margin-bottom: 30px;

    td {
      padding: 10px;
    }
  }

  .dashboard-title {
    color: #777;

    h2 {
      font-size: 18px;
      color: #888;
      margin-left: 10px !important;
    }
  }
}

.yith-wcaf {
  .filters {
    .filters-row {
      input {
        margin-left: 15px;
      }

      .select2 {
        margin-left: 15px;
      }

      flex: 1;
      margin-bottom: 0 !important;
      display: flex;
      align-items: center;

      label.per-page {
        input {
          display: inline-block;
          margin-right: 10px;
        }
      }

      label {
        margin-bottom: 0;
      }
    }

    > form {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
  }

  .form-row {
    display: block;
    margin-bottom: 30px;

    input {
      &:not([type=checkbox]) {
        width: 100%;
      }
    }

    small {
      display: block;
      margin-top: 10px;
    }
  }
}

.yith-wcaf.yith-wcaf-commissions {
  input.datepicker {
    &:not(:focus) {
      background-color: #f5f5f5;
    }
  }

  .filters {
    margin-bottom: 25px;
  }
}

.yith-wcaf.yith-wcaf-clicks {
  input.datepicker {
    &:not(:focus) {
      background-color: #f5f5f5;
    }
  }

  .filters {
    margin-bottom: 25px;
  }
}

.yith-wcaf.yith-wcaf-payments {
  input.datepicker {
    &:not(:focus) {
      background-color: #f5f5f5;
    }
  }

  .filters {
    margin-bottom: 25px;
  }
}

.yith-wcaf-share {
  display: none;
}

.yith-wcaf-settings {
  .form-row {
    label {
      margin-bottom: 0;
    }

    small {
      margin-top: 0;
    }
  }
}

.yith-wcaf.yith-wcaf-set-referrer {
  form.referrer-form {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    border: none;

    .form-row {
      margin: 0 !important;
      display: inherit;
    }

    .form-row-first {
      margin-left: 15px !important;
      flex: 1;
    }

    .clear {
      display: none;
    }
  }
}

.product-features-modal {
  .modal-body {
    color: #666;
    font-size: 14px;
  }
}

.select_option.select_option_colorpicker[disabled] {
  position: relative;

  &::after {
    content: "ناموجود";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ffd6d6;
    color: var(--ns-primary);
  }
}

.swiper-pagination-bullet {
  background: #fff;
  width: 10px;
  height: 10px;
  opacity: .5;
  border-radius: 10px;
  margin: 3px;
  transition: .2s;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  width: 20px;
}

.elementor-swiper-button {
  span {
    display: none !important;
  }

  height: 60px !important;
  width: 60px !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border-radius: 100% !important;
  box-shadow: rgba(0, 0, 0, .2) -10px 0 20px !important;
  color: #666 !important;
  opacity: .5 !important;
  transition: .2s !important;

  &:hover {
    opacity: .8 !important;
  }
}


#negarshopAlertContainer {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
}

#negarshopAlertBox {
  min-width: 200px;
  max-width: 100%;
  background: #fff;
  position: fixed;
  left: 50% !important;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding: 20px;
  border-radius: var(--ns-radius);
  color: #666;

  #closeBtn {
    background: #777;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
    border-radius: var(--ns-radius);
    transition: .2s;
    float: left;

    &:hover {
      background: #666;
    }
  }

  h1 {
    margin-bottom: 15px;
    font-size: 24px;
    color: #999;
  }
}


.product-add-to-cart-sticky {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 999;
  display: none;

  .add-product {
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: none;
    font-size: 24px;
    padding: 0;
    background: var(--ns-primary);
    border-radius: var(--ns-radius);
    color: #fff;
  }

  .price {
    white-space: nowrap;
    background: linear-gradient(to top, rgba(50, 50, 50, .8), #666);
    color: #fff;
    padding: 5px 10px;
    border-radius: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
  }

  .price-outer {
    position: absolute;
    left: 28px;
    width: 31px;
    transform: rotate(-90deg);
    bottom: 80px;
    transition: .2s;
  }

  &:not(:hover) {
    .price-outer {
      margin-bottom: -10px;
      opacity: 0;
    }
  }
}

.cart_item {
  .product-shipping-time {
    display: flex;
    font-size: 13px;
    align-items: center;

    i {
      margin-left: 5px;
    }
  }
}

.wc-proceed-to-checkout {
  .button {
    padding: 15px 40px;

    i {
      transform: translateY(2px);
      margin-right: 5px;
    }
  }
}

.woocommerce-cart-form {
  .actions {
    [name="update_cart"] {
      height: 42px;

      i {
        margin-left: 5px;
        transform: translateY(2px);
      }
    }
  }
}

.checkout-leader {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 100px;

  &::before {
    content: '';
    border-top: #eee solid 3px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
  }

  span {
    font-weight: 400;
    font-size: 26px;
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 20px;
  }
}

.checkout-leader#customer_details {
  margin-top: 0 !important;
  margin-bottom: 40px;
}

.woocommerce-checkout-payment {
  #place_order {
    padding: 15px 40px;
  }
}

.order-delivery-times {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;

  li {
    flex-grow: 2;
    margin: 10px;

    &:not(:last-of-type) {
      margin-left: 10px;
    }

    label {
      display: block;
      background: #f5f5f5;
      padding: 10px 50px 10px 20px !important;
      border-radius: var(--ns-radius);
      line-height: normal;
      transition: .2s;
      color: #888;

      &:hover {
        background: #eee;
        color: #666;
      }

      &::before {
        right: 20px !important;
      }

      span {
        display: block;
      }

      .delivery-time {
        font-size: 80%;
      }

      .delivery-title {
        font-weight: 500;
      }
    }

    input {
      &:checked {
        + {
          label {
            background: #fff;
            box-shadow: rgba(0, 0, 0, .1) 0 3px 6px;
            color: #666;
          }
        }
      }
    }
  }
}

.woocommerce-product-attributes-item__value {
  p {
    white-space: pre-wrap;

    span {
      display: none;
    }
  }
}

.woocommerce-checkout.woocommerce-page {
  article.post-item {
    > .title {
      display: none;
    }
  }
}

.cart-header-steps {
  .step-item {
    .icon {
      display: block;
      width: 50px;
      height: 50px;
      text-align: center;
      line-height: 50px;
      border-radius: var(--ns-radius);
      margin-left: 15px;
      font-size: 18px;
      background: var(--ns-primary);
      color: #fff;
      transition: .2s;
    }

    .title {
      display: block;
      font-weight: 500;
      font-size: 14px;
      text-align: right;
      line-height: normal;

      span {
        display: block;
        font-size: 80%;
      }
    }

    text-align: center;
    padding: 0 20px;
    display: flex;
    align-items: center;
    transition: .2s;
    margin-bottom: 10px;
  }

  a {
    transition: .2s;
  }

  .active-step {
    ~ {
      div {
        .step-item {
          &:not(:hover) {
            opacity: .7;
          }

          .icon {
            background: #f5f5f5 !important;
            color: #777;
          }
        }
      }
    }

    a {
      pointer-events: none !important;
    }

    .step-item {
      .icon {
        background: #eee !important;
        color: #666;
      }
    }
  }

  margin-bottom: 60px;
  border-bottom: #eee 1px solid;
  padding-bottom: 10px;
  flex-wrap: nowrap;
}

.order_details {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;

  li {
    padding: 5px 10px;

    &:not(:last-of-type) {
      border-bottom: 1px solid #eee;
    }

    i {
      margin-left: 5px;
      transform: translateY(2px);
    }

    strong {
      margin-right: 10px;
    }
  }
}

.pw-gateway-checkout-form {
  .button {
    padding: 10px 30px !important;
    margin-left: 15px;
  }
}

.woocommerce-thankyou-order-received {
  &::before {
    content: "";
    margin: 0 auto 15px auto;
    display: block;
    width: 150px;
    height: 150px;
    background: url(../images/happy-emoji.svg);
    background-size: 100%;
  }

  text-align: center;
  margin-bottom: 60px;

  &-thankyou-buttons {
    display: block;
    margin-top: 15px;
  }
}

.latest-orders-status {
  margin-top: 60px;

  .section-title {
    margin-bottom: 30px;
    font-size: 16px;

    i {
      margin-left: 5px;
    }
  }

  .order-details {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    display: flex;

    li {
      &:not(:last-of-type) {
        margin-left: 15px;
      }
    }
  }

  .order-item {
    padding: 15px;
    background: #f5f5f5;
    border-radius: var(--ns-radius);
    margin-bottom: 15px;

    .progress {
      transition: .2s;
      height: 5px;
      background: #fff;
      margin-top: 10px;
    }

    &:hover {
      .progress {
        height: 10px;
      }
    }
  }
}

.negarshop-userlogin {
  .show-password-input {
    position: absolute;
    left: 0;
    top: 0;
    transition: .2s;
    color: #888;
    border: none;
    background-color: transparent;

    &:hover {
      color: #666;
    }

    &::before {
      font-family: "Font Awesome 5 Pro", sans-serif;
      font-weight: 400;
      content: "\f06e";
      display: flex;
      justify-content: center;
      align-items: center;
      width: 42px;
      height: 42px;
      cursor: pointer;
    }
  }

  .show-password-input.display-password {
    &::before {
      content: "\f070";
    }
  }

  .password-input {
    display: block;
    position: relative;
  }

  .woocommerce-password-strength {
    margin-top: 10px;
  }
}

.woocommerce-product-rating {
  .star-rating {
    span {
      font-size: 0 !important;
    }

    > span {
      margin: 0 !important;
      border: none !important;
    }

    border-bottom: #aaa 1px dashed;
  }
}

.product-questions {
  list-style: none;
  padding: 0;
  margin: 0;

  .question-item {
    padding: 20px 10px;

    .question-content {
      i {
        margin-left: 10px;
        font-size: 20px;
        float: right;
      }
    }

    &:not(:last-of-type) {
      border-bottom: #eee 1px solid;
    }

    .question-actions {
      margin-top: 10px;
    }

    .children {
      list-style: none;
      padding: 10px;
      background: #f5f5f5;
      margin-top: 30px;
      border-radius: var(--ns-radius);

      li {
        padding: 0;
        border: none;

        .question-header {
          margin-bottom: 10px;
          padding-bottom: 5px;
          border-bottom: #ddd 1px solid;
          color: #666;
        }

        &:not(:last-of-type) {
          margin-bottom: 20px;
        }
      }
    }
  }
}

.question-submit {
  .btn {
    display: block;
    padding: 15px;
    width: 100%;
    margin-top: 30px;
  }

  p {
    font-size: 13px;
  }

  text-align: center;

  .icon {
    font-size: 54px;
    margin-bottom: 15px;
  }
}

#submit-question-form {
  .sending-comment {
    display: none;
  }
}

#submit-question-form[disabled] {
  .sending-comment {
    display: block;
  }

  span {
    &:not(.sending-comment) {
      display: none;
    }
  }

  pointer-events: none;
}

.woocommerce-form-login__submit {
  i {
    margin-right: 5px;
    transform: translateY(1px);
  }
}

.woocommerce-checkout {
  .leaflet-container {
    height: 300px;
    border-radius: var(--ns-radius);
    z-index: 10;
  }
}

.leaflet-control-attribution.leaflet-control {
  opacity: 0;
}

.woocommerce-billing-fields__field-wrapper {
  .form-row {
    margin-left: 0;
    margin-right: 0;
  }
}

.woocommerce-shipping-fields__field-wrapper {
  .form-row {
    margin-left: 0;
    margin-right: 0;
  }
}

#shipping-map {
  margin-bottom: 30px;
}

.leaflet-marker-icon {
  transition: .1s;
}

.leaflet-marker-shadow {
  transition: .1s;
}

.question-pagination {
  text-align: center;
  margin-top: 30px;

  .page-numbers {
    display: inline-block;
    padding: 5px 15px;
    background: #eee;
    margin: 2px;
    color: #666;
    transition: .2s;
    font-size: 14px;

    &:hover {
      background: #888;
      color: #fff;
    }
  }

  span.page-numbers {
    background: transparent !important;
    color: #666 !important;
  }
}

.order-sale {
  td {
    font-size: 18px;
    color: green;
  }
}

.question-empty {
  text-align: center;
  padding-top: 30px;

  .icon {
    font-size: 36px;
  }
}

.comment-attachments {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 15px 0;

  li {
    img {
      width: 100%;
      height: 100%;
    }

    overflow: hidden;
    width: 40px;
    height: 40px;
    margin: 5px;
    border-radius: var(--ns-radius);
    background: #eee;
  }
}

#comment-attachments {
  border-radius: var(--ns-radius);
  margin: 10px 0 20px 0;
  min-height: inherit;
}

.dropzone {
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
}

.price {
  .coming-soon {
    direction: rtl;
  }
}

.product-shortlinks {
  text-align: center;
  display: flex;
  white-space: nowrap;
  align-items: center;
  margin: 30px 0;

  label {
    margin: 0 0 0 30px;
  }

  input {
    flex: 1;
  }
}

.woocommerce-table--order-details {
  .order_item {
    .wc-item-meta {
      padding: 0;
      list-style: none;
      margin: 10px 0 0 0;

      strong {
        margin: 0;
      }
    }
  }
}

.rtl {
  .price {
    bdi {
      display: inline-block;

      .woocommerce-Price-currencySymbol {
        float: left;
      }
    }
  }
}

.wc-product-carousel-thumbs {
  .owl-item {
    img {
      height: auto;
    }

    &:last-of-type {
      margin-right: 0 !important;
    }
  }
}


.related {
  .sec-title {
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
  }
}


.product-single-style-3 {
  .product-section {
    background: #fff;
    padding: 40px;
    border-radius: var(--ns-radius);
  }

  h1.product_title.entry-title {
    font-size: 20px;
    font-weight: 600;
  }

  h3.product_sub_title.entry-sub-title {
    font-size: 16px;
    font-weight: 300;
    color: #777777;
  }

  .title-bg {
    margin-bottom: 30px;
  }


  .woocommerce-variation-price {
    display: flex;
    direction: rtl;
    align-items: center;
    margin-bottom: 20px;

    .price {
      margin-bottom: 0;
    }

    &:not(:empty) {
      &::before {
        color: #777;
        font-size: 14px;
        content: "قیمت نهایی:";
      }
    }
  }

  .select_option.select_option_colorpicker {
    background: transparent;
    box-shadow: none;
    color: #777777;
    padding: 7px 14px;
    margin-top: 0 !important;

    &:hover {
      color: #444;
    }

    em {
      margin: 0 !important;
      font-size: 14px;
    }

    span {
      width: 20px !important;
      height: 20px !important;
      margin-left: 10px !important;
    }
  }

  .select_option.select_option_label {
    background: transparent;
    box-shadow: none;
    color: #777777;
    padding: 7px 14px;
    margin-top: 0 !important;

    &:hover {
      color: #444;
    }

    em {
      margin: 0 !important;
      font-size: 14px;
    }
  }

  .select_option.select_option_colorpicker.selected {
    color: #555;
    box-shadow: rgba(0, 0, 0, .1) 0 3px 6px;
    border-radius: 10px;
    background: #fff;
  }

  .select_option.select_option_label.selected {
    color: #555;
    box-shadow: rgba(0, 0, 0, .1) 0 3px 6px;
    border-radius: 10px;
    background: #fff;
  }

  .ns-add-to-cart-inner {
    padding-top: 0 !important;

    button {
      .inline-sale-timer-box {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 100%;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #666;
        pointer-events: none;

        .title {
          font-size: 13px;
          color: inherit;
          margin-bottom: 0;
          margin-left: 15px;
        }
      }
    }
  }

  .product-footer-features {
    margin-top: 50px;
    background: #f5f5f5;
    margin-left: -40px;
    margin-right: -40px;
    padding: 20px 40px;

    > .row {
      justify-content: flex-start !important;

      > div {
        width: 25%;
      }
    }
  }

  .product-section.product-excerpt {
    padding: 0;
    margin-top: 50px;
  }

  .woocommerce-product-details__short-description {
    .product-excerpt-header {
      display: flex;
      align-items: center;
      margin-bottom: 30px;

      i {
        font-size: 42px;
        color: rgba(0, 0, 0, .1);
        margin-left: 15px;
      }
    }

    h6.sec-title {
      font-size: 24px;
      color: #555555;
      margin-bottom: 0;

      + {
        .product-title {
          font-size: 15px;
          color: #7B7B7B;
          margin-bottom: 0;
        }
      }
    }

    .product-excerpt-content {
      line-height: 33px;
      color: #666666;
    }
  }

  .woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 130px;
    margin-right: -40px;
    margin-left: -40px;

    .wc-tabs {
      white-space: nowrap;
      max-width: 100%;
      padding: 10px 40px;
      border-radius: 0;
      max-width: inherit !important;
      margin: 0;
    }

    .woocommerce-Tabs-panel {
      padding-right: 40px !important;
      padding-left: 40px !important;
    }

    .is-affixed {
      .inner-wrapper-sticky {
        border-bottom: #ccc 1px dashed;
        background: #fff;
        z-index: 999;
      }
    }
  }

  .product-questions {
    .question-item {
      padding-left: 0;
      padding-right: 0;
    }
  }

  .product-alerts {
    .alert-item {
      padding: 20px 60px 20px 20px;

      .icon {
        right: 22px;
      }
    }
  }

  .product-add-cart-form-button {
    .ns-add-to-cart-inner {
      > button {
        width: 250px;
      }

      .price-update {
        display: none;
      }
    }
  }

  .wc-product-carousel {
    background: #fff;
    border-radius: var(--ns-radius);
  }

  .custom-active-item {
    opacity: 1 !important;
  }

  .product-shipping-time {
    background: #fff;
    padding: 15px;
    display: flex;
    align-items: center;
    color: #333;
    border-radius: var(--ns-radius);
    margin: 30px 0;

    p {
      margin: 0;
    }

    i {
      font-size: 36px;
      margin-left: 15px;
      color: var(--ns-primary);
    }

    .shiping-title {
      b {
        color: var(--ns-primary);
      }
    }
  }

  .postDescReviews {
    padding: 0 10px;
  }

  .tagged_as {
    i {
      position: absolute;
      font-size: 24px;
      color: #000;
      opacity: .1;
      right: 0;
      top: 0;
    }

    position: relative;
    padding-right: 20px;
    color: #999;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;

    a {
      font-weight: 400;
      margin: 0 2.5px;

      &:first-of-type {
        margin-right: 15px;
      }
    }
  }

  .product-listed-metas {
    margin-top: 30px;

    .details {
      font-size: 16px;
      color: #999;
      display: flex;
      align-items: center;

      &:not(:last-of-type) {
        margin-bottom: 10px;
      }

      &::before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        border: 3px solid;
        border-radius: 50%;
        margin-left: 10px;
        transition: .2s;
      }

      a {
        &:not(:hover) {
          color: #999;
        }
      }

      &:hover {
        &::before {
          box-shadow: #fff 0 0 0 3px inset;
          background: #999;
        }
      }

      .title {
        margin-left: 10px;
      }
    }
  }

  .product-section.product-additional-items {
    .additional-factor {
      .af-items {
        .af-item {
          label {
            width: auto;
            flex: 1;
          }
        }
      }

      padding-right: 0;
      padding-left: 0;
    }

    margin: 60px 0;

    .af-inner {
      form {
        display: flex;
        flex-wrap: wrap;
        align-items: center;

        .af-items {
          min-width: 100%;
          margin-bottom: 30px;
        }

        .af-total {
          flex: 1;
          margin: 0;

          .af-total-price {
            display: flex;
            align-items: center;
            margin: 0;

            .total-price-title {
              margin: 0 0 0 15px;
            }
          }
        }
      }
    }
  }
}

.product-description-inner {
  line-height: 2.4rem;
  color: #555;
}

.inline-sale-timer-box {
  .countdown-section {
    background: transparent !important;

    .countdown-period {
      display: none;
    }

    &:not(:last-of-type) {
      .countdown-amount {
        &::after {
          content: ":";
          margin: 0 2.5px;
        }
      }
    }
  }

  * {
    color: var(--ns-primary);
  }
}

del {
  text-decoration: line-through !important;

  * {
    text-decoration: line-through !important;
  }
}

.store-social-wrapper {
  .store-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    a {
      display: block;
      padding: 10px;

      i {
        font-size: 18px;
        display: block;
      }
    }
  }
}


.pwa-page-loader {
  position: fixed;
  z-index: 998;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .2s;
}

.mobile-panel-showing .pwa-page-loader {
  z-index: 9999999;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}


.modal {
  z-index: 999999;
}

.modal-backdrop {
  z-index: 999998;
}

.woocommerce-widget-layered-nav-list {
  .woocommerce-widget-layered-nav-list__item {
    display: flex;
    align-items: center;
    margin-top: 7px;

    a {
      margin-left: 5px;
      display: flex;
      align-items: center;

      &:before {
        content: "\f00c";
        display: block;
        min-width: 20px;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        background: #eee;
        border-radius: 5px;
        margin-left: 10px;
        font-family: "Font Awesome 5 Pro", sans-serif;
        font-weight: 900;
        color: transparent;
        transition: 0.2s;
      }

      &:hover {
        color: #444;

        &:before {
          background: #e5e5e5;
          color: #aaa;
        }
      }
    }

    &.chosen {
      a {
        font-weight: 500;
        color: #333;

        &:before {
          color: #fff;
          background: var(--ns-primary);
        }
      }
    }
  }
}

.widget_layered_nav_filters {
  ul {
    display: flex;
    flex-wrap: wrap;

    a {
      display: block;
      align-items: center;
      padding: 2px 10px;
      background: rgba(234, 0, 35, 0.1);
      color: #ea0023;
      border-radius: var(--ns-radius);
      margin: 0 0 5px 5px;
      transition: 0.2s;

      &:hover {
        background: #ea0023;
        color: #fff !important;
      }

      &:before {
        content: "\f00d";
        font-family: "Font Awesome 5 Pro", sans-serif;
        font-weight: 900;
        margin-left: 5px;
      }
    }
  }
}

.login-back-btn {
  display: block;
  padding: 10px;
  text-align: center;
  border-top: #eee 1px solid;
}


.show-inline-description {
  .woocommerce-tabs .panel-mobile-title {
    display: none !important;
  }
}

.custom-select {
  padding: 0.375rem 0.75rem 0.375rem 3rem;
  background-position: left 15px center;
}

.swiper-container {
  overflow: hidden;
}

.elementor-editor-active .elementor-shape:not([data-shape]), .elementor-editor-active .elementor-shape[data-shape=""] {
  display: none !important;
}


@import "dokan";
@import "widgets/header-menu";
@import "widgets/header-search";
@import "widgets/header-account";
@import "widgets/header-basket";
@import "widgets/product-slider";
@import "widgets/product-categories";
@import "widgets/product-amazing";
@import "widgets/live-price";
@import "widgets/countdown";
@import "widgets/darkmode";
@import "widgets/story";
@import "widgets/image-slider";
@import "widgets/banner";
@import "bottom-bar";
@import "product-card";
@import "category-card";
@import "breadcrumb";
@import "wordpress-widgets";
@import "product-archive";
@import "product-single";
@import "compare";
@import "account";
@import "error-page";
@import "responsive";
@import "darkmode";
@import "old-dynamic-styles";

// Mods.
@import "mods/lined";
@import "mods/shadow";