{"version":3,"file":"CoJFRkir.js","sources":["../../../../assets/img/balenciaga-example.png","../../../../pages/info/guarantees.vue"],"sourcesContent":["export default \"__VITE_ASSET__DZoSKX5f__\"","<template>\n  <div class=\"osk-wrapper vertical-paddings\">\n    <h2 class=\"section-title text-center mb-4\">\n      Гарантии от Oskelly\n    </h2>\n\n    <div class=\"section-subtitle text-center subtitle\">\n      Эксперты с опытом работы в фирменных бутиках и онлайн магазинах каждый день проверяют товары на подлинность.\n    </div>\n\n    <div class=\"guarantees_img_info\">\n      <div class=\"guarantees_img\">\n        <img\n          src=\"~assets/img/balenciaga-example.png\"\n          alt=\"balenciaga example\"\n        >\n      </div>\n\n      <div class=\"guarantees_info\">\n        <div class=\"icon\">\n          <UIIcon\n            name=\"guarantee\"\n            width=\"51\"\n            height=\"44\"\n          />\n        </div>\n\n        <div class=\"name_block playfair\">\n          Экспертиза подлинности\n        </div>\n\n        <p>Перед отправкой эксперты OSKELLY проверяют каждую вещь на подлинность и соответствие описанию.</p>\n\n        <p>После прохождения экспертизы мы прикрепляем к посылке сертификат подлинности OSKELLY. Это гарантия того, что вы купили оригинальную вещь.</p>\n      </div>\n    </div>\n\n    <div class=\"guarantees_tree_blocks\">\n      <div class=\"flex_block\">\n        <div\n          v-for=\"advantage in advantages\"\n          :key=\"advantage.title\"\n          class=\"block\"\n        >\n          <div class=\"icon\">\n            <UIIcon\n              :name=\"advantage.icon.name\"\n              :width=\"advantage.icon.width\"\n              :height=\"advantage.icon.height\"\n            />\n          </div>\n\n          <div class=\"block_text\">\n            <div class=\"name_block playfair\">\n              {{ advantage.title }}\n            </div>\n\n            <p>{{ advantage.description }}</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nuseHead({\n  title: 'Гарантии от Oskelly – Интернет-магазин Oskelly',\n  meta: [\n    {\n      name: 'description',\n      content: 'Гарантии от Oskelly – Интернет-магазин Oskelly',\n    },\n  ],\n});\n\nconst advantages = [\n  {\n    title: 'Безопасная сделка',\n    description: 'После покупки, OSKELLY замораживает деньги на счету покупателя. Продавцу деньги поступают после получения заказа покупателем',\n    icon: {\n      name: 'safe-deal2',\n      width: 50,\n      height: 37,\n    },\n  },\n  {\n    title: '24/7 support',\n    description: 'Круглосуточная поддержка ответит на все ваши вопросы по поводу работы сервиса OSKELLY',\n    icon: {\n      name: 'help-info',\n      width: 40,\n      height: 49,\n    },\n  },\n  {\n    title: 'Доставка под дверь',\n    description: 'Мы забираем товар от продавца, отправляем на экспертизу OSKELLY и доставляем покупателю в фирменной упаковке',\n    icon: {\n      name: 'delivery-2',\n      width: '50',\n      height: '36',\n    },\n  },\n];\n</script>\n\n<style scoped lang=\"scss\">\n.vertical-paddings {\n  padding-top: 70px;\n  padding-bottom: 100px;\n}\n\n.subtitle {\n  max-width: 520px;\n  margin: 0 auto;\n}\n\n.guarantees_img_info {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  padding: 42px 42px 34px;\n  border: 1px solid rgba(189, 189, 189, 0.6);\n  border-radius: 2px;\n  margin-top: 40px;\n}\n\n.guarantees_img_info .guarantees_img {\n  width: 320px;\n}\n\n.guarantees_img_info .guarantees_img img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.guarantees_img_info .guarantees_info {\n  width: calc(100% - 350px);\n  padding: 21px 115px 0px 98px;\n  box-sizing: border-box;\n}\n\n.guarantees_img_info .guarantees_info .name_block {\n  font-size: 20px;\n  text-transform: uppercase;\n  margin-bottom: 11px;\n  margin-top: 27px;\n  letter-spacing: 1px;\n}\n\n.guarantees_img_info .guarantees_info p {\n  margin-bottom: 20px;\n  line-height: 21px;\n  font-size: 14px;\n}\n\n.guarantees_img_info .guarantees_info p:last-child {\n  margin-bottom: 0;\n}\n\n@media only screen and (max-width: 1140px) {\n  .guarantees_img_info .guarantees_info {\n    padding: 21px 0px 0px 98px;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .guarantees_img_info {\n    padding: 50px 25px 26px;\n    align-items: center;\n  }\n\n  .guarantees_img_info .guarantees_img {\n    width: 170px;\n  }\n\n  .guarantees_img_info .guarantees_info {\n    padding: 0px 10px 0px 66px;\n    width: calc(100% - 170px);\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .guarantees_img_info {\n    display: block;\n    padding: 29px 12px 9px;\n  }\n\n  .guarantees_img_info .guarantees_img {\n    width: 63%;\n    margin: 0 auto;\n  }\n\n  .guarantees_img_info .guarantees_info {\n    width: 100%;\n    padding: 0;\n    margin-top: 40px;\n  }\n\n  .guarantees_img_info .guarantees_info .name_block {\n    font-size: 16px;\n    letter-spacing: .7px;\n  }\n\n  .guarantees_img_info .guarantees_info p {\n    line-height: 18px;\n    font-size: 12px;\n  }\n}\n\n.guarantees_tree_blocks {\n  margin-top: 24px;\n}\n\n.guarantees_tree_blocks .flex_block {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 0 -12px;\n}\n\n.guarantees_tree_blocks .flex_block .block {\n  width: calc(33.333333333% - 24px);\n  box-sizing: border-box;\n  border: 1px solid rgba(189, 189, 189, 0.6);\n  padding: 32px 21px 28px;\n  margin: 0 12px;\n  border-radius: 2px;\n}\n\n.guarantees_tree_blocks .flex_block .block .icon {\n  height: 51px;\n  position: relative;\n}\n\n.guarantees_tree_blocks .flex_block .block .icon img,\n.guarantees_tree_blocks .flex_block .block .icon svg {\n  max-width: 100%;\n  max-height: 100%;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translate(0, -50%);\n}\n\n.guarantees_tree_blocks .flex_block .block .block_text {\n  margin-top: 24px;\n}\n\n.guarantees_tree_blocks .flex_block .block .block_text .name_block {\n  text-transform: uppercase;\n  font-size: 20px;\n  letter-spacing: 1px;\n}\n\n.guarantees_tree_blocks .flex_block .block .block_text p {\n  color: #828282;\n  margin-top: 12px;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n@media only screen and (max-width: 1024px) {\n  .guarantees_tree_blocks {\n    margin-top: 22px;\n  }\n\n  .guarantees_tree_blocks .flex_block {\n    display: block;\n    margin: 0;\n  }\n\n  .guarantees_tree_blocks .flex_block .block {\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    margin: 0 0 20px;\n    padding: 28px 26px;\n  }\n\n  .guarantees_tree_blocks .flex_block .block:last-child {\n    margin-bottom: 0;\n  }\n\n  .guarantees_tree_blocks .flex_block .block .icon {\n    position: relative;\n    width: 50px;\n    height: auto;\n  }\n\n  .guarantees_tree_blocks .flex_block .block .icon img,\n  .guarantees_tree_blocks .flex_block .block .icon svg {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  .guarantees_tree_blocks .flex_block .block .block_text {\n    box-sizing: border-box;\n    width: calc(100% - 50px);\n    max-width: 520px;\n    margin-top: 0;\n    padding: 0 0 0 43px;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .guarantees_tree_blocks {\n    margin-top: 30px;\n  }\n\n  .guarantees_tree_blocks .flex_block .block {\n    display: block;\n    margin: 0 0 30px;\n    padding: 30px 12px 20px;\n  }\n\n  .guarantees_tree_blocks .flex_block .block .icon {\n    height: 51px;\n    width: 50px;\n    position: relative;\n  }\n\n  .guarantees_tree_blocks .flex_block .block .icon img,\n  .guarantees_tree_blocks .flex_block .block .icon svg {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  .guarantees_tree_blocks .flex_block .block .block_text {\n    margin-top: 24px;\n    padding: 0;\n    width: 100%;\n  }\n\n  .guarantees_tree_blocks .flex_block .block .block_text .name_block {\n    font-size: 16px;\n    letter-spacing: .7px;\n  }\n\n  .guarantees_tree_blocks .flex_block .block .block_text p {\n    line-height: 16px;\n    font-size: 12px;\n    margin-top: 12px;\n  }\n}\n</style>\n"],"names":["_imports_0","useHead","advantages"],"mappings":"mcAAA,MAAeA,EAAA,GAAA,IAAA,IAAA,kCAAA,YAAA,GAAA,EAAA,whCCkEPC,EAAA,CACN,MAAO,iDACP,KAAM,CACJ,CACE,KAAM,cACN,QAAS,gDACX,CACF,CAAA,CACD,EAED,MAAMC,EAAa,CACjB,CACE,MAAO,oBACP,YAAa,+HACb,KAAM,CACJ,KAAM,aACN,MAAO,GACP,OAAQ,EACV,CACF,EACA,CACE,MAAO,eACP,YAAa,wFACb,KAAM,CACJ,KAAM,YACN,MAAO,GACP,OAAQ,EACV,CACF,EACA,CACE,MAAO,qBACP,YAAa,+GACb,KAAM,CACJ,KAAM,aACN,MAAO,KACP,OAAQ,IACV,CACF,CAAA"}