/* Zoomag r14 — crop coin cleanly and restyle search field */

body.zm-storefront-r14 {
  --zm-r14-search-bg: #ffffff;
  --zm-r14-search-line: #d9e5dc;
  --zm-r14-search-shadow: rgba(28, 72, 49, 0.08);
  --zm-r14-search-text: #253646;
  --zm-r14-search-placeholder: #7f8c78;
}

/* 1) Coin: crop the visible asset to a clean round coin so the white square disappears. */
body.zm-storefront-r14 .zoomag_logo_with_coins .coin,
body.zm-storefront-r14 .zoomag_logo_with_coins .coin.coin-slide-right {
  overflow: hidden !important;
  border-radius: 50% !important;
  clip-path: circle(46.5% at 50% 50%) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  box-shadow: none !important;
  filter: drop-shadow(0 8px 12px rgba(63, 44, 7, 0.24)) !important;
  isolation: isolate !important;
}
body.zm-storefront-r14 .zoomag_logo_with_coins .coin::before,
body.zm-storefront-r14 .zoomag_logo_with_coins .coin::after {
  border-radius: 50% !important;
  clip-path: circle(46.5% at 50% 50%) !important;
}

/* 2) Search palette: remove intrusive gradient and make the field calm/readable. */
body.zm-storefront-r14 .magic-search-input-wrapper {
  background: var(--zm-r14-search-bg) !important;
  border: 1.5px solid var(--zm-r14-search-line) !important;
  box-shadow: 0 6px 18px var(--zm-r14-search-shadow), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
body.zm-storefront-r14 .magic-search-input-wrapper:focus-within {
  background: #fff !important;
  border-color: rgba(33,115,74,.42) !important;
  box-shadow: 0 0 0 4px rgba(33,115,74,.08), 0 8px 20px rgba(28,72,49,.08) !important;
}
body.zm-storefront-r14 .magic-search-input {
  background: transparent !important;
  color: var(--zm-r14-search-text) !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  padding-left: 62px !important;
  padding-right: 166px !important;
}
body.zm-storefront-r14 .magic-search-input::placeholder {
  color: var(--zm-r14-search-placeholder) !important;
}
body.zm-storefront-r14 .magic-loupe {
  left: 23px !important;
  color: #ef8c30 !important;
}
body.zm-storefront-r14 .magic-search-btn {
  min-width: 118px !important;
  background: linear-gradient(135deg, #1f7a4d, #165d3a) !important;
  box-shadow: 0 7px 16px rgba(31,106,67,.16) !important;
}
body.zm-storefront-r14 .magic-search-btn::before {
  content: 'Найти' !important;
}

/* 3) Live search / search page text on the right should be darker and more readable. */
body.zm-storefront-r14 .magic-results-dropdown,
body.zm-storefront-r14 .magic-results-dropdown * {
  color: var(--zm-r14-search-text) !important;
}
body.zm-storefront-r14 .magic-results-dropdown .magic-result-name,
body.zm-storefront-r14 .magic-results-dropdown .product-name,
body.zm-storefront-r14 .magic-results-dropdown .name,
body.zm-storefront-r14 #product-search .product-thumb h4 a,
body.zm-storefront-r14 #search .product-layout .caption h4 a,
body.zm-storefront-r14 .product-search-page .product-name a {
  color: #233445 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}
body.zm-storefront-r14 #product-search .product-thumb .caption,
body.zm-storefront-r14 #search .product-layout .caption,
body.zm-storefront-r14 .product-search-page .caption,
body.zm-storefront-r14 #product-search .product-thumb .caption p,
body.zm-storefront-r14 #search .product-layout .caption p {
  color: #4a5c70 !important;
}
body.zm-storefront-r14 #product-search .price,
body.zm-storefront-r14 #search .price,
body.zm-storefront-r14 .product-search-page .price,
body.zm-storefront-r14 .magic-results-dropdown .price,
body.zm-storefront-r14 .magic-results-dropdown .magic-result-price {
  color: #186a43 !important;
  font-weight: 800 !important;
}

@media (min-width: 1700px) {
  body.zm-storefront-r14 .magic-search-input {
    padding-left: 66px !important;
    padding-right: 178px !important;
    font-size: 18px !important;
  }
  body.zm-storefront-r14 .magic-loupe {
    left: 24px !important;
  }
}

@media (max-width: 767.98px) {
  body.zm-storefront-r14 .magic-search-input {
    padding-left: 52px !important;
    padding-right: 108px !important;
    font-size: 15px !important;
  }
  body.zm-storefront-r14 .magic-loupe {
    left: 18px !important;
  }
  body.zm-storefront-r14 .magic-search-btn {
    min-width: 92px !important;
  }
}
