/* ==========================================================================
   IPEKERP_STOREFRONT_BRAND_COMPACT_HOVER_NO_POPOVER_V1

   Final brand-rail decision:
   - Keep reduced category -> brand spacing.
   - Keep compact 118px brand rail.
   - Keep 66px logo circles.
   - Keep subtle hover scale / blue emphasis.
   - Remove model popover UI completely.
   - Do not touch brand order, links, logos, carousel behavior or backend.
   ========================================================================== */

@media (min-width: 1180px) {

  body .sf4-brand-rail[data-brand-rail="v2"] {
    height: 118px !important;
    min-height: 118px !important;
    margin-top: -10px !important;
  }

  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand-rail__inner {
    height: 118px !important;
    min-height: 118px !important;

    padding-top: 4px !important;
    padding-bottom: 6px !important;

    gap: 10px !important;
  }

  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand-rail__track {
    align-items: center !important;
  }

  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand {
    position: relative !important;
    z-index: 1 !important;

    min-height: 96px !important;

    padding-top: 3px !important;
    padding-bottom: 3px !important;

    gap: 5px !important;

    overflow: visible !important;

    transition:
      transform 160ms ease,
      color 160ms ease !important;
  }

  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand__logo {
    transform-origin: 50% 50% !important;
    will-change: transform !important;

    transition:
      transform 165ms cubic-bezier(.2,.7,.2,1),
      border-color 165ms ease,
      box-shadow 165ms ease,
      background-color 165ms ease !important;
  }

  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:hover,
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:focus-visible {
    z-index: 4 !important;
    transform: none !important;
    outline: none !important;
  }

  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:hover .sf4-brand__logo,
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:focus-visible .sf4-brand__logo {
    transform: translateY(-2px) scale(1.065) !important;

    border-color: #8fb9e3 !important;
    background: #f8fbff !important;

    box-shadow:
      0 0 0 3px rgba(8, 104, 215, 0.055),
      0 8px 18px rgba(15, 42, 76, 0.09) !important;
  }

  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:hover .sf4-brand__name,
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand:focus-visible .sf4-brand__name {
    color: #0868d7 !important;
    font-weight: 740 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand,
  body .sf4-brand-rail[data-brand-rail="v2"]
  .sf4-brand__logo {
    transition-duration: .001ms !important;
  }
}