input:focus-visible {
  outline: unset;
}

.pointer-with-drop {
  cursor: url("../../image/ital/hand_drop.png"), pointer;
}

.white-blue-bg-gradient {
  background: linear-gradient(145deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(249, 209, 214, 1) 60%,
      rgba(247, 184, 190, 1) 100%);
}

.blue-white-bg-gradient {
  background: linear-gradient(145deg,
      rgba(249, 209, 214, 0.75) 0%,
      rgba(255, 255, 255, 0.8) 100%);
}

.blue-bg-gradient {
  background: linear-gradient(145deg,
      rgba(138, 28, 36, 1) 20%,
      rgba(206, 43, 55, 1) 100%);
}

.montserrat-font {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

/* ins-12 */
:root {
  --primary-color: rgb(138, 28, 36);
  --custom-breadcrumbs-after: "/";
  --primary-color-filter: brightness(0) saturate(100%) invert(22%) sepia(77%) saturate(2500%) hue-rotate(335deg) brightness(91%) contrast(90%);
}

.itl-main-color {
  fill: var(--primary-color);
  stroke: var(--primary-color);
  color: var(--primary-color);
}

img[src*="blue"],
img[src*="arrow_dark_blue"],
img[src*="arrow_blue"],
img[src*="filter_blue"],
img[src*="search_blue"],
img[src*="catalog_blue"],
img[src*="ital_back_arrow"],
img[src*="placeholder_blue"],
img[src*="mobile_navigation_menu"] {
  filter: var(--primary-color-filter);
}

.bg-start-video,
.bg-footer-video {
  filter: grayscale(100%) sepia(100%) saturate(260%) hue-rotate(315deg) brightness(72%);
}

.itl-overlay {
  display: none;
  position: fixed;
  opacity: 0.3;
  z-index: 230;
  width: 100%;
  height: 100%;
  background-color: black;
}

.itl-overlay.active {
  display: block;
}

.itl-category-breadcrumbs-overlay {
  display: none;
  position: absolute;
  opacity: 0.1;
  z-index: 100;
  top: 156px;
  width: 100%;
  height: 100%;
  background-color: black;

  &.active {
    display: block;
  }
}

.itl-product-breadcrumbs-overlay {
  display: none;
  position: absolute;
  opacity: 0.1;
  z-index: 100;
  top: 156px;
  width: 100%;
  height: 100%;
  background-color: black;

  &.active {
    display: block;
  }
}

.ital-header-language-box a:focus,
.footer__language-switch a:focus {
  text-decoration: none;
}

@media (max-width: 1023px) {
  .itl-category-breadcrumbs-overlay {
    top: 145px;
  }
}

.itl-breadcrumb .itl-back-page-link-button::before,
.itl-breadcrumb>li:nth-child(2)>a:before {
  content: none;
}

.itl-breadcrumb .itl-back-page-link-button {
  display: flex;
  align-items: center;
  margin-top: 1px;
}

.itl-breadcrumb .itl-back-page-img-button {
  width: 18px;
  height: 13px;
  margin-right: 8px;
}

.itl-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 14px -2px;
}

.itl-breadcrumb>li {
  padding: 0;
  padding-right: 23px;
  color: var(--primary-color);
}

.itl-breadcrumb>li:after {
  content: var(--custom-breadcrumbs-after);
  border: none;
  width: auto;
  height: auto;
  top: -0.5px;
  right: 10px;
  color: var(--primary-color);
  transform: none;
  font-size: 14.5px;
}

.itl-breadcrumb>li:after {}

.itl-breadcrumb>li:first-child:after,
.itl-breadcrumb>li:last-child:after {
  content: none;
}

.itl-breadcrumb>li>a {
  position: relative;
}

.itl-breadcrumb>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: #B98289;
}

.itl-breadcrumb>li:first-child {
  padding-left: 0;
  padding-right: 50px;
}

.itl-home:before {
  content: "";
  display: block;
  background: url("../../image/ital/ital-home.png") 0 0 / contain no-repeat;
  width: 18px;
  height: 18px;
}

.itl-breadcrumb .itl-breadcrumb-title {
  font-weight: 700;
}
