/* Zoomag r13 — coin transparency, search button label fix, readable search text */

body.zm-storefront-r13 {
  --zm-r13-search-text: #2a3848;
  --zm-r13-search-placeholder: #74685b;
}

/* 1) Coin: remove visible white square around the asset. */
body.zm-storefront-r13 .zoomag_logo_with_coins {
  isolation: isolate !important;
}
body.zm-storefront-r13 .zoomag_logo_with_coins .coin,
body.zm-storefront-r13 .zoomag_logo_with_coins .coin.coin-slide-right {
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: multiply !important;
  isolation: isolate !important;
}
body.zm-storefront-r13 .zoomag_logo_with_coins .coin::before,
body.zm-storefront-r13 .zoomag_logo_with_coins .coin::after {
  mix-blend-mode: screen !important;
}

/* 2) Search button duplicated label: force a single clean title. */
body.zm-storefront-r13 .magic-search-btn {
  position: absolute !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
}
body.zm-storefront-r13 .magic-search-btn > * {
  display: none !important;
}
body.zm-storefront-r13 .magic-search-btn::before {
  content: 'Найти' !important;
  display: inline-block !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

/* 3) Search field / search results readability on the right side. */
body.zm-storefront-r13 .magic-search-input-wrapper {
  padding-right: 6px !important;
}
body.zm-storefront-r13 .magic-search-input {
  color: var(--zm-r13-search-text) !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  padding-left: 50px !important;
  padding-right: 178px !important;
  text-overflow: ellipsis !important;
}
body.zm-storefront-r13 .magic-search-input::placeholder {
  color: var(--zm-r13-search-placeholder) !important;
  opacity: 1 !important;
}
body.zm-storefront-r13 .magic-loupe {
  color: #ee8b2f !important;
}
body.zm-storefront-r13 .magic-search-btn {
  min-width: 120px !important;
  padding-inline: 18px !important;
}
body.zm-storefront-r13 .magic-results-dropdown {
  border-radius: 18px !important;
}
body.zm-storefront-r13 .magic-results-dropdown,
body.zm-storefront-r13 .magic-results-dropdown * {
  color: var(--zm-r13-search-text) !important;
}
body.zm-storefront-r13 .magic-results-dropdown .magic-result-name,
body.zm-storefront-r13 .magic-results-dropdown .product-name,
body.zm-storefront-r13 .magic-results-dropdown .name {
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}
body.zm-storefront-r13 .magic-results-dropdown .magic-result-price,
body.zm-storefront-r13 .magic-results-dropdown .price {
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: #1d6f46 !important;
}
body.zm-storefront-r13 .magic-results-dropdown .description,
body.zm-storefront-r13 .magic-results-dropdown .magic-result-description {
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #677587 !important;
}

/* Larger viewports need larger internal search text too. */
@media (min-width: 1700px) {
  body.zm-storefront-r13 .magic-search-input {
    font-size: 18px !important;
    padding-right: 190px !important;
  }
  body.zm-storefront-r13 .magic-search-btn {
    min-width: 132px !important;
  }
  body.zm-storefront-r13 .magic-search-btn::before {
    font-size: 16px !important;
  }
}

@media (max-width: 767.98px) {
  body.zm-storefront-r13 .magic-search-input {
    padding-right: 110px !important;
    font-size: 15px !important;
  }
  body.zm-storefront-r13 .magic-search-btn {
    min-width: 92px !important;
    padding-inline: 12px !important;
  }
  body.zm-storefront-r13 .magic-search-btn::before {
    font-size: 13px !important;
  }
}