@font-face {
  font-family: 'Scandia';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-RegularItalic.eot');
  src: local('Scandia Regular Italic'), local('Scandia-RegularItalic'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-RegularItalic.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-RegularItalic.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-RegularItalic.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-RegularItalic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Scandia';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Light.eot');
  src: local('Scandia Light'), local('Scandia-Light'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Light.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Light.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Light.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Scandia';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-BoldItalic.eot');
  src: local('Scandia Bold Italic'), local('Scandia-BoldItalic'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-BoldItalic.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-BoldItalic.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Scandia Line';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Bold.eot');
  src: local('Scandia Line Bold'), local('ScandiaLine-Bold'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Bold.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Bold.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Scandia Line';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Light.eot');
  src: local('Scandia Line Light'), local('ScandiaLine-Light'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Light.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Light.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Light.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Scandia Stencil';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Stencil.eot');
  src: local('Scandia Stencil'), local('Scandia-Stencil'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Stencil.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Stencil.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Stencil.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Stencil.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Scandia';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Medium.eot');
  src: local('Scandia Medium'), local('Scandia-Medium'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Medium.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Medium.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Medium.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Scandia';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-LightItalic.eot');
  src: local('Scandia Light Italic'), local('Scandia-LightItalic'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-LightItalic.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-LightItalic.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Scandia Line';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Medium.eot');
  src: local('Scandia Line Medium'), local('ScandiaLine-Medium'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Medium.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Medium.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Medium.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Scandia';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-MediumItalic.eot');
  src: local('Scandia Medium Italic'), local('Scandia-MediumItalic'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-MediumItalic.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-MediumItalic.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Scandia Line Stencil';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Stencil.eot');
  src: local('Scandia Line Stencil'), local('ScandiaLine-Stencil'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Stencil.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Stencil.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Stencil.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Stencil.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Scandia Line';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Regular.eot');
  src: local('Scandia Line Regular'), local('ScandiaLine-Regular'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Regular.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Regular.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/ScandiaLine-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Scandia';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Bold.eot');
  src: local('Scandia Bold'), local('Scandia-Bold'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Bold.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Bold.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Scandia';
  src: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Regular.eot');
  src: local('Scandia Regular'), local('Scandia-Regular'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Regular.woff2') format('woff2'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Regular.woff') format('woff'),
    url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/scandia/Scandia-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

$cGold: #b8a982;
$cBlackLight: #1d1d21;
$cBlackDark: #09090a;
$cGreen: #22c55e;
$cRed: #d16067;

* {
  box-sizing: border-box;
}

body {
  background: $cBlackDark !important;
  font-family: 'Scandia', sans-serif;
  color: #a9a9a9 !important;

  .row {

    &::before,
    &::after {
      content: unset !important;
    }
  }
}

.scroll_block {
  left: 0;
  right: 0;
}

.header-h2,
.header-h3,
.header-h5,
.header-h4 {
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 2px;
  color: #fff;
}

.header-h2 {
  font-size: 30px !important;
  margin-bottom: 25px;
}

.header-h3 {
  font-size: 24px !important;
  margin-bottom: 25px;
}

.header-h4 {
  font-size: 20px !important;
  margin-bottom: 15px;
}

.header-h5 {
  font-size: 18px !important;
  margin-bottom: 15px;
}

.btn-gold {
  display: inline-flex;
  padding: 15px 25px;
  align-items: center;
  border-radius: 26px;
  font-family: 'Scandia', sans-serif;
  font-size: 17px;
  color: #000;
  font-weight: 500;
  transition: all 0.3s ease;
  justify-content: center;
  background-color: #b8a982;
  background-image: linear-gradient(to right,
      #d0bf95,
      #b79e5f,
      #b79e5f,
      #d0bf95);
  mix-blend-mode: screen;
  width: auto;
  min-width: 125px;
  transition: all 0.4s ease-in-out;
  background-size: 200% 100%;
  border: 0;

  &:hover {
    background-position: 100% 0;
    transition: all 0.4s ease-in-out;
  }
}

.btn-small {
  padding: 7px 10px;
  border-radius: 16px;
  font-size: 15px;
}

form textarea,
.form textarea,
form input[type='text'],
.form input[type='text'],
form input[type='password'],
.form input[type='password'],
form input[type='date'],
.form input[type='date'],
form input[type='number'],
.form input[type='number'],
form input[type='email'],
.form input[type='email'],
form input[type='search'],
.form input[type='search'],
form input[type='tel'],
.form input[type='tel'],
form select,
.form select,
form .uneditable-input,
.form .uneditable-input {
  border-radius: 26px !important;
  width: 100%;
  background-color: transparent !important;
  border: 1px solid #272727 !important;
  color: #fff !important;

  &:focus {
    outline: none;
    box-shadow: none !important;
    border: 1px solid $cGold !important;
  }

  &.error {
    border: 1px solid $cRed !important;
  }
}

form,
.form {
  .input_error {
    color: $cRed;
  }
}

.radio-wrap input[type='radio']:checked+label::after {
  top: 1px !important;
  left: 1px !important;
  background: $cGold !important;
}

.menu {
  background: $cBlackLight !important;
  z-index: 20 !important;

  .innermenu {
    height: auto !important;
    line-height: auto !important;

    .parent {
      &:hover {
        div {
          ul {
            top: 100% !important;
          }
        }
      }
    }

    ul {
      height: auto !important;
      line-height: auto !important;

      li {
        @media (min-width: 767px) {
          &:nth-child(2) {
            a {
              padding-left: 0 !important;
            }
          }
        }

        a {
          font-family: 'Scandia', sans-serif;
          color: $cGold !important;
          font-size: 17px;
          border: 0 !important;
          padding: 15px !important;
          transition: all 0.3s ease !important;
          font-weight: 400;
          line-height: 1.5 !important;

          &:hover {
            background: none !important;
            color: #fff !important;
          }
        }

        ul {
          background: $cGold !important;
          border-radius: 6px;
          border: 0 !important;

          &::before {
            background-color: $cGold !important;
            border-color: $cGold !important;
          }

          li {
            a {
              color: #000 !important;
            }
          }
        }
      }
    }
  }

  .innermenu {
    #rwd-menu {
      @media (max-width: 767px) {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 78px;
        left: 0;
        margin: 0;
        width: 100%;
      }
    }
  }

  @media (max-width: 979px) {
    margin-bottom: 20px;
  }

  @media (max-width: 767px) {
    position: fixed !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
}

.breadcrumbs {
  background: $cBlackDark !important;
  padding-left: 25px;
}

body.shop_index {
  .breadcrumbs {
    display: none !important;
  }

  .top {
    overflow: hidden;

    @media screen and (max-width: 767px) {
      margin: 0;
    }

    .container {
      max-width: 100vw !important;
      width: 100vw !important;

      .slides {
        height: 500px !important;

        >li {
          position: relative;

          &::before {
            background: linear-gradient(90deg, #141416 33%, #b79e5f00 100%);
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0.5;
            width: 100%;
            height: 100%;
          }

          >div {
            position: relative;
            max-width: 1220px;
            top: 50% !important;
            left: unset !important;
            margin: auto;
            padding: 0 20px;
            transform: translateY(-50%);

            h1 {
              font-family: 'Scandia', sans-serif;
              font-size: 80px;
              font-weight: 600;
              color: #fff;
              margin-bottom: 20px;
              line-height: 1;

              @media screen and (max-width: 767px) {
                font-size: 50px;
              }
            }

            p:nth-child(2) {
              color: #fff;
              margin-bottom: 25px;
              font-size: 20px;
              font-weight: 300;
              font-family: 'Scandia';
              max-width: 500px;
              line-height: 1.25;

              @media screen and (max-width: 767px) {
                font-size: 18px;
              }
            }

            a {
              @extend .btn-gold;
              width: 150px;
            }
          }

          >a {
            img {
              height: 100%;
              width: 100%;
              object-fit: cover;
            }
          }
        }
      }
    }
  }
}

header {
  padding: 20px 0 !important;
  background: $cBlackDark !important;

  .logo-bar {
    display: flex;
    // height: 45px;
    align-items: center;

    .basket {
      background: none !important;
      height: auto !important;
      line-height: 1.25 !important;
      display: flex !important;
      align-items: center;
      justify-content: flex-end;
      padding: 0 !important;
      margin: 0 !important;
      position: relative;
      min-width: auto !important;

      .countlabel {
        padding-top: 3px;
        color: #fff;

        .sum {
          color: $cGreen;
        }
      }

      a {
        display: flex;
        padding-left: 20px;
        align-items: center;
        gap: 10px;
        font-family: 'Bebas Neue', sans-serif;
        font-size: 20px;
        letter-spacing: 2px;
        height: 25px;

        &::before {
          content: '' !important;
          display: block;
          background: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/images/icon-cart.svg') no-repeat;
          width: 25px;
          height: 25px;
          background-size: 25px;
          position: absolute;
          top: 50% !important;
          transform: translateY(-50%);
        }
      }

      @media (max-width: 767px) {
        display: none !important;
      }
    }
  }

  .login-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: 'Scandia', sans-serif;
    max-width: 1140px;
    margin: auto;

    a {
      font-size: 16px;
      color: #fff;
      transition: all 0.3s ease;

      &:hover {
        color: $cGold;
      }
    }
  }

  .logo-bar {
    // .top {
    // 	display: flex;
    // 	justify-content: flex-end;
    // 	max-width: 1140px;
    // 	margin: auto;
    // 	align-items: flex-end;
    // 	gap: 20px;

    .login-icon {
      height: 45px;
      display: flex;
      align-items: center;
      padding-left: 20px;

      img {
        height: 25px;
        width: 25px;
      }

      @media (max-width: 767px) {
        display: none;
      }
    }

    .link-logo {
      margin-right: auto;
      margin-left: 0;

      @media (max-width: 767px) {
        margin-left: auto;
      }
    }

    .search__content {
      left: 0;
      right: auto;
      border: 0;
      border-radius: 6px;
      top: calc(100% - 1px);
      background: #232327;
      z-index: 99;

      h3 {
        color: $cGold !important;
        font-weight: 600;
        letter-spacing: 1px;
        background: none;
        font-family: 'Bebas Neue', sans-serif;
        letter-spacing: 2px;
        font-weight: normal;
        padding: 5px 15px;
        font-size: 20px;
        height: auto;

        &.search__section-head {
          background: $cBlackLight;
        }

        &::after {
          background-color: #232327;
          margin-left: 10px;
        }
      }

      span {
        color: #fff;
      }

      .search__votestars-item {
        color: $cGold;
      }

      .search__list-item {
        padding: 10px !important;

        span {
          font-family: 'Scandia', sans-serif;
        }
      }

      .search__result-title {
        font-family: 'Bebas Neue', sans-serif;
        color: #fff;
        letter-spacing: 2px;

        h5 {
          color: #fff;
          font-size: 20px;
        }
      }

      .search__result-note {
        margin-top: 4px;

        .search__result-note-item:first-child {
          font-family: 'Bebas Neue', sans-serif;
          color: $cGreen;
          font-size: 18px;
        }

        .search__result-note-item:last-child {
          font-family: 'Scandia', sans-serif;
        }
      }

      .search__message_info {
        background: none;
      }
    }

    .search__container {
      form {
        height: auto;
        margin: 0;
        padding: 0;
        border: none;

        &.search_focused .search__input-area {
          box-shadow: none;
          border: 1px solid #918974;

          .search__input[type='search'] {
            color: $cGold;
          }

          .search__input[type='search']::placeholder {
            color: $cGold;
          }
        }

        .js__search-submit-btn {
          border-radius: 0 25px 25px 0;
          background: transparent;
          border: 0;

          &::before {
            color: #fff;
          }

          &:hover {
            background-color: transparent;
            color: #fff;

            &::before {
              color: #fff;
            }
          }

          span {
            color: #fff;
          }
        }

        .search__input-area {
          border: 1px solid #272727;
          background: none;
          border-radius: 25px;
          height: 47px;

          .search__input[type='search'] {
            color: #e5e7eb;
            border: 0 !important;
          }
        }

        &.search-form {
          @media screen and (min-width: 768px) and (max-width: 979px) {
            top: 0;
          }
        }

        &.search_open {
          @media screen and (max-width: 767px) {
            background: rgb(9, 9, 10, 0.9);
            backdrop-filter: blur(5px);
            padding: 25px;
          }
        }
      }

      @media screen and (max-width: 979px) {
        min-width: unset !important;
        margin-top: 0 !important;
      }

      @media (max-width: 767px) {
        position: absolute;
      }
    }
  }
}

.logo-bar {
  position: relative;

  .basket-contain {
    background: $cBlackLight;
    // top: calc(100% - 3px) !important;
    left: auto !important;
    right: 0 !important;
    width: 500px !important;
    border-radius: 6px;
    overflow: hidden;

    .basket-summery {
      background: $cBlackLight;
      margin-top: 15px;
      padding-top: 15px;
      border-top: 1px solid #3c3c46;
      display: flex;
      justify-content: space-between;
      align-items: center;

      >a {
        @extend .btn-gold;
        padding: 7px 10px;
      }

      .basket-price {
        font-family: 'Bebas Neue', sans-serif;
        font-size: 20px;
        letter-spacing: 2px;
        color: #fff;

        strong {
          font-weight: normal;
          color: $cGreen;
        }
      }
    }

    .basket-products {
      border: 0;

      .basket-product-list {
        li {
          border-bottom: 0;

          img {
            border-radius: 6px;
            overflow: hidden;
          }
        }

        a.product-name {
          font-family: 'Bebas Neue', sans-serif;
          font-size: 20px;
          letter-spacing: 2px;
          color: #fff;
        }

        .product-info {
          font-family: 'Bebas Neue', sans-serif;
          font-size: 20px;
          letter-spacing: 2px;
          color: #fff;
          font-weight: normal;

          .product-price {
            color: $cGreen;
          }
        }

        .remove-product {
          a {
            text-indent: -5000em;
            position: relative;
            display: block;
            height: 29px;
            overflow: hidden;

            &::before {
              content: '';
              display: block;
              background: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/images/icon-trash.svg') no-repeat;
              background-size: 18px 18px;
              background-position: center;
              width: 24px;
              height: 24px;
              border: 1px solid #fff;
              border-radius: 50%;
            }
          }
        }
      }
    }
  }
}

.breadcrumbs {
  .container {
    padding: 20px 0;
    font-family: 'Scandia', sans-serif;
    font-size: 14px;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;

    a {
      transition: all 0.3s ease;
      margin-left: 0 !important;

      &:hover {
        span {
          color: $cGold !important;
        }
      }
    }
  }
}

#box_mainproducts {
  .sort-and-view {
    .sortlinks {
      .products-sort-container {
        .products-active-sort {
          border-radius: 26px;
          border: 1px solid #272727 !important;

          &:hover {
            border: 1px solid $cGold !important;
            background-color: transparent !important;
          }
        }
      }
    }
  }
}

.main {
  @media screen and (min-width: 768px) {
    overflow: hidden;
  }

  .container {
    >.s-row {
      display: flex;

      margin: 0;

      .leftcol {
        display: none !important;
      }

      .centercol {
        width: 100%;
        padding: 0 !important;
        margin: 0 auto !important;

        #box_mainproducts {
          .innerbox {
            padding: 0;

            .products_extended {
              display: grid;
              flex-wrap: wrap;
              gap: 30px;
              margin: 0 !important;
              justify-content: flex-start;
              grid-template-columns: 1fr 1fr 1fr;

              &::before {
                display: none;
                content: unset;
              }

              >.product {
                margin: 0;
                width: 100%;
                background: none;
                padding: 0;

                &:hover {
                  .prodimage {
                    border: 1px solid #60606b;

                    span {
                      img {
                        transform: scale(1.1);
                      }
                    }
                  }
                }

                .prodname {
                  margin-bottom: 15px;

                  .productname {
                    font-family: 'Bebas Neue', sans-serif;
                    font-size: 18px;
                    height: auto;
                    letter-spacing: 2px;
                    color: #fff;
                    font-weight: normal;
                    text-align: left;
                  }
                }

                .product__basket {
                  display: flex;
                  align-items: center;

                  .buttons {
                    margin: 0;
                    padding: 0;

                    .quickview {
                      border-radius: 50%;
                      background: transparent;
                      border: 2px solid #d16067;
                      top: 5px;
                      right: 5px;
                      display: flex;
                      align-items: center;
                      justify-content: center;
                      transition: all 0.3s ease;

                      &:hover {
                        filter: brightness(1.25);
                      }

                      &::before {
                        color: #d16067;
                        font-size: 13px;
                      }
                    }

                    .addtobasket {
                      @extend .btn-gold;
                      @extend .btn-small;
                    }
                  }

                  .price {
                    float: none;
                    margin: 0;
                    padding: 0;
                    font-family: 'Bebas Neue', sans-serif;
                    font-size: 18px;
                    height: 100%;
                    letter-spacing: 2px;
                    font-weight: normal;
                    display: flex;
                    align-items: center;

                    em {
                      color: $cGreen;
                    }

                    .price__additional-info {
                      margin-bottom: 0;
                    }
                  }
                }

                .prodimage {
                  border: 1px solid #28282e;
                  border-radius: 12px;
                  background: #0f0f11;
                  transition: all 0.3s ease;
                  overflow: hidden;

                  span {
                    img {
                      height: 100%;
                      width: 100%;
                      object-fit: cover;
                      max-height: 100%;
                      transition: all 0.3s ease;
                    }
                  }
                }
              }

              @media screen and (max-width: 767px) {
                grid-template-columns: 1fr 1fr;
              }

              @media screen and (max-width: 500px) {
                grid-template-columns: 1fr;
              }
            }
          }

          .boxhead {
            padding: 0;
            margin-bottom: 25px;

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

            h1 {
              font-family: 'Scandia', sans-serif;
              font-size: 34px;
              color: #fff;
              font-weight: 400;
            }

            .sortlinks {
              select {
                border: 1px solid #272727;
                font-family: 'Scandia', sans-serif;
                border-radius: 20px;
                font-size: 16px;
                padding: 5px 10px;
                color: #fff;

                &:hover,
                &:active {
                  background-color: transparent;
                  border: 1px solid $cGold;
                }

                &:focus {
                  outline: none;
                }

                * {
                  font-family: 'Scandia', sans-serif;
                }
              }
            }
          }
        }
      }
    }
  }
}

#box_productfull {
  .imagezoom {
    background: $cBlackLight !important;
    border-radius: 12px;
  }

  .f-grid-6 {
    .productdetails-more-details {
      margin-top: 25px;
      border: 0;

      .links-q {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: 100%;
        gap: 10px;

        li {
          a {
            display: grid;
            grid-template-columns: 1fr;
            justify-items: center;
            color: #c3c3c3;
            transition: all 0.3s ease;
            border: 1px solid #272727;
            border-radius: 6px;
            padding: 15px;
            font-family: 'Scandia', sans-serif;
            font-size: 14px;

            &:hover {
              color: $cGold;
              border: 1px solid $cGold;
            }

            img {
              width: 36px;
            }

            span {
              &::before {
                display: none !important;
              }
            }
          }
        }
      }

      .productdetails-more {
        float: none;
        width: 100%;
        padding: 15px;
        background: $cBlackLight;
        font-family: 'Scandia', sans-serif;
        font-size: 14px;
        border-radius: 6px;
        margin-bottom: 15px;

        .evaluation {
          display: flex;
          align-items: center;
          justify-content: space-between;

          .votestars {
            img {
              margin-bottom: 0;
              height: 24px !important;
              width: 24px !important;
            }

            .star1 {
              background: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/images/star1.png') no-repeat 0% 50% transparent;
            }

            .star0-5 {
              background: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/images/star0-5.png') no-repeat 0% 50% transparent;
            }

            .star0 {
              background: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/images/star0.png') no-repeat 0% 50% transparent;
            }
          }
        }
      }
    }

    .basket {
      padding-top: 0;
      margin-top: 0;

      .addtofav {
        font-family: 'Scandia', sans-serif;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 5px;
        transition: all 0.3s ease;

        &:hover {
          color: $cGold;
        }
      }

      .required-field {
        font-family: 'Scandia', sans-serif;
        font-size: 14px;
        color: $cRed;
      }

      .form-basket {
        margin-top: 0;
      }

      .stocks {
        margin-bottom: 25px !important;
        font-family: 'Scandia', sans-serif;
        font-size: 15px;

        .f-row {
          .label {
            width: 100%;
          }

          .stock-options {
            margin-left: 0;
            padding-left: 0;

            select {
              border-radius: 25px;
              transition: all 0.3s ease;
              border: 1px solid #272727;
              padding: 10px 15px;
              height: 50px;

              &:hover {
                border: 1px solid $cGold;
                background-color: transparent;
              }
            }
          }
        }
      }

      .addtobasket-container {
        display: flex;
        align-items: center;
        margin-bottom: 25px;

        .addtobasket {
          @extend .btn-gold;
          border: 0;
        }

        .number-wrap {
          input[name='quantity'] {
            border: 1px solid #272727;
            border-radius: 26px;
            transition: all 0.3s ease;
            text-align: center;
            margin-bottom: 0;
            height: 53px;
            width: 100px !important;

            &:focus {
              outline: none;
              box-shadow: none;
              border: 1px solid $cGold;
            }
          }
        }
      }
    }

    .availability {
      margin-bottom: 15px;

      .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        font-family: 'Scandia', sans-serif;
        font-size: 14px;
        color: #c3c3c3;

        .stock,
        .delivery {
          .second {
            color: #fff;
          }
        }
      }
    }

    #fx-short-description-product {
      font-family: 'Scandia', sans-serif;
      font-size: 15px;
      margin-bottom: 25px;
      color: #c3c3c3;

      ul {
        list-style-type: disc;
        padding-left: 25px;
      }
    }

    .price {
      margin-bottom: 25px;

      .main-price {
        font-family: 'Bebas Neue', sans-serif;
        font-size: 30px;
        color: $cGreen;
      }
    }

    .boxhead {
      padding: 0;
      margin: 0 0 25px 0;

      h1 {
        font-family: 'Bebas Neue', sans-serif;
        font-size: 40px;
        line-height: 1;
        height: 100%;
        letter-spacing: 2px;
        color: #fff;
      }
    }
  }

  .productimg {
    .mainimg {
      border: 0 !important;
      height: 450px !important;
    }

    .smallgallery {
      li {
        height: 90px;
        width: 90px;
        border-radius: 6px;
        transition: all 0.3s ease;

        &:hover {
          border: 1px solid #60606b;
        }
      }
    }
  }
}

body.shop_product {
  .tab-container {
    max-width: 1180px;
    margin: auto;

    nav {
      display: none;
    }

    .product-tabs {
      .product-tab {
        display: block !important;
        padding-bottom: 25px;
        font-family: 'Scandia', sans-serif;
        font-size: 15px;
        line-height: 1.5;

        h3 {
          font-family: 'Bebas Neue', sans-serif;
          color: #fff;
          font-size: 36px;
          letter-spacing: 2px;
          position: relative;
          display: flex;
          gap: 20px;
          align-items: center;
          white-space: nowrap;

          &::after {
            content: '';
            display: inline-block;
            border-top: 2px solid $cGold;
            width: 100%;
            height: 0;
          }
        }

        img {
          width: 100%;
          max-width: fit-content;
        }

        .productcomment {
          padding: 15px;
          margin-top: 15px;
          background: $cBlackLight;
          border-radius: 6px;
          border: 0;

          .floatfix {
            display: flex;
            gap: 20px;

            h5 {
              margin: 0;
              padding: 0;
              color: #fff;
            }
          }
        }
      }
    }
  }
}

#commentform {
  textarea {
    border: 1px solid #272727;
    border-radius: 25px;
    padding: 10px 15px;
    transition: all 0.3s ease;
    color: #fff;
    height: 150px;

    &:hover {
      border: 1px solid $cGold;
      background-color: transparent;
    }

    &:focus {
      outline: none;
      box-shadow: none;
      border: 1px solid $cGold;
    }
  }

  input {
    border: 1px solid #272727;
    border-radius: 25px;
    padding: 10px 15px;
    transition: all 0.3s ease;
    color: #fff;
    height: 50px;

    &:hover {
      border: 1px solid $cGold;
      background-color: transparent;
    }

    &:focus {
      outline: none;
      box-shadow: none;
      border: 1px solid $cGold;
    }
  }

  .btn {
    @extend .btn-gold;
    padding: 10px 15px;
    width: 150px;
  }
}

.alert {
  font-family: 'Scandia', sans-serif;
  margin: 25px 0 !important;

  span {
    color: #fff !important;
    font-family: 'Scandia', sans-serif;
  }

  &.alert-success {
    background: $cGreen !important;
    color: #fff !important;
    border: 0;
    border-radius: 6px;
  }

  &.alert-error,
  &.alert-info,
  &.alert-warning {
    background: $cRed !important;
    color: #fff !important;
    border: 0;
    border-radius: 6px;
  }
}

.modal {
  border-radius: 12px !important;
  overflow: hidden;

  .modal-footer {
    .btn-red {
      @extend .btn-gold;
      @extend .btn-small;
    }
  }

  .modal-close {
    font-family: 'Scandia', sans-serif;
  }

  .modal-body {
    font-family: 'Scandia', sans-serif;
    color: #fff !important;

    .btn {
      @extend .btn-gold;
      @extend .btn-small;
    }

    .error {
      color: $cRed;
    }

    .gallery {
      img {
        height: auto !important;
      }
    }

    .product-info {
      .description {
        margin: 0;
        float: none;
      }

      .productdetails-more {
        text-align: left;

        .price {
          text-align: right;

          .price__value {
            font-family: 'Bebas Neue', sans-serif;
            font-size: 30px;
            letter-spacing: 2px;
            color: $cGreen;
          }

          .btn {
            @extend .btn-gold;
            width: 150px;
          }
        }

        .manufacturer {
          display: flex;
          justify-content: space-between;
          width: 100%;
          margin-top: 10px;

          a {
            transition: all 0.3s ease;

            &:hover {
              color: $cGold;
            }
          }
        }
      }
    }
  }

  .modal-header {
    background: $cGold !important;
    color: #000 !important;

    h3 {
      color: #000 !important;
      font-family: 'Bebas Neue', sans-serif;
      font-size: 36px;
      letter-spacing: 2px;
    }
  }
}

#box_basketlist {
  padding-top: 75px;

  .boxhead {
    h3 {
      @extend .header-h3;
    }
  }
}

#cart-options {
  h5 {
    @extend .header-h5;
  }

  .buttons {
    .btn {
      @extend .btn-gold;
    }
  }

  .summary-container {
    font-family: 'Scandia', sans-serif;

    .recount {
      display: flex;
      gap: 20px;
      align-items: center;
      justify-content: flex-end;

      button {
        @extend .btn-gold;
        @extend .btn-small;
      }
    }

    .sum,
    .value {

      em,
      .value {
        color: #fff !important;
        font-family: 'Bebas Neue', sans-serif;
        font-size: 18px;
        letter-spacing: 2px;
        font-weight: normal !important;
      }
    }

    .sum {
      >.value {
        font-size: 30px !important;
        color: $cGreen !important;
      }
    }
  }

  .delivery,
  .payment {
    font-family: 'Scandia', sans-serif;
    color: #fff !important;
    display: flex;
    justify-content: space-between;

    .value {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 18px;
      letter-spacing: 2px;
      color: #fff;
      font-weight: normal !important;
    }

    .description {
      display: block;
      color: #a9a9a9;
      padding-left: 27px;
    }
  }
}

.checkbox-wrap {
  border: 1px solid #272727 !important;
  background: transparent !important;
  width: 22px !important;
  height: 22px !important;
}

.checkbox-wrap:hover label::after {
  border-color: $cGold $cGold transparent transparent !important;
}

.checkbox-wrap input[type='checkbox']:checked+label::after {
  border-color: $cGold $cGold transparent transparent !important;
}

.promocode {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  .input {
    margin-left: 15px;

    input {
      border-radius: 26px 0 0 26px;
    }
  }

  .action {
    .btn {
      @extend .btn-gold;
      border-radius: 0 26px 26px 0;
      padding: 8px 9px 9px 9px;
      width: 80px;
    }
  }

  .checkbox-wrap {
    top: 0;
  }
}

.shop_basket_done,
.shop_basket_step2,
.shop_basket_step3,
.shop_basket_address {
  padding-top: 50px;

  >.rwd {
    >.container {
      max-width: 1180px !important;
      padding: 0;
    }
  }

  .checkout {
    margin-bottom: 50px;
  }

  .main .container {
    max-width: 1180px;
    padding: 0;

    >.s-row {
      margin: 0;
    }
  }
}

.basket-steps {
  ol {
    li {
      font-family: 'Scandia', sans-serif;

      a {
        span {
          color: $cGreen !important;
        }
      }

      &::before {
        height: 60px !important;
        width: 60px !important;
        display: inline-flex !important;
        align-items: center;
        padding: 0 !important;
        justify-content: center;
        font-family: 'Bebas Neue', sans-serif;
        font-size: 28px !important;
        letter-spacing: 2px;
      }

      &.mark-green {
        &::before {
          background: $cGreen !important;
        }

        span {
          color: $cGreen !important;
        }
      }

      &.active-step {
        &::before {
          background: $cGold !important;
          color: #000 !important;
        }

        span {
          color: $cGold !important;
        }
      }
    }
  }
}

#box_basketstep2 {
  .basket-step-border {
    border: 0 !important;
    padding: 0;

    &:hover {
      border: 1px solid $cGold;
    }

    .innerbox {
      gap: 10px;
      margin: 0;
      padding: 0;

      >div {
        padding: 25px;
        border-radius: 26px;
        border: 1px solid #272727;
        margin: 0 !important;
        transition: all 0.3s ease;
        font-family: 'Scandia', sans-serif;
        font-size: 15px;
        line-height: 1.5;

        .btn {
          @extend .btn-gold;
          @extend .btn-small;
        }

        &:hover {
          border: 1px solid $cGold;
        }

        h3 {
          @extend .header-h3;
        }
      }
    }
  }
}

form.login {
  label {
    width: 100% !important;
    text-align: left !important;
  }

  .shaded_inputwrap {
    width: 100% !important;

    input {
      border-radius: 26px;
    }

    a {
      color: #fff;
    }
  }
}

#box_basketaddress {
  font-family: 'Scandia', sans-serif;

  h4 {
    @extend .header-h4;
  }

  .basket-step-border {
    border: 1px solid #272727;
    padding: 25px;
    border-radius: 26px;

    &:hover {
      border: 1px solid $cGold;
    }
  }

  input[type='text'] {
    border-radius: 26px;
  }

  .additional-fields {
    a {
      color: #fff !important;
    }
  }

  .bottombuttons {
    button {
      @extend .btn-gold;
    }
  }
}

.productlist,
.payable,
.products {
  border: 0 !important;

  tbody {
    td {
      font-family: 'Scandia', sans-serif;
      color: #fff !important;
      font-size: 15px;

      a {
        &:hover {
          color: $cGold;
        }
      }

      &.name {
        a {
          font-family: 'Bebas Neue', sans-serif;
          font-size: 18px;
          letter-spacing: 2px;
          color: #fff !important;
          text-decoration: none;
        }
      }

      &.quantity {
        text-align: center;
        width: 125px !important;

        input {
          border-radius: 26px;
          width: 75px !important;
        }
      }

      .prodremove {
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;

        i {
          color: $cBlackLight !important;
          background: $cRed;
          border: 0 !important;
          padding: 0 !important;
          height: 26px;
          width: 26px;
          display: flex !important;
          align-items: center;
          justify-content: center;
          transition: all 0.3s ease;

          &:hover {
            filter: brightness(1.25);
          }
        }
      }
    }
  }

  thead {
    td {
      border: 0;
      border-bottom: 1px solid #272727;
      font-family: 'Bebas Neue', sans-serif;
      font-size: 20px !important;
      letter-spacing: 2px;
      color: #a9a9a9 !important;
    }
  }
}

#box_basketsummary {
  .address {
    border: 0 !important;
    font-family: 'Scandia', sans-serif;
    font-size: 15px;

    h4 {
      @extend .header-h4;
    }

    a {
      color: #fff;
      transition: all 0.3s ease;

      &:hover {
        color: $cGreen;
        text-decoration: none;
      }
    }
  }

  .bottombuttons {
    button {
      @extend .btn-gold;
    }
  }

  .taxes,
  .sum {
    font-family: 'Scandia', sans-serif;
    font-size: 15px;

    .sum {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 30px !important;
      letter-spacing: 2px;
      color: $cGreen;
      font-weight: normal !important;
    }
  }
}

#box_basketfinal {
  padding: 25px;
  border-radius: 26px;
  border: 1px solid #272727;
  font-family: 'Scandia', sans-serif;
  font-size: 15px;
  transition: all 0.3s ease;

  &:hover {
    border: 1px solid $cGold;
  }

  .boxhead {
    @extend .header-h3;
    padding: 0;
  }

  .innerbox {
    padding: 0;

    strong {
      color: #fff;
    }
  }
}

#box_login {
  >.innerbox {
    padding: 0;

    >.f-row {
      display: flex;
      gap: 20px;

      >.f-grid-6 {
        width: 100%;
        margin: 0;
        border: 1px solid #272727;
        border-radius: 26px;
        padding: 25px;
        transition: all 0.3s ease;
        font-family: 'Scandia', sans-serif;
        font-size: 15px;

        &:hover {
          border: 1px solid $cGold;
        }

        h3 {
          @extend .header-h3;
        }

        label {
          font-size: 15px !important;
        }

        a {
          color: #fff;
          transition: all 0.3s ease;

          &:hover {
            color: $cGold;
            text-decoration: none;
          }
        }

        button {
          @extend .btn-gold;
          @extend .btn-small;
        }
      }

      @media screen and (max-width: 767px) {
        flex-direction: column;
      }
    }
  }
}

#box_panel,
#box_order {
  .boxhead {
    @extend .header-h3;
    padding: 0;
  }

  .innerbox {
    padding: 0;
    font-family: 'Scandia', sans-serif;
    font-size: 15px;

    .r--l-box-2 {
      font-family: 'Bebas Neue', sans-serif;
      font-size: 18px;
      letter-spacing: 2px;
      color: #fff;

      .r--fs-l {
        color: $cGreen;
      }
    }

    h4 {
      @extend .header-h4;
    }

    .btn {
      @extend .btn-gold;
      @extend .btn-small;
    }

    .address {
      .title {
        @extend .header-h5;
        border-bottom: 1px solid #272727;
        padding-left: 0;
        font-weight: normal !important;
      }

      p {
        padding: 0;
      }
    }

    .separator {
      margin-top: 50px;
    }

    .order-details {
      display: flex;
      gap: 20px;

      ul {
        border: 1px solid #272727;
        border-radius: 26px;
        padding: 25px;
        transition: all 0.3s ease;

        &:hover {
          border: 1px solid $cGold;
        }

        li {

          strong,
          b {
            font-weight: normal;
            color: #fff;
          }
        }
      }
    }
  }
}

#box_useredit,
#box_passchange,
#box_addresses,
#box_address,
#box_mailfriend {
  .boxhead {
    @extend .header-h3;
    padding: 0;
  }

  .innerbox {
    padding: 0;
    font-family: 'Scandia', sans-serif;
    font-size: 15px;

    .addresses {
      li {
        margin: 0 0 25px 0;
        padding: 0;
      }
    }

    .default,
    .shipping {
      display: block;
      margin: 5px 0;
      color: #fff;
      font-style: italic;
    }

    h4 {
      @extend .header-h4;
    }

    a {
      color: #fff;
      transition: all 0.3s ease;

      &:hover {
        color: $cGold;
        text-decoration: none;
      }
    }

    .btn {
      @extend .btn-gold;
      @extend .btn-small;
    }
  }
}

.up {
  bottom: 100px;

  .btn {
    background: $cGold !important;
  }
}

#box_bestsellers,
#box_lastadded {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
  background: transparent !important;

  .boxhead {
    background: transparent !important;
    @extend .header-h3;
    text-align: center;
  }

  .slider-wrap {
    height: fit-content !important;

    .product {
      padding: 0 10px;

      &:hover {
        .boximgsize {
          border: 1px solid #60606b;

          span {
            img {
              transform: scale(1.1);
            }
          }
        }
      }

      .product__basket {
        display: flex;
        align-items: center;

        .addtobasket {
          @extend .btn-gold;
          @extend .btn-small;
        }

        .price {
          float: none;
          margin: 0;
          padding: 0;
          font-family: 'Bebas Neue', sans-serif;
          font-size: 18px;
          height: 100%;
          letter-spacing: 2px;
          font-weight: normal;
          display: flex;
          align-items: center;

          em {
            color: $cGreen;
          }

          .price__additional-info {
            margin-bottom: 0;
          }
        }
      }

      .productname {
        font-family: 'Bebas Neue', sans-serif;
        font-size: 18px;
        height: auto;
        letter-spacing: 2px;
        color: #fff;
        font-weight: normal;
        text-align: left;
        display: block;
      }

      .boximgsize {
        border: 1px solid #272727;
        border-radius: 12px;
        overflow: hidden;
        background: #0f0f11;
        transition: all 0.3s ease;
      }
    }
  }
}

#box-text-01 {
  padding: 75px 0;
  // width: 100vw;
  position: relative;
  // left: calc(-50vw + 50%);

  &::before {
    content: '';
    position: absolute;
    width: 100vw;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    background: $cBlackLight;
  }

  .row-column {
    position: relative;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    max-width: 1180px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 1;

    @media (max-width: 768px) {
      // grid-template-columns: 1fr;
      display: flex;
      flex-direction: column-reverse;
    }

    .column {
      width: 100%;
      font-family: 'Scandia', sans-serif;
      font-size: 17px;
      line-height: 1.5;
      display: flex;
      justify-content: center;
      flex-direction: column;

      h2 {
        @extend .header-h2;
        margin-top: 0;
        margin-bottom: 0;
      }

      h3 {
        @extend .header-h3;
        color: $cGold;
        margin-top: 0;
      }

      &:first-child {
        padding-right: 50px;
      }

      &:last-child {
        padding-left: 50px;
      }

      .btn {
        @extend .btn-gold;
        max-width: 200px;
      }

      .img {
        width: 100%;
        border-radius: 26px;
        border: 1px solid #272727;
        overflow: hidden;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      @media (max-width: 768px) {
        &:first-child {
          orphans: 2;
          padding-right: 0px;
        }

        &:last-child {
          order: 1;
          padding-left: 0px;
        }

        .img {
          max-width: 400px;
          margin: 0 auto;
        }
      }
    }
  }

  @media screen and (max-width: 767px) {
    overflow: initial;
  }
}

#box_articlelist {
  .boxhead {
    @extend .header-h2;
    text-align: center;
  }

  .innerbox {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0;

    article {
      font-family: 'Scandia', sans-serif;
      font-size: 15px;
      line-height: 1.5;

      .readmore {
        @extend .btn-gold;
        @extend .btn-small;
      }

      .article-content {
        border: 0 !important;
        margin-bottom: 0;
      }

      .article-info {
        margin-bottom: 10px;

        .article-date,
        .article-author {
          color: #fff;
        }

        .article-categories {
          a {
            color: #fff;
            transition: all 0.3s ease;

            &:hover {
              color: $cGold;
              text-decoration: none;
            }
          }
        }
      }

      .article-header {
        position: relative;
        display: block !important;
        border: 0;
        border-radius: 13px;
        overflow: hidden;
        padding: 0;

        &:hover {
          &::before {
            background: rgba(0, 0, 0, 0.33);
          }
        }

        img {
          width: 100%;
          height: auto;
          object-fit: cover;
        }

        &::before {
          content: '' !important;
          display: block !important;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          position: absolute;
          background: rgba(0, 0, 0, 0.5);
          transition: all 0.3s ease;
        }

        a {
          color: #fff;
          position: absolute;
          bottom: 10px;
          left: 10px;
          font-family: 'Bebas Neue', sans-serif;
          font-size: 24px;
          letter-spacing: 2px;
          text-decoration: none;
          line-height: 1.25;

          @media screen and (min-width: 768px) and (max-width: 1200px) {
            font-size: 18px;
          }
        }
      }
    }

    @media screen and (max-width: 767px) {
      grid-template-columns: 1fr;
    }
  }
}

#box_newsletter {
  background: none !important;
  border: 1px solid #272727;
  border-radius: 26px;
  padding: 25px;

  .innerbox {
    display: flex;
    gap: 20px;
    background: none !important;
    align-items: center;
    font-family: 'Scandia', sans-serif;
    font-size: 15px;

    h3 {
      @extend .header-h3;
      padding: 0;
      margin-bottom: 10px;
    }

    form {
      margin-bottom: 0;
      padding-bottom: 0;
    }

    fieldset {
      display: flex;

      input[type='text'] {
        border-radius: 26px 0 0 26px !important;
        margin-bottom: 0;

        @media screen and (max-width: 500px) {
          width: 100%;
          border-radius: 26px !important;
        }
      }

      @media screen and (max-width: 500px) {
        flex-direction: column;
        gap: 15px;
      }
    }

    .btn {
      @extend .btn-gold;
      display: inline-flex;
      border-radius: 0 26px 26px 0;
      color: #000;
      white-space: nowrap;

      img {
        display: none !important;
      }

      span {
        display: block;
        color: #000;
      }

      @media screen and (max-width: 500px) {
        width: 100%;
        border-radius: 26px;
      }
    }

    .right {
      float: none !important;
      width: 300px;

      @media screen and (max-width: 767px) {
        width: 100%;
      }
    }

    .left {
      float: none !important;
      width: calc(100% - 300px);

      @media screen and (max-width: 767px) {
        width: 100%;
      }
    }

    @media screen and (max-width: 767px) {
      flex-direction: column;
    }
  }
}

.icon-custom-cart {
  &::before {
    content: '\f07a' !important;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
  }

  &::after {
    top: 15px !important;
  }
}

body {

  #turn-classic.rwd,
  #turn-classic {
    display: none !important;
  }
}

.search__mobile-btn {
  bottom: 110px;
  right: 25px;
}

#shoper-foot {
  @media screen and (max-width: 767px) {
    margin-bottom: 80px;
  }
}

.evaluation {
  .votestars {
    .star1 {
      background: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/images/star1.png') no-repeat 0% 50% transparent !important;
    }

    .star0-5 {
      background: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/images/star0-5.png') no-repeat 0% 50% transparent !important;
    }

    .star0 {
      background: url('https://cdn.projectpro.pl/juicedupmotorcycles.pl/images/star0.png') no-repeat 0% 50% transparent !important;
    }
  }
}

footer {
  background: #09090a !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  border-top: 1px solid #747480 !important;

  .innerfooter {
    max-width: 1140px;
    margin: auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;

    @media (max-width: 767px) {
      grid-template-columns: 1fr;

      .column:first-child {
        text-align: center;
        margin-bottom: 50px;
      }

      .column {
        margin-bottom: 50px;

        li.head {
          &::before {
            display: none !important;
          }
        }
      }
    }

    ul {
      li {
        &.head {
          font-family: 'Bebas Neue', sans-serif;
          font-size: 20px;
          color: #fff;
          font-weight: normal !important;
        }

        &:not(.head) {
          font-family: 'Scandia', sans-serif;
          font-size: 15px;
          color: #fff;

          a {
            color: $cGold;
            transition: all 0.3s ease;
            position: relative;
            padding-bottom: 2px;
            display: inline-block;

            &::after {
              display: block;
              content: '';
              position: absolute;
              bottom: 0;
              left: 0;
              background: #b79e5f;
              height: 1px;
              transition: all 0.3s ease;
              width: 0;
            }

            &:hover {
              color: #b79e5f;

              &::after {
                width: 100%;
              }
            }
          }
        }
      }
    }
  }
}

#shoper-foot {
  display: none !important;
}

.box_infopage {
  padding: 75px 0 !important;

  .boxhead {
    padding: 0 15px 25px !important;
    @extend .header-h2;
  }

  .innerbox {
    padding: 15px;
    font-family: 'Scandia', sans-serif;
    font-size: 15px;
    line-height: 1.5;

    a {
      color: #FFF;
      transition: all 0.3s ease;

      &:hover {
        color: $cGold;
      }
    }
  }
}

.product-innerdesc-wrap {
  .tags {
    .new {
      background: $cGreen !important;
      color: #FFF !important;
      border-radius: 0 0 0 6px;
    }
  }
}

.f-row {

  &::before,
  &::after {
    display: none !important;
    content: unset !important;
  }
}

.error {
  color: $cRed !important;
}

.product-main-box,
.basket-step-border {
  .f-row {
    &::after {
      content: '' !important;
      display: block !important;
      clear: both !important;
    }
  }
}

.product,
.productdetailsimgsize {
  .tags .new {
    background: $cGreen !important;
    color: #FFF !important;
    border-radius: 6px 0 6px 0;
    top: 1px !important;
    left: 1px !important;
    padding: 2px 5px;
    position: relative;
  }
}

.js__phone-country-select {
  background: transparent !important;
  margin: 0 !important;
  padding: 3px 5px !important;
}

.search__mobile-btn {
  display: none !important;
}

.menu [data-basket-count]::after {
  background: $cGreen !important;
}

.floatcenterwrap .paginator {
  margin-top: 50px;
  margin-bottom: 50px;
  font-family: 'Scandia', sans-serif;
  display: flex;
  gap: 10px;
  justify-content: center;

  li {
    background: transparent;
    border: 1px solid $cGold !important;
    height: 30px;
    width: 30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    border-radius: 50%;
    transition: all 0.3s ease;

    &:not(.stick):hover {
      background: $cGold !important;
    }

    &.stick {
      border: 0 !important;
      display: none !important;
    }

    span,
    a {
      display: inline !important;
      padding: 0 !important;
      color: #FFF;
    }

    &.selected {
      background: $cGold;

      span {
        font-weight: 600;
        color: #FFF !important;
      }

      &:hover {
        span {
          color: #FFF !important;
        }
      }
    }

    a {
      color: #FFF !important;
    }
  }
}