html, body, p, a, div, span {
  font-family: iranyekan;
}
@media all and (min-width: 1024px) {
  .headbar {
    font-size: 0.7rem;
  }
  #productBottomBar {
    display: none;
  }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
  .headbar {
    font-size: 0.6rem;
  }
  #productBottomBar {
    display: none;
  }
}

@media all and (min-width: 480px) and (max-width: 768px) {
  .headbar {
    font-size: 0.6rem;
  }
  #productBottomBar {
    display: block;
  }
}

@media all and (max-width: 480px) {
  .headbar {
    font-size: 0.7rem;
  }
  #productBottomBar {
    display: block;
  }
}
html {
  font-size: 16px;
}
a,
.card-title {
  text-decoration: none;
  color: mediumvioletred;
}
p,
#productDesc {
  text-align: justify;
}
#order-items img {
  width: 100%;
  height: auto;
}
.product-cat {
  border-color: mediumvioletred !important;
}
.footer,
.footerbar {
  color: white;
}
.footerbar {
  background-color: darkmagenta;
}
.footer a {
  color: white;
}
.footer .row .col div {
  margin: 15px;
}
.footer-title {
  padding-bottom: 10px;
  border-bottom: 1px solid grey;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

#productDesc img {
  height: auto;
}
#productInfo table th {
  border-left: 1px solid lightgray;
  padding: 0.3rem;
}
#productInfo table td {
  padding: 0.3rem;
}
#productInfo table td p {
  margin: 0;
}

.offcanvas-button {
  color: mediumvioletred;
  border: 0;
  background: none;
}

.container {
  min-height: 35vh;
}

* {
  scroll-margin-top: 100px;
}
.woocommerce-product-attributes-item--weight, .woocommerce-product-attributes-item--dimensions, .ready #guide {
  display: none;
}




/* wordpress */
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background {
  padding: 1.25em 2.375em;
}
.is-small-text {
  font-size: 0.875em;
}

.is-regular-text {
  font-size: 1em;
}

.is-large-text {
  font-size: 2.25em;
}

.is-larger-text {
  font-size: 3em;
}

.has-drop-cap:not(:focus):first-letter {
  float: right;
  font-size: 8.4em;
  line-height: 0.68;
  font-weight: 100;
  margin: 0.05em 0 0 0.1em;
  text-transform: uppercase;
  font-style: normal;
}

p.has-drop-cap.has-background {
  overflow: hidden;
}

p.has-background {
  padding: 1.25em 2.375em;
}

p.has-text-color a {
  color: inherit;
}
.wp-block-image {
  margin: 0 0 1em;
}

.wp-block-image img {
  max-width: 100%;
}

.wp-block-image:not(.is-style-rounded) img {
  border-radius: inherit;
}

.wp-block-image.aligncenter {
  text-align: center;
}

.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
  width: 100%;
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright {
  display: table;
}

.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption {
  display: table-caption;
  caption-side: bottom;
}

.wp-block-image .alignleft {
  float: left;
  margin-left: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.wp-block-image .alignright {
  float: right;
  margin-right: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.wp-block-image .aligncenter {
  margin-right: auto;
  margin-left: auto;
}

.wp-block-image figcaption {
  margin-top: 0.5em;
  margin-bottom: 1em;
}

.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img {
  border-radius: 9999px;
}

@supports ((-webkit-mask-image: none) or (mask-image: none)) or
  (-webkit-mask-image: none) {
  .wp-block-image.is-style-circle-mask img {
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
    mask-mode: alpha;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    border-radius: 0;
  }
}

.wp-block-image figure {
  margin: 0;
}
.wp-block-columns {
  display: flex;
  margin-bottom: 1.75em;
  box-sizing: border-box;
  flex-wrap: wrap;
}

@media (min-width: 782px) {
  .wp-block-columns {
    flex-wrap: nowrap;
  }
}

.wp-block-columns.has-background {
  padding: 1.25em 2.375em;
}

.wp-block-columns.are-vertically-aligned-top {
  align-items: flex-start;
}

.wp-block-columns.are-vertically-aligned-center {
  align-items: center;
}

.wp-block-columns.are-vertically-aligned-bottom {
  align-items: flex-end;
}

.wp-block-column {
  flex-grow: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
}

@media (max-width: 599px) {
  .wp-block-column {
    flex-basis: 100% !important;
  }
}

@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-column:not(:only-child) {
    flex-basis: calc(50% - 1em) !important;
    flex-grow: 0;
  }

  .wp-block-column:nth-child(2n) {
    margin-right: 2em;
  }
}

@media (min-width: 782px) {
  .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
  }

  .wp-block-column[style*="flex-basis"] {
    flex-grow: 0;
  }

  .wp-block-column:not(:first-child) {
    margin-right: 2em;
  }
}

.wp-block-column.is-vertically-aligned-top {
  align-self: flex-start;
}

.wp-block-column.is-vertically-aligned-center {
  align-self: center;
}

.wp-block-column.is-vertically-aligned-bottom {
  align-self: flex-end;
}

.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
  width: 100%;
}
ol.has-background,
ul.has-background {
  padding: 1.25em 2.375em;
}