/* ========================================================================== 
   ZooMag logo + coin medium sizing — Round 7.3 (2026-07-15)
   About 1.5x smaller than Round 7.2 while preserving the same animation.
   ========================================================================== */

.zoomag_main_header_block {
  padding-block: clamp(14px, 1.55vw, 22px) !important;
  overflow: visible !important;
}

.zoomag_header_layout {
  grid-template-columns: minmax(390px, 1.12fr) minmax(340px, 1fr) minmax(105px, .3fr) !important;
  gap: clamp(14px, 1.25vw, 22px) !important;
  min-height: clamp(155px, 10vw, 195px) !important;
  overflow: visible !important;
}

.zoomag_logo_section,
.zoomag_logo_block,
.zoomag_logo_block > a {
  overflow: visible !important;
}

.zoomag_logo_block > a,
.zoomag_logo_block a {
  gap: clamp(12px, 1vw, 18px) !important;
}

.zoomag_logo_with_coins {
  /* Round 7.2: 225–276 px. Round 7.3: 150–184 px. */
  --zm-coin-logo-size: clamp(150px, 9.6vw, 184px);
  --zm-coin-stage-gap: clamp(8px, .55vw, 11px);
  --zm-coin-travel: calc(var(--zm-coin-logo-size) * .72 + var(--zm-coin-stage-gap));
  --zm-coin-stage-width: calc(var(--zm-coin-logo-size) * 1.72 + var(--zm-coin-stage-gap));

  position: relative !important;
  inset: auto !important;
  display: block !important;
  flex: 0 0 var(--zm-coin-stage-width) !important;
  width: var(--zm-coin-stage-width) !important;
  height: var(--zm-coin-logo-size) !important;
  min-width: var(--zm-coin-stage-width) !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  isolation: isolate;
}

.zoomag_logo_with_coins .zoomag_logo_image {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  left: 0 !important;
  top: 0 !important;
  display: block !important;
  width: var(--zm-coin-logo-size) !important;
  height: var(--zm-coin-logo-size) !important;
  min-width: var(--zm-coin-logo-size) !important;
  max-width: var(--zm-coin-logo-size) !important;
  max-height: var(--zm-coin-logo-size) !important;
  object-fit: contain !important;
  transform: none !important;
  z-index: 3 !important;
}

.zoomag_logo_with_coins .coin.coin-slide-right {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--zm-coin-logo-size) !important;
  height: var(--zm-coin-logo-size) !important;
  min-width: var(--zm-coin-logo-size) !important;
  max-width: var(--zm-coin-logo-size) !important;
  max-height: var(--zm-coin-logo-size) !important;
  margin: 0 !important;
  pointer-events: none !important;
  transform-origin: center center !important;
  will-change: transform, opacity;
  z-index: 2 !important;
  animation: zmCoinSlideRightPreservedMedium 180s ease-in-out 5s infinite !important;
}

@keyframes zmCoinSlideRightPreservedMedium {
  0%, 1% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(.9);
  }
  2% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  5%, 94% {
    opacity: 1;
    transform: translate3d(var(--zm-coin-travel), 0, 0) scale(1);
  }
  95% {
    opacity: 1;
    transform: translate3d(var(--zm-coin-travel), 0, 0) scale(1);
  }
  98% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  99%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(.9);
  }
}

.zoomag_logo_with_coins:hover .coin.coin-slide-right {
  filter: drop-shadow(3px 5px 14px rgba(255, 215, 0, .85));
}

.zoomag_logo_title {
  font-size: clamp(1.65rem, 2vw, 2.35rem) !important;
}

.zoomag_logo_subtitle {
  font-size: clamp(.78rem, .9vw, 1rem) !important;
}

@media (max-width: 1399.98px) and (min-width: 1200px) {
  .zoomag_header_layout {
    grid-template-columns: minmax(360px, 1.05fr) minmax(310px, 1fr) minmax(100px, .28fr) !important;
    min-height: 155px !important;
  }

  .zoomag_logo_with_coins {
    --zm-coin-logo-size: clamp(130px, 10.5vw, 149px);
  }
}

@media (max-width: 1199.98px) and (min-width: 768px) {
  .zoomag_header_layout {
    grid-template-columns: minmax(0, 1fr) minmax(130px, auto) !important;
    grid-template-areas:
      "logo logo"
      "search cart" !important;
    min-height: 0 !important;
  }

  .zoomag_logo_section {
    justify-self: center !important;
  }

  .zoomag_logo_with_coins {
    --zm-coin-logo-size: clamp(100px, 12vw, 127px);
    --zm-coin-stage-gap: 6px;
  }
}

@media (max-width: 767.98px) {
  .zoomag_header_layout {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "logo logo"
      "search cart" !important;
    min-height: 0 !important;
  }

  .zoomag_logo_section {
    justify-self: center !important;
    width: 100% !important;
  }

  .zoomag_logo_block > a,
  .zoomag_logo_block a {
    justify-content: center !important;
  }

  .zoomag_logo_with_coins {
    --zm-coin-logo-size: clamp(76px, 19vw, 98px);
    --zm-coin-stage-gap: 4px;
  }

  .zoomag_logo_text {
    max-width: min(40vw, 165px) !important;
  }

  .zoomag_logo_title {
    font-size: clamp(1.35rem, 5.8vw, 1.9rem) !important;
  }

  .zoomag_logo_subtitle {
    font-size: clamp(.64rem, 2.8vw, .82rem) !important;
    white-space: normal !important;
  }
}

@media (max-width: 420px) {
  .zoomag_logo_with_coins {
    --zm-coin-logo-size: clamp(64px, 17vw, 76px);
    --zm-coin-stage-gap: 3px;
  }

  .zoomag_logo_text {
    max-width: 126px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zoomag_logo_with_coins .coin.coin-slide-right {
    display: none !important;
    animation: none !important;
  }
}