{"version":3,"file":"Cos84-o4.js","sources":["../../../../components/product/OCommunityProductMark.vue","../../../../assets/icons/YandexSplitPacman14.svg","../../../../assets/icons/YandexSplitPacman18.svg","../../../../components/yandex/SplitBadge.vue","../../../../components/yandex/PlusBadge.vue","../../../../components/uikit/product/ProductCardAdd.vue","../../../../components/uikit/product/ProductCard.vue"],"sourcesContent":["<template>\n  <div class=\"osk-o-community-mark\">\n    <div class=\"font_11 italic\">\n      Only for\n    </div>\n\n    <div class=\"font_13 text-bold\">\n      O!Community\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n@import \"~/assets/scss/settings/index\";\n\n.osk-o-community-mark {\n  max-width: 100%;\n  font-weight: 600;\n  text-align: left;\n  color: black;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.font_11 {\n  font-family: \"Playfair Display\", \"Times New Roman\", serif;\n  font-size: 11px;\n}\n\n.font_13 {\n  font-family: 'SF Pro', 'SF Pro Text', sans-serif;\n  font-size: 13px;\n}\n</style>\n","export default \"data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.44145%205.85893L8.39479%205.79542C10.7746%203.87415%2010.5102%203.58834%2010.5102%203.58834C10.2768%203.33428%2010.028%203.11199%209.76356%202.92145C9.39026%202.65152%208.98585%202.42922%208.55033%202.28632C6.74604%201.61943%204.59956%202.14342%203.30856%203.58834C1.58204%205.47785%201.55093%208.47884%203.293%2010.4001C5.1284%2012.4167%208.2548%2012.5437%2010.2302%2010.6859L10.2613%2010.6542L10.2924%2010.6224L10.308%2010.6065C10.3391%2010.5748%2010.3702%2010.543%2010.3857%2010.5113C10.9457%209.78086%2010.1058%207.79608%208.44145%205.85893ZM9.96576%2010.1461C9.84133%2010.2731%209.31248%2010.289%208.457%209.82849C7.66374%209.39978%206.77715%208.66938%205.93722%207.7802C5.79723%207.89135%208.13036%206.01771%208.02148%206.11298C8.75253%206.97041%209.3747%207.90722%209.70134%208.68526C10.0902%209.59032%2010.0746%2010.0349%209.96576%2010.1461Z'%20fill='%23fff'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.018%207.4025L10.9527%207.31358C14.2844%204.6238%2013.9142%204.22367%2013.9142%204.22367C13.5876%203.868%2013.2392%203.55678%2012.869%203.29003C12.3464%202.91213%2011.7802%202.60091%2011.1705%202.40085C8.64445%201.46721%205.63938%202.20078%203.83198%204.22367C1.41485%206.86899%201.3713%2011.0704%203.8102%2013.7602C6.37976%2016.5833%2010.7567%2016.7611%2013.5223%2014.1603L13.5658%2014.1158L13.6094%2014.0714L13.6311%2014.0491C13.6747%2014.0047%2013.7182%2013.9602%2013.74%2013.9158C14.5239%2012.8932%2013.348%2010.1145%2011.018%207.4025ZM13.1521%2013.4045C12.9779%2013.5823%2012.2375%2013.6045%2011.0398%2012.9599C9.92923%2012.3597%208.68801%2011.3371%207.51211%2010.0923C7.31612%2010.2479%2010.5825%207.6248%2010.4301%207.75817C11.4535%208.95857%2012.3246%2010.2701%2012.7819%2011.3594C13.3263%2012.6264%2013.3045%2013.2489%2013.1521%2013.4045Z'%20fill='%23fff'/%3e%3c/svg%3e\"","<template>\n  <div :class=\"['osk-yandex-split-badge', `osk-yandex-split-badge--size-${size}`]\">\n    <div class=\"osk-yandex-split-badge__price-box bg-fill-light-default-900 text-white\">\n      <!--      <UikitIcon\n        name=\"YandexSplitPacman\"\n        color=\"white\"\n      />-->\n      <img\n        v-if=\"size === 's'\"\n        src=\"~/assets/icons/YandexSplitPacman14.svg\"\n        width=\"14\"\n        height=\"14\"\n      >\n      <img\n        v-if=\"size === 'm'\"\n        src=\"~/assets/icons/YandexSplitPacman18.svg\"\n        width=\"18\"\n        height=\"18\"\n      >\n      {{ numberToCurrency(split.firstPayment, currency, undefined, 0) }}\n    </div>\n\n    <div>{{ text }}</div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { SplitInfo } from '~/restAPI/data-contracts';\n\nconst props = withDefaults(defineProps<{\n  split: SplitInfo,\n  showPartsInfo?: boolean,\n  currency?: string,\n  size?: 's' | 'm'\n}>(), {\n  currency: 'RUB',\n  size: 's',\n});\n\nconst { numberToCurrency } = useNumberFormatter();\n\nconst text = computed(() => (props.showPartsInfo ? `× ${props.split.parts.length} платежа в Сплит` : 'в Сплит'));\n</script>\n\n<style scoped lang=\"scss\">\n@import \"~/assets/scss/settings/index\";\n\n.osk-yandex-split-badge {\n  display: flex;\n  align-items: center;\n  @include font-style(12px, 10px, 500);\n\n  &__price-box {\n    display: flex;\n    align-items: center;\n    border-radius: 9px 2px 2px 9px;\n    padding-right: 4px;\n    margin-right: 4px;\n  }\n\n  .osk-icon {\n    margin-right: 2px;\n  }\n\n  &--size-s {\n    .osk-icon {\n      width: 14px;\n      height: 14px;\n    }\n  }\n\n  &--size-m {\n    @include font-style(16px, 14px, 500);\n\n    .osk-icon {\n      width: 18px;\n      height: 18px;\n    }\n  }\n}\n</style>\n","<template>\n  <div :class=\"['osk-yandex-plus-badge', `osk-yandex-plus-badge--size-${size}`]\">\n    <div class=\"osk-yandex-plus-badge__price-box text-white\">\n      <div class=\"osk-yandex-plus-badge__icon-box\">\n        <UikitIcon\n          name=\"YandexPlusCashback\"\n          color=\"white\"\n        />\n      </div>\n      {{ numberFormat(plus.points) }}\n    </div>\n\n    <div>баллов Плюса</div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { YandexPlusInfo } from '~/restAPI/data-contracts';\n\nconst props = withDefaults(defineProps<{\n  plus: YandexPlusInfo,\n  size?: 's' | 'm'\n}>(), {\n  size: 's',\n});\n\nconst { numberFormat } = useNumberFormatter();\n\n</script>\n\n<style scoped lang=\"scss\">\n@import \"~/assets/scss/settings/index\";\n\n.osk-yandex-plus-badge {\n  display: flex;\n  align-items: center;\n  @include font-style(12px, 10px, 500);\n\n  &__price-box {\n    display: flex;\n    align-items: center;\n    border-radius: 9px 2px 2px 9px;\n    padding-right: 4px;\n    margin-right: 4px;\n    background: linear-gradient(90deg, #FF5C4D 0%, #EB469F 40%, #8341EF 100%);\n  }\n\n  &__icon-box {\n    display: flex;\n    height: 14px;\n    width: 14px;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &--size-m {\n    .osk-yandex-plus-badge__icon-box {\n      height: 18px;\n      width: 18px;\n    }\n  }\n\n  &--size-s {\n    .osk-icon {\n      width: 10px;\n      height: 10px;\n    }\n  }\n\n  &--size-m {\n    @include font-style(16px, 14px, 500);\n\n    .osk-icon {\n      width: 14px;\n      height: 14px;\n    }\n  }\n}\n</style>\n","<template>\n  <UikitForm\n    class=\"osk-product-card-add\"\n    @submit-validate-success=\"addCart\"\n  >\n    <UikitFormSelect\n      v-model=\"selectSizeId\"\n      name=\"productCardAddSize\"\n      class=\"osk-product-card-add__select\"\n      :placeholder=\"selectTitle\"\n      :disabled=\"disabled\"\n      max-height=\"105px\"\n      :required=\"!disabled\"\n      no-error-message\n    >\n      <UikitFormSelectOption\n        v-for=\"item in selectValues\"\n        :key=\"item.id\"\n        :label=\"item.name\"\n        :value=\"item.id\"\n      />\n    </UikitFormSelect>\n\n    <UikitButton\n      color=\"secondary\"\n      class=\"osk-product-card-add__send\"\n      :loading=\"loading\"\n    >\n      {{ $t('uikit.product.productCardAdd.addToCart') }}\n    </UikitButton>\n  </UikitForm>\n</template>\n\n<script setup lang=\"ts\">\nimport { SizeValueDTOReq, ProductDTORes, PrimaryPageProductDTO } from '~/restAPI/data-contracts';\nimport { useProductService } from '~/services/product';\nimport { isCustomHTTPError } from '@/restAPI/error';\nimport { AnalyticsEvents } from '~/types/analytics';\n\nimport type { TSubmitSuccess } from '~/types/components/form';\n\nconst props = defineProps<{\n  sizes?: SizeValueDTOReq[]\n  productId?: number\n  product?: ProductDTORes | PrimaryPageProductDTO\n  chapter?: string\n}>();\n\nconst { t } = useI18n();\nconst loading = ref(false);\n\nconst { updateCart } = useCartStore();\nconst { addProductToCart } = useProductService();\nconst { $addEvent } = useNuxtApp();\n\nconst selectTitle = computed(() => {\n  if (!props.sizes) {\n    return t('uikit.product.productCardAdd.withoutSize');\n  }\n  if (props.sizes.length === 1) {\n    return getTitle(props.sizes[0]);\n  }\n\n  return t('uikit.product.productCardAdd.selectSize');\n});\nconst disabled = computed(() => !props.sizes || props.sizes.length === 1);\nconst selectValues = computed(() => props.sizes?.map((size) => ({\n  id: size.id!,\n  name: getTitle(size),\n})) ?? []);\n\nconst selectSizeId = ref(disabled.value ? props.sizes?.[0].id : undefined);\n\nfunction getTitle(size: SizeValueDTOReq) {\n  return `${size.productSizeType !== 'NO_SIZE' ? size.productSizeType : ''} ${size.productSizeValue ?? ''}`;\n}\n\nasync function addCart({ values }: TSubmitSuccess) {\n  if ((!disabled.value && !values.productCardAddSize) || !props.productId) {\n    return;\n  }\n\n  loading.value = true;\n\n  try {\n    const sizeId = values.productCardAddSize ?? props.sizes?.[0].id;\n\n    const data = await addProductToCart({ productId: props.productId, sizeId });\n\n    updateCart(data);\n\n    $addEvent(AnalyticsEvents.AddToCart, {\n      product_id: props.productId,\n      chapter: props.chapter || undefined,\n      product: props.product,\n    });\n  } catch (error) {\n    if (isCustomHTTPError(error) && error.response.data?.humanMessage) {\n      // eslint-disable-next-line no-alert\n      alert(error.response.data.humanMessage);\n    }\n    console.error(error);\n  } finally {\n    loading.value = false;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n@import \"~/assets/scss/settings/index\";\n\n.osk-product-card-add {\n  width: 100%;\n  margin-top: $indent-medium;\n  display: flex;\n  flex-direction: column;\n\n  &__send {\n    margin-top: $indent-compact;\n  }\n\n  &__select {\n    :deep(.osk-field__inner) {\n      border: 1px solid $black;\n    }\n  }\n}\n</style>\n","<template>\n  <div\n    class=\"osk-product-card\"\n    :class=\"{\n      'osk-product-card_small': small,\n    }\"\n  >\n    <UikitUser\n      v-if=\"!isSellerHidden && productComp.seller\"\n      class=\"osk-product-card__seller\"\n      :user=\"productComp.seller\"\n      @user-click=\"handleUserClick\"\n    />\n\n    <div\n      :class=\"{\n        'osk-product-card__card': true,\n        'osk-product-card__card_centered': centered,\n      }\"\n    >\n      <UikitIcon\n        v-if=\"!showLabel && productComp.conditionId === 1\"\n        name=\"Tag\"\n        size=\"l\"\n        class=\"osk-product-card__card-icon\"\n      />\n\n      <div class=\"osk-product-card__card-top\">\n        <UikitUserLikesCount\n          v-if=\"productComp.id\"\n          :likes-count=\"productComp.likeCount\"\n          :is-liked=\"productComp.isLiked\"\n          :product-id=\"productComp.id\"\n          :chapter=\"chapter\"\n          :chapter-id=\"chapterId\"\n          :analytics=\"{\n            ...analytics,\n            value: getCommunity(product),\n          }\"\n        />\n      </div>\n\n      <nuxt-link\n        :to=\"productComp.url\"\n        :class=\"{\n          'osk-product-card__card-img': true,\n          'osk-product-card__card-img_small': smallImage,\n        }\"\n        @click=\"handleProductClick\"\n      >\n        <picture v-if=\"productComp.imgPath\">\n          <source\n            :srcset=\"getImgPath(productComp.imgPath)\"\n            type=\"image/webp\"\n          >\n          <img\n            :class=\"{\n              'osk-product-card__card-img-pic': true,\n              'osk-product-card__card-img-pic_small': smallImage,\n            }\"\n            :src=\"productComp.imgPath\"\n            :alt=\"`${productComp.brandName} ${productComp.name}`\"\n            :loading=\"imgLoadLazy ? 'lazy' : undefined\"\n            @error=\"onImgError\"\n          >\n        </picture>\n\n        <div\n          v-if=\"productComp.exclusiveSelectionTime\"\n          class=\"osk-product-card__o-community-product-mark\"\n        >\n          <ProductOCommunityProductMark />\n        </div>\n      </nuxt-link>\n\n      <UikitLabel\n        v-if=\"showLabel && productComp.conditionName\"\n        :text=\"productComp.conditionName\"\n        :icon=\"productComp.conditionId === 1 ? 'TagFilled' : undefined\"\n        class=\"osk-product-card__card-label\"\n      />\n\n      <div class=\"osk-product-card__content\">\n        <div class=\"osk-product-card__card-info\">\n          <nuxt-link\n            :to=\"productComp.url\"\n            class=\"osk-product-card__card-info-brand\"\n            @click=\"handleProductClick\"\n          >\n            {{ productComp.brandName }}\n          </nuxt-link>\n\n          <div class=\"osk-product-card__card-info-name\">\n            {{ productComp.name }}\n          </div>\n\n          <template v-if=\"!hideSize\">\n            <div\n              v-if=\"(productComp.sizeType && productComp.sizes && productComp.sizeType !== 'NO_SIZE' && !canAddToCart)\"\n              class=\"osk-product-card__card-info-size\"\n            >\n              <template v-if=\"['AGE', 'HEIGHT'].includes(productComp.sizeType)\">\n                {{ t('uikit.product.productCard.categorySizeValue', {categorySizeValue: productComp.sizes[0]?.categorySizeValue}) }}\n              </template>\n\n              <template v-else-if=\"productComp.formattedSize\">\n                {{ productComp.formattedSize }}\n              </template>\n\n              <template v-else-if=\"productComp.sizes\">\n                {{ productComp.sizeType }} {{ getProductSizes(productComp.sizes) }}\n              </template>\n            </div>\n\n            <div\n              v-else-if=\"productComp.sizeType === 'NO_SIZE'\"\n              class=\"osk-product-card__card-info-size\"\n            >\n              One size\n            </div>\n\n            <div\n              v-else\n              class=\"osk-product-card__card-info-size\"\n            >\n              &nbsp;\n            </div>\n          </template>\n        </div>\n\n        <div\n          v-if=\"!hideSize && product.split\"\n          class=\"osk-product-card__yandex-split\"\n        >\n          <YandexSplitBadge\n            :split=\"product.split\"\n          />\n        </div>\n\n        <div\n          v-if=\"!hideSize && product.yandexPlus\"\n          class=\"osk-product-card__yandex-plus\"\n        >\n          <YandexPlusBadge\n            v-if=\"product.yandexPlus\"\n            :plus=\"product.yandexPlus\"\n          />\n        </div>\n\n        <div class=\"osk-product-card__card-info-price\">\n          <span class=\"osk-product-card__card-info-price-content\">\n            <span\n              v-if=\"!hideSize && productOldPriceComp\"\n              class=\"osk-product-card__card-info-price-discount\"\n            >\n              {{ numberToCurrency(productOldPriceComp) }}\n            </span>\n\n            <span\n              v-if=\"productComp.price\"\n              class=\"osk-product-card__card-info-price-value\"\n            >\n              {{ numberToCurrency(productComp.price) }}\n            </span>\n          </span>\n\n          <span\n            v-if=\"!hideSize && productComp.discount\"\n            class=\"osk-product-card__card-info-price-discount-value\"\n          >\n            -{{ productComp.discount }}%\n          </span>\n        </div>\n      </div>\n\n      <UikitProductCardAdd\n        v-if=\"canAddToCart\"\n        :product-id=\"productComp.id\"\n        :product=\"product\"\n        :sizes=\"productComp.sizes\"\n        :chapter=\"chapter\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ProductDTORes, SizeValueDTOReq, PrimaryPageProductDTO } from '~/restAPI/data-contracts';\nimport { AnalyticsEvents, IEventOptions } from '~/types/analytics';\nimport { getCommunity } from '~/services/analytics/oskellyAnalytics';\n\ninterface IOptions {\n  chapter?: string\n  id_chapter?: string\n  item?: string\n  chapter_index?: number\n  segment_id?: number\n  index?: number\n  searchId?: string | null\n}\n\nconst props = defineProps<{\n  product: ProductDTORes | PrimaryPageProductDTO\n  addToCart?: boolean\n  imgLoadLazy?: boolean\n  showLabel?: boolean\n  smallImage?: boolean\n  chapter?: string\n  chapterId?: string\n  index?: number\n  eventOptions?: IEventOptions,\n  useSwiperAnalytics?: boolean,\n  isSellerHidden?: boolean,\n  small?: boolean\n  hideSize?: boolean\n  centered?: boolean\n  analytics?: IOptions\n}>();\n\nconst emits = defineEmits<{\n  (e: 'productClick', value: { productId?: number, index?: number, value?: string }): void,\n}>();\n\nconst { $addEvent } = useNuxtApp();\nconst { t } = useI18n();\n\nconst { onImgError, getImgPath } = useImgCdnPath();\nconst { numberToCurrency } = useNumberFormatter();\n\nconst productComp = computed(() => {\n  const { product } = props;\n\n  const isProductDTORes = checkProductDTORes(product);\n\n  return {\n    ...product,\n    id: isProductDTORes ? product.productId : product.id,\n    url: isProductDTORes ? product.url : `/products/${product.id}`,\n    likeCount: isProductDTORes ? product.likesCount : product.likeCount,\n    imgPath: isProductDTORes ? product.primaryImageUrl : product.imgPath,\n    brandName: isProductDTORes ? product.brand?.name : product.brandName,\n    formattedSize: isProductDTORes ? null : product.formattedSize,\n  };\n});\n\nconst productOldPriceComp = computed(() => {\n  const { product } = props;\n  const isProductDTORes = checkProductDTORes(product);\n\n  if (!isProductDTORes) return product.oldPrice;\n\n  const {\n    price, rrpPrice, startPrice, higherPrice,\n  } = product;\n\n  if (higherPrice) return higherPrice;\n\n  if (price && startPrice && startPrice > price) {\n    return startPrice;\n  }\n\n  if (price && rrpPrice && rrpPrice > price) {\n    return rrpPrice;\n  }\n\n  return 0;\n});\n\nconst canAddToCart = computed(() => props.addToCart && productComp.value.id);\n\nfunction checkProductDTORes(product: ProductDTORes | PrimaryPageProductDTO): product is ProductDTORes {\n  return !!(product as ProductDTORes).productId;\n}\n\nfunction getProductSizes(sizes: SizeValueDTOReq[]) {\n  return sizes && sizes.length ? sizes.map((size) => size.productSizeValue).join('/') : '';\n}\n\nfunction handleUserClick(userId: number) {\n  $addEvent(AnalyticsEvents.UserClick, {\n    seller_id: userId,\n    chapter: props.analytics?.chapter || props.chapter,\n    chapter_index: props.analytics?.chapter_index,\n    segment_id: props.analytics?.segment_id,\n    id_chapter: props.analytics?.id_chapter || props.chapterId,\n    item: 'product',\n    action: 'seller',\n    value: getCommunity(props.product),\n  });\n}\n\nfunction handleProductClick() {\n  if (props.useSwiperAnalytics) {\n    emits('productClick', { productId: productComp.value.id, index: props.index, value: getCommunity(props.product) });\n    return;\n  }\n\n  const options: any = {\n    product_id: productComp.value.id,\n    id_item: props.analytics?.searchId ?? String(productComp.value.id),\n    chapter: props.chapter,\n    id_chapter: props.chapterId,\n    index: props.index,\n    ...(props.eventOptions?.productClick ?? []),\n    value: getCommunity(props.product),\n  };\n\n  if (props.analytics?.searchId) {\n    options.page = 'search';\n  }\n\n  $addEvent(AnalyticsEvents.ProductClick, options);\n}\n</script>\n\n<style scoped lang=\"scss\">\n@import \"~/assets/scss/settings/index\";\n\n.osk-product-card {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n\n  &__seller {\n    margin-bottom: $indent-compact;\n  }\n\n  &__card {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    height: 100%;\n    border-radius: $radius-small;\n    position: relative;\n  }\n\n  &__card-top {\n    position: absolute;\n    top: 18.5px;\n    right: 17.5px;\n    z-index: 1;\n  }\n\n  &__card-icon {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n    z-index: 1;\n  }\n\n  &__card-img {\n    margin-bottom: $indent-compact;\n    width: 100%;\n    @include image-bg-grey;\n    height: 280px;\n\n    @include media-query(lg-and-up) {\n      height: 282px;\n    }\n\n    &_small {\n      height: 208px;\n\n      @include media-query(lg-and-up) {\n        height: 282px;\n      }\n    }\n  }\n\n  &__card-img-pic {\n    display: block;\n    width: 100%;\n    object-fit: contain;\n    object-position: center;\n    height: 228px;\n    margin-top: 40px;\n\n    @include media-query(lg-and-up) {\n      height: 230px;\n    }\n\n    &_small {\n      height: 158px;\n\n      @include media-query(lg-and-up) {\n        height: 230px;\n      }\n    }\n  }\n\n  &__o-community-product-mark {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    margin: 0 12px 12px;\n\n    @include media-query(md-and-up) {\n      margin: 0 16px 16px;\n    }\n  }\n\n  &__card-label {\n    margin-bottom: $indent-compact;\n  }\n\n  &__card-info {\n    margin-bottom: $indent-compact;\n    width: 100%;\n    padding-top: $indent-xsmall;\n  }\n\n  &__card-info-brand {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    display: block;\n    font-weight: $font-weight-bold;\n    font-size: $font-size-subheading;\n    line-height: normal;\n    margin-bottom: $indent-small;\n  }\n\n  &__card-info-name,\n  &__card-info-size {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  &__card-info-name {\n    margin-bottom: $indent-compact;\n  }\n\n  &__card-info-size {\n    color: $grey;\n  }\n\n  &__card-info-price {\n    display: flex;\n    align-items: baseline;\n    width: 100%;\n    margin-top: auto;\n  }\n\n  &__card-info-price-content {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    align-items: baseline;\n    justify-content: flex-end;\n\n    @include media-query(lg-and-up) {\n      flex-direction: row-reverse;\n    }\n  }\n\n  &__card-info-price-value {\n    @include font-style($font-size-body, $line-height-body, $font-weight-bold);\n    margin-right: $indent-small;\n  }\n\n  &__card-info-price-discount {\n    @include font-style($font-size-caption, $line-height-caption, $font-weight-medium);\n    color: $grey;\n    text-decoration: line-through;\n    margin-bottom: 2px;\n\n    @include media-query(lg-and-up) {\n      margin-bottom: 0;\n    }\n  }\n\n  &__card-info-price-discount-value {\n    margin-top: auto;\n\n    @include media-query(lg-and-up) {\n      margin-left: $indent-small;\n    }\n  }\n\n  &__content {\n    max-width: 100%;\n  }\n\n  &__yandex-plus,\n  &__yandex-split {\n    height: 14px;\n    margin-top: 8px;\n  }\n\n  &__yandex-plus {\n    margin-bottom: 8px;\n  }\n\n  :deep(.osk-user-avatar) {\n    width: 32px;\n    height: 32px;\n    margin-right: $indent-compact;\n  }\n\n  :deep(.osk-user__name) {\n    font-size: $font-size-body;\n    line-height: $line-height-body;\n  }\n\n  &_small {\n    height: auto;\n\n    & + & {\n      margin-top: 24px;\n    }\n\n    .osk-product-card__card {\n      flex-direction: row;\n    }\n\n    .osk-product-card__card-img {\n      width: 164px;\n      height: 164px;\n      margin-bottom: 0;\n      margin-right: 24px;\n      flex-shrink: 0;\n    }\n\n    .osk-product-card__card-img-pic {\n      height: 100%;\n      width: 100%;\n      margin-top: 0;\n    }\n\n    .osk-product-card__card-top {\n      top: 0;\n      right: 0;\n    }\n\n    .osk-product-card__card-icon[data-v-4922379b] {\n      top: 12px;\n      left: 12px;\n      width: 20px;\n      height: 20px;\n    }\n\n    .osk-product-card__content {\n      width: 50%;\n    }\n\n    .osk-product-card__card-info {\n      padding-top: 0;\n    }\n  }\n\n  &__card_centered {\n    text-align: center;\n\n    .osk-product-card__card-info-price {\n      justify-content: center;\n    }\n  }\n}\n</style>\n"],"names":["_withScopeId","_popScopeId","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_4","_cache","_imports_0","_imports_1","props","__props","numberToCurrency","useNumberFormatter","text","computed","numberFormat","t","useI18n","loading","ref","updateCart","useCartStore","addProductToCart","useProductService","$addEvent","useNuxtApp","selectTitle","getTitle","disabled","selectValues","_a","size","selectSizeId","addCart","values","sizeId","data","AnalyticsEvents","error","isCustomHTTPError","_b","emits","__emit","onImgError","getImgPath","useImgCdnPath","productComp","product","isProductDTORes","checkProductDTORes","productOldPriceComp","price","rrpPrice","startPrice","higherPrice","canAddToCart","getProductSizes","sizes","handleUserClick","userId","_c","_d","getCommunity","handleProductClick","options"],"mappings":"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"}