/**
 * Technoshop Main Hero Micro-Polish V9
 * Restrained refinement of V8 product frame — less card feel, tighter mount.
 * Preview presentation only. No selection / data changes.
 */

@media (min-width: 1024px) {
  /* Softer ambient halo — almost invisible integration */
  [data-storefront="technoshop"] .ts-density-v12 .ts-hero[data-ts-top="v2"] .ts-hero__banner--zones.ts-hero__banner--product::after {
    background:
      radial-gradient(ellipse 58% 52% at 55% 50%, rgba(140, 195, 255, 0.14) 0%, rgba(7, 85, 201, 0.05) 46%, transparent 72%) !important;
  }

  /* Media zone stays transparent over navy */
  [data-storefront="technoshop"] .ts-density-v12 .ts-hero[data-ts-top="v2"] .ts-hero__banner--zones .ts-hero__visual--stage {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0.85rem 1rem 0.85rem 0.55rem !important;
  }

  /* Local mount — minimal padding / weight */
  [data-storefront="technoshop"] .ts-density-v12 .ts-hero[data-ts-top="v2"] .ts-hero__banner--zones .ts-hero__product-frame {
    width: fit-content !important;
    max-width: min(97%, 580px) !important; /* landscape can use more width */
    max-height: min(92%, 386px) !important;
    padding: clamp(0.5rem, 0.75vw, 0.875rem) !important; /* ~8–14px */
    border-radius: 11px !important;
    border: 1px solid rgba(180, 205, 235, 0.22) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.35) inset,
      0 4px 14px rgba(3, 24, 58, 0.1) !important;
  }

  /* High occupancy — product dominates the mount */
  [data-storefront="technoshop"] .ts-density-v12 .ts-hero[data-ts-top="v2"] .ts-hero__banner--zones .ts-hero__visual-img--product {
    max-width: min(100%, 540px) !important;
    max-height: 360px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(16, 33, 61, 0.1));
  }
}

@media (min-width: 1280px) {
  [data-storefront="technoshop"] .ts-density-v12 .ts-hero[data-ts-top="v2"] .ts-hero__banner--zones .ts-hero__product-frame {
    max-width: min(97%, 600px) !important;
    max-height: min(92%, 390px) !important;
    padding: clamp(0.5rem, 0.7vw, 0.85rem) !important;
    border-radius: 11px !important;
  }

  [data-storefront="technoshop"] .ts-density-v12 .ts-hero[data-ts-top="v2"] .ts-hero__banner--zones .ts-hero__visual-img--product {
    max-width: min(100%, 560px) !important;
    max-height: 366px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  [data-storefront="technoshop"] .ts-density-v12 .ts-hero[data-ts-top="v2"] .ts-hero__banner--zones .ts-hero__product-frame {
    max-width: min(96%, 460px) !important;
    max-height: min(90%, 340px) !important;
    padding: clamp(0.5rem, 0.7vw, 0.8rem) !important;
    border-radius: 10px !important;
  }

  [data-storefront="technoshop"] .ts-density-v12 .ts-hero[data-ts-top="v2"] .ts-hero__banner--zones .ts-hero__visual-img--product {
    max-width: min(100%, 420px) !important;
    max-height: 312px !important;
  }
}

/* Mobile: slightly tighter mount only — keep stacked architecture */
@media (max-width: 1023.98px) {
  [data-storefront="technoshop"] .ts-density-v12 .ts-hero[data-ts-top="v2"] .ts-hero__banner--zones .ts-hero__visual--stage {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  [data-storefront="technoshop"] .ts-density-v12 .ts-hero[data-ts-top="v2"] .ts-hero__banner--zones .ts-hero__product-frame {
    max-width: min(94%, 300px) !important;
    padding: 0.5rem !important; /* 8px */
    border-radius: 10px !important;
    border: 1px solid rgba(180, 205, 235, 0.2) !important;
    background: rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 3px 10px rgba(3, 24, 58, 0.09) !important;
  }

  [data-storefront="technoshop"] .ts-density-v12 .ts-hero[data-ts-top="v2"] .ts-hero__banner--zones .ts-hero__visual-img--product {
    max-width: min(100%, 276px) !important;
    max-height: 212px !important;
  }
}