/* Zoomag r15 — structural fix for logo coin stage and search. */

body.zm-storefront-r15 {
  --zm-r15-green: #1f754b;
  --zm-r15-green-dark: #155a39;
  --zm-r15-orange: #ef8a2f;
  --zm-r15-text: #243446;
  --zm-r15-muted: #7a8793;
  --zm-r15-line: #d8e2da;
}

/* ========================================================================== */
/* LOGO / COIN: the white rounded square was the stage, not the coin itself.  */
/* ========================================================================== */
body.zm-storefront-r15 .zoomag_logo_section,
body.zm-storefront-r15 .zoomag_logo_block,
body.zm-storefront-r15 .zoomag_logo_block > a,
body.zm-storefront-r15 .zoomag_logo_with_coins {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
body.zm-storefront-r15 .zoomag_logo_with_coins {
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
body.zm-storefront-r15 .zoomag_logo_with_coins .coin,
body.zm-storefront-r15 .zoomag_logo_with_coins .coin.coin-slide-right {
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 50% !important;
  clip-path: circle(47% at 50% 50%) !important;
  overflow: hidden !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
  filter: drop-shadow(0 7px 10px rgba(70, 50, 12, .23)) !important;
}
body.zm-storefront-r15 .zoomag_logo_with_coins .coin::before,
body.zm-storefront-r15 .zoomag_logo_with_coins .coin::after {
  border-radius: 50% !important;
  clip-path: circle(47% at 50% 50%) !important;
}

/* ========================================================================== */
/* SEARCH: remove the original gradient mechanics instead of painting over it. */
/* ========================================================================== */
body.zm-storefront-r15 .zoomag_search_section,
body.zm-storefront-r15 .zoomag_search_block,
body.zm-storefront-r15 .zoomag-magic-search,
body.zm-storefront-r15 .magic-search-form {
  background: transparent !important;
  box-shadow: none !important;
}
body.zm-storefront-r15 .magic-search-input-wrapper {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 62px !important;
  height: 62px !important;
  margin: 0 !important;
  padding: 5px !important;
  border: 1.5px solid var(--zm-r15-line) !important;
  border-radius: 17px !important;
  background: #fff !important;
  background-image: none !important;
  background-clip: border-box !important;
  backdrop-filter: none !important;
  box-shadow: 0 6px 18px rgba(27,72,49,.08) !important;
  animation: none !important;
  transform: none !important;
  overflow: visible !important;
}
body.zm-storefront-r15 .magic-search-input-wrapper::before,
body.zm-storefront-r15 .magic-search-input-wrapper::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  animation: none !important;
}
body.zm-storefront-r15 .magic-search-input-wrapper:hover,
body.zm-storefront-r15 .magic-search-input-wrapper:focus-within {
  background: #fff !important;
  background-image: none !important;
  border-color: rgba(31,117,75,.48) !important;
  box-shadow: 0 0 0 4px rgba(31,117,75,.07), 0 8px 22px rgba(27,72,49,.09) !important;
  transform: none !important;
}

body.zm-storefront-r15 .magic-glow,
body.zm-storefront-r15 .floating-particles,
body.zm-storefront-r15 .orbit-paws,
body.zm-storefront-r15 .btn-sparkles {
  display: none !important;
}

body.zm-storefront-r15 .magic-search-input {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 158px 0 66px !important;
  border: 0 !important;
  border-radius: 13px !important;
  outline: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--zm-r15-text) !important;
  -webkit-text-fill-color: var(--zm-r15-text) !important;
  font-size: 17px !important;
  line-height: 50px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  animation: none !important;
  transform: none !important;
  transition: none !important;
}
body.zm-storefront-r15 .magic-search-input:focus {
  transform: none !important;
  background: #fff !important;
  color: var(--zm-r15-text) !important;
  -webkit-text-fill-color: var(--zm-r15-text) !important;
}
body.zm-storefront-r15 .magic-search-input::placeholder {
  color: var(--zm-r15-muted) !important;
  -webkit-text-fill-color: var(--zm-r15-muted) !important;
  opacity: 1 !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  animation: none !important;
}

body.zm-storefront-r15 .magic-loupe {
  position: absolute !important;
  z-index: 3 !important;
  left: 18px !important;
  top: 50% !important;
  width: 36px !important;
  height: 36px !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #fff5e9 !important;
  background-image: none !important;
  color: var(--zm-r15-orange) !important;
  font-size: 15px !important;
  box-shadow: none !important;
  animation: none !important;
}

/* Literal button label comes from search.twig. No pseudo-labels are allowed. */
body.zm-storefront-r15 .magic-search-btn {
  position: absolute !important;
  z-index: 4 !important;
  top: 7px !important;
  right: 7px !important;
  bottom: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 118px !important;
  min-width: 118px !important;
  height: auto !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: var(--zm-r15-green) !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
  box-shadow: 0 6px 14px rgba(31,117,75,.16) !important;
  animation: none !important;
  transform: none !important;
  overflow: hidden !important;
}
body.zm-storefront-r15 .magic-search-btn::before,
body.zm-storefront-r15 .magic-search-btn::after {
  content: none !important;
  display: none !important;
}
body.zm-storefront-r15 .magic-search-btn:hover,
body.zm-storefront-r15 .magic-search-btn:focus {
  background: var(--zm-r15-green-dark) !important;
  background-image: none !important;
  transform: none !important;
}

/* Search dropdown: reset transparent/gradient text inherited from old Poisk.css. */
body.zm-storefront-r15 .magic-results-dropdown {
  background: #fff !important;
  background-image: none !important;
  color: var(--zm-r15-text) !important;
}
body.zm-storefront-r15 .magic-results-dropdown :where(.magic-result-name, .magic-result-name *, .magic-result-meta, .magic-result-meta *) {
  color: var(--zm-r15-text) !important;
  -webkit-text-fill-color: currentColor !important;
  background-image: none !important;
  text-shadow: none !important;
}
body.zm-storefront-r15 .magic-result-name {
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}
body.zm-storefront-r15 .magic-result-price {
  color: var(--zm-r15-green-dark) !important;
  -webkit-text-fill-color: var(--zm-r15-green-dark) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

@media (min-width: 1700px) {
  body.zm-storefront-r15 .magic-search-input {
    padding-left: 70px !important;
    padding-right: 174px !important;
    font-size: 18px !important;
  }
  body.zm-storefront-r15 .magic-search-btn {
    width: 128px !important;
    min-width: 128px !important;
    font-size: 16px !important;
  }
}

@media (max-width: 767.98px) {
  body.zm-storefront-r15 .magic-search-input-wrapper {
    min-height: 54px !important;
    height: 54px !important;
  }
  body.zm-storefront-r15 .magic-search-input {
    height: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
    padding-left: 58px !important;
    padding-right: 108px !important;
    font-size: 15px !important;
  }
  body.zm-storefront-r15 .magic-loupe {
    left: 14px !important;
    width: 34px !important;
    height: 34px !important;
  }
  body.zm-storefront-r15 .magic-search-btn {
    top: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    width: 88px !important;
    min-width: 88px !important;
    min-height: 42px !important;
    padding-inline: 10px !important;
    font-size: 13px !important;
  }
}