@font-face {
  font-family: 'vp-icon';
  src: url('/font/vp-icon.woff2') format('woff2'),
       url('/font/vp-icon.svg#vp-icon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'vp-icon';
    src: url('/font/vp-icon.svg#vp-icon') format('svg');

  }
}

[class^="icon-"], [class*=" icon-"] {
  box-sizing: border-box;
  transition: all 0.4s ease;
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
  font-family: 'vp-icon';
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  font-size: 200%;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.4s ease;
}

/* تمام آیکون‌ها */
.icon-account::before { content: '\e802'; }
.icon-arrow-left::before { content: '\e800'; }
.icon-arrow-right::before { content: '\e801'; }
.icon-call-l::before { content: '\e803'; }
.icon-call::before { content: '\e804'; }
.icon-cart::before { content: '\e892'; }
.icon-check::before { content: '\e805'; }
.icon-chevron-down::before { content: '\e806'; }
.icon-chevron-up::before { content: '\e807'; }
.icon-chevronleft::before { content: '\e808'; }
.icon-chevronright::before { content: '\e809'; }
.icon-close::before { content: '\e80a'; }
.icon-delivery::before { content: '\e80b'; }
.icon-discount::before { content: '\e80c'; }
.icon-download::before { content: '\e80d'; }
.icon-edit::before { content: '\e80e'; }
.icon-email::before { content: '\e80f'; }
.icon-eye-hide::before { content: '\e810'; }
.icon-eye::before { content: '\e811'; }
.icon-facebook::before { content: '\e812'; }
.icon-filter::before { content: '\e813'; }
.icon-grid::before { content: '\e814'; }
.icon-heart::before { content: '\e815'; }
.icon-help::before { content: '\e816'; }
.icon-home::before { content: '\e844'; }
.icon-info::before { content: '\e817'; }
.icon-instagram::before { content: '\e818'; }
.icon-like::before { content: '\e819'; }
.icon-list::before { content: '\e81a'; }
.icon-location::before { content: '\e81b'; }
.icon-telegram::before { content: '\e81c'; }
.icon-logout::before { content: '\e81d'; }
.icon-minus::before { content: '\e81e'; }
.icon-more::before { content: '\e81f'; }
.icon-new::before { content: '\e820'; }
.icon-password::before { content: '\e821'; }
.icon-percent::before { content: '\e822'; }
.icon-phone::before { content: '\e823'; }
.icon-pin::before { content: '\e824'; }
.icon-play::before { content: '\e825'; }
.icon-plus::before { content: '\e826'; }
.icon-privacy::before { content: '\e827'; }
.icon-product::before { content: '\e828'; }
.icon-question::before { content: '\e829'; }
.icon-rate::before { content: '\e87c'; color: var(--color-primary); }
.icon-refresh::before { content: '\e82a'; }
.icon-remove::before { content: '\e82b'; }
.icon-return::before { content: '\e82c'; }
.icon-sale::before { content: '\e82d'; }
.icon-search::before { content: '\e82e'; }
.icon-security::before { content: '\e82f'; }
.icon-send::before { content: '\e830'; }
.icon-setting::before { content: '\e831'; }
.icon-share::before { content: '\e832'; }
.icon-shield::before { content: '\e833'; }
.icon-shop::before { content: '\e834'; }
.icon-star-fill::before { content: '\e835'; }
.icon-star-outline::before { content: '\e836'; }
.icon-success::before { content: '\e837'; }
.icon-support::before { content: '\e838'; }
.icon-tick::before { content: '\e839'; }
.icon-trash::before { content: '\e83a'; }
.icon-truck::before { content: '\e83b'; }
.icon-user::before { content: '\e83c'; }
.icon-video::before { content: '\e83d'; }
.icon-vip::before { content: '\e83e'; }
.icon-wallet::before { content: '\e83f'; }
.icon-warning::before { content: '\e840'; }
.icon-youtube::before { content: '\e841'; }
.icon-zoom::before { content: '\e842'; }
.icon-time::before { content: '\e843'; }
.icon-menu::before { content: '\e845'; }
.icon-copy::before { content: '\e846'; }
.icon-attach::before { content: '\e847'; }
.icon-pdf::before { content: '\e848'; }
.icon-play-circle::before { content: '\e849'; }
.icon-lock::before { content: '\e84a'; }
.icon-up::before { content: '\e84b'; }
.icon-down::before { content: '\e84c'; }