{"version":3,"file":"ProductCard.js","sources":["../../../../../components/product/OCommunityProductMark.vue","../../../../../assets/icons/YandexSplitPacman14.svg","../../../../../assets/icons/YandexSplitPacman18.svg","../../../../../components/yandex/SplitBadge.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, false, 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  <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=\"isLiked\"\n          :product-id=\"productComp.id\"\n          :chapter=\"chapter\"\n          :chapter-id=\"chapterId\"\n          :analytics=\"{\n            ...analytics,\n            value: getCommunity(product),\n          }\"\n          @like=\"isLiked = true\"\n          @dislike=\"isLiked = false\"\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        <!-- TODO пока оставить -->\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();\nconst { FULLTEXT_SEARCH_WEB_ON } = useExperimentsStore();\nconst route = useRoute();\nconst { productsSearchQueryHash } = useCatalog();\n\nconst isLiked = ref(props.product.isLiked);\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  let options: any;\n  let eventName: AnalyticsEvents;\n  const commonOptions: any = {\n    product_id: productComp.value.id,\n    index: props.index,\n  };\n\n  if (FULLTEXT_SEARCH_WEB_ON.value && route.query?.search) {\n    options = {\n      ...commonOptions,\n      id_item: productsSearchQueryHash.value,\n      page: 'search',\n      item: 'product',\n      category_id: props.product.categoryId,\n    };\n    eventName = AnalyticsEvents.ClickEvent;\n  } else {\n    options = {\n      ...commonOptions,\n      id_item: props.analytics?.searchId ?? String(productComp.value.id),\n      chapter: props.chapter,\n      id_chapter: props.chapterId,\n      ...(props.eventOptions?.productClick ?? []),\n      value: getCommunity(props.product),\n    };\n\n    if (props.analytics?.searchId) {\n      options.page = 'search';\n    }\n\n    eventName = AnalyticsEvents.ProductClick;\n  }\n\n  $addEvent(eventName, 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-split {\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","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","FULLTEXT_SEARCH_WEB_ON","useExperimentsStore","route","useRoute","productsSearchQueryHash","useCatalog","isLiked","productComp","product","isProductDTORes","checkProductDTORes","productOldPriceComp","price","rrpPrice","startPrice","higherPrice","canAddToCart","getProductSizes","sizes","handleUserClick","userId","_c","_d","getCommunity","handleProductClick","options","eventName","commonOptions"],"mappings":"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"}