{"version":3,"sources":["shop-components-item-page.scss"],"names":[],"mappings":"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","file":"../shop-components-item-page.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.brk-sc-long-label{\r\n  padding: 7px 15px 8px 17px;\r\n  flex-shrink: 0;\r\n  height: 28px;\r\n  white-space: nowrap;\r\n  margin-left: 10px;\r\n  border-radius: 15px;\r\n  margin-top: 7px;\r\n  box-shadow: 0 5px 16px rgba(130, 180, 64, 0.5);\r\n  background-color: #81bb35;\r\n\r\n  i{\r\n    color: #fff;\r\n    font-size: 14px;\r\n    margin-right: 4px;\r\n    \r\n  }\r\n}\r\n.brk-sc-item-page-header {\r\n  position: relative;\r\n  @media screen and (max-width: 992px){ \r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  &__carousel {\r\n    position: absolute;\r\n    width: 100%;\r\n    @media screen and (max-width: 992px){ \r\n      position: relative;\r\n    }\r\n  }\r\n  &__carousel-labels{\r\n    position: absolute;\r\n    right: -22px;\r\n    top: 28px;\r\n    z-index: 2;\r\n    .brk-sc-card-labels{\r\n      position: relative;\r\n      &:nth-child(2){\r\n        top: -17px;\r\n      }\r\n    }\r\n    @media screen and (max-width: 768px){ \r\n      right: 0;\r\n    }\r\n  }\r\n  &__carousel-items{\r\n    z-index: 1;\r\n  }\r\n  &__info {\r\n    position: relative;\r\n    padding-bottom: 151px;\r\n    overflow: hidden;\r\n    @media screen and (max-width:1230px){ \r\n      padding-bottom: 70px;\r\n      order: -1;\r\n    }\r\n    @media screen and (max-width: 992px){ \r\n      padding-top: 40px;\r\n      padding-bottom: 100px;\r\n    }\r\n  }\r\n  &__info-main{\r\n    @media screen and (min-width:991px){ \r\n      padding-left: 70px;\r\n    } \r\n  }\r\n  &__info-secondary{\r\n    position: relative;\r\n    top: -36px;\r\n    @media screen and (min-width:992px){ \r\n      padding-left: 70px;\r\n    }\r\n    @media screen and (max-width:992px){ \r\n      top: 0;\r\n      padding-top: 80px;\r\n    }\r\n  }\r\n  &__img {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n  }\r\n  &__overlay {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: linear-gradient(\r\n                    40deg,\r\n                    rgba(var(--brand-primary-rgb), 0.92) 15%,\r\n                    rgba(var(--secondary-rgb), 0.92) 75%);\r\n  }\r\n  &__svg{\r\n    position: absolute;\r\n    bottom: -2px;\r\n    left: 1px;\r\n    width: 1920px; \r\n  }\r\n  &__tags{\r\n    .brk-sc-tags__item{\r\n      color: rgba($white, .5);\r\n      transition: .3s ease color;\r\n      &:after{\r\n        background-color: rgba($white, .5);\r\n        border-radius: 100%;\r\n      }\r\n      &:hover{\r\n        color: rgba($white, 1);\r\n      }\r\n    }\r\n  }\r\n  &__price-container{\r\n    display: flex;\r\n    flex-direction: column;\r\n    min-height: 87px;\r\n  }\r\n  &__old-price{\r\n    text-decoration: line-through;\r\n  }\r\n  &__color-filter{\r\n    .brk-color-filter__title{\r\n      text-align: left !important;\r\n      margin-right: 10px;\r\n      margin-bottom: 19px;\r\n    }\r\n    &:before{\r\n      display: none;\r\n    }\r\n    .brk-color-filter__title-text{\r\n      padding-left: 0;\r\n      padding-right: 0;\r\n      background-color: transparent;\r\n    }\r\n    .brk-color-filter__item{\r\n      background-color: transparent;\r\n      border: 1px solid rgba(256,256,256,0.1);\r\n      &:first-child{\r\n        margin-left: 0;\r\n      }\r\n    }\r\n    .brk-color-filter__item-bg{\r\n      width: 16px;\r\n      height: 16px;\r\n      border-radius: 0;\r\n      left: 3px;\r\n      top: 3px;\r\n    }\r\n  }\r\n  &__rating{\r\n    i{\r\n      color: #fff;\r\n    }\r\n  }\r\n  &__btn{\r\n    margin: 0;\r\n    padding: 15px 44px;\r\n    box-shadow: none;\r\n    .border-btn{\r\n      border: 0;\r\n    }\r\n  }\r\n  &__btn-container{\r\n    margin-bottom: 68px;\r\n  }\r\n  svg{\r\n    position: absolute;\r\n    bottom: 0;\r\n    width: 100%;\r\n    left: -2px;\r\n  }\r\n  .arrows-modern .slick-arrow {\r\n    background-color: transparent;\r\n  }\r\n  .slider-thumbnailed {\r\n    border-radius: 20px;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);\r\n  }\r\n  .slider-thumbnailed-nav {\r\n    max-width: 340px;\r\n    border-radius: 10px;\r\n    box-shadow: 0px -10px 15px 0px rgba(0, 0, 0, .06);\r\n    .brk-slid {\r\n      &__overlay {\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      &__img,\r\n      &__overlay {\r\n        border-radius: 5px;\r\n      }\r\n    }\r\n  }\r\n  .brk-slid__img{ \r\n    object-position: center top;\r\n  }\r\n}\r\n.brk-sc-item-page-section-1{\r\n  overflow: hidden;\r\n  &__info{\r\n    padding-bottom: 970px;\r\n    padding-top: 80px;\r\n    @media screen and (max-width: 991.98px){ \r\n      padding-top: 0;\r\n    }\r\n  }\r\n  &__cfa{\r\n    border-radius: 0;\r\n    box-shadow: none;\r\n  }\r\n  &__img-container{\r\n    display: flex;\r\n    height: 100%;\r\n    position: relative;\r\n    @media screen and (max-width: 1230px){ \r\n      width: 750px;\r\n      opacity: 0.1;\r\n    }\r\n  }\r\n  &__img{\r\n    position: absolute;\r\n    left: 64px;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: left top;\r\n    @media screen and (max-width:1230px){ \r\n      left: 0;\r\n      object-position: center top;\r\n    }\r\n  }\r\n}\r\n.brk-sc-item-page-section-2{\r\n  position: relative;\r\n  top: -1090px;\r\n  margin-bottom: -1067px;\r\n  overflow: hidden;\r\n  z-index: 1;\r\n  padding-top: 96px;\r\n  &__info{\r\n    padding-bottom: 320px;\r\n    @media screen and (min-width: 992px){ \r\n      padding-top: 570px;\r\n      padding-bottom: 463px;\r\n    }\r\n  }\r\n  &__img-container{\r\n    position: relative;\r\n    height: 100%;\r\n    @media screen and (max-width: 1230px){ \r\n      width: 750px;\r\n      left: -550px;\r\n      opacity: 0.1;\r\n    }\r\n\r\n  }\r\n  &__img{\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center left;\r\n    @media screen and (max-width:1230px){ \r\n      object-position: center top;\r\n    }\r\n  }\r\n  &__svg-container{\r\n    position: absolute;\r\n    bottom: -7px;\r\n    left: 0;   \r\n  }\r\n  &__svg-bg{\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: -1;\r\n    svg{\r\n      stroke: #f2fcff;\r\n    }\r\n  }\r\n  &__balls{\r\n    .brk-radial-ball{\r\n      border-radius: 100%;\r\n      z-index: 5;\r\n      position: absolute;\r\n      transform: translateY(0);\r\n      animation: ballTransform 5s linear  infinite;\r\n      @media screen and (max-width:1230px){ \r\n        display: none;\r\n      }\r\n      &:nth-child(1){\r\n        width: 202px;\r\n        height: 202px;\r\n        background-color: #000000;\r\n        left: 238px;\r\n        top: 332px;\r\n        animation-delay: -4s;\r\n        background-image: radial-gradient(\r\n                        circle 152px at 29.68% 18.59%,\r\n                        var(--brk-base-5) 0%,\r\n                        var(--brk-base-2) 100%);\r\n      }\r\n      &:nth-child(2){\r\n        width: 170px;\r\n        height: 170px;\r\n        background-color: #000000;\r\n        top: 706px;\r\n        right:119px;\r\n        animation-delay: -3s;\r\n        background-image: radial-gradient(\r\n                        circle 128px at 22.5% 35.93%,\r\n                        var(--brk-base-2) 0%,\r\n                        var(--brand-primary) 100%);\r\n      }\r\n      &:nth-child(3){\r\n        width: 134px;\r\n        height: 134px;\r\n        background-color: #000000;\r\n        bottom: 357px;\r\n        left: -67px;\r\n        background-image: radial-gradient(\r\n                        circle 101px at 28.38% 38.86%,\r\n                        var(--brand-primary) 0%,\r\n                        var(--brk-base-8) 100%);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes ballTransform {\r\n  0%   {transform: translateY(0)}\r\n  25%  {transform: translateY(-15px)}\r\n  50%  {transform: translateY(0)}\r\n  75%  {transform: translateY(15px)}\r\n  100% {transform: translateY(0)}\r\n}\r\n\r\n.mt--140{\r\n  margin-top: -140px;\r\n}\r\n\r\n.brk-sc-item-page-tabs{\r\n  z-index: 1;\r\n  margin-top: -63px;\r\n  .brk-tabs-nav{\r\n    z-index: 1;\r\n    @media screen and (max-width:1230px){ \r\n      min-width: 200px !important;\r\n    }\r\n  }\r\n  &__title{\r\n    position: relative;\r\n    padding-right: 32px;\r\n    padding-left: 25px;\r\n    margin-bottom: 39px;\r\n    &:after{\r\n      content: '';\r\n      position: absolute;\r\n      right: 0;\r\n      top: 0;\r\n      width: 3px;\r\n      height: 42px;\r\n      background-image: linear-gradient(\r\n                      to top,\r\n                      var(--brk-base-2) 0%,\r\n                      var(--brk-base-5) 100%);\r\n    }\r\n    @media screen and (max-width:1230px){ \r\n      padding-left: 0;\r\n    }\r\n  }\r\n  .brk-tab-item{\r\n    margin-top: -68px;\r\n    padding-left: 17px;\r\n    @media screen and (max-width:1230px){ \r\n      margin-top: 0;\r\n    }\r\n    @media screen and (max-width:767px){ \r\n      padding-left: 0;\r\n    }\r\n  }\r\n  .brk-tab{\r\n    &.active,\r\n    &:hover{\r\n      color: #000000 !important;\r\n    }\r\n  }\r\n}\r\n\r\n.brk-sc-item-page-body{\r\n  &__cfa{\r\n    margin-bottom: 244px;\r\n  }\r\n  &__bg{\r\n    position: relative;\r\n    box-shadow: inset 0 5px 26px rgba(0, 0, 0, 0.03);\r\n    background-color: #f9f9f9;\r\n  }\r\n  &__bg-img{\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n  }\r\n  .brk-sc-bonus{\r\n    top: -109px;\r\n    margin-bottom: -62px;\r\n  }\r\n  .brk-tabs_rounded {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin-top: -58px;\r\n    \r\n  }\r\n}\r\n\r\n.app-img-caption{\r\n  margin-bottom: -100px;\r\n}"]}