/* NØSEN KategoriFlow v1.0.6 – optional featured desktop product cards.
 * Classes are added only to VVTS result items in 4/5-column grids by the
 * companion script. Existing order, filter/sort, and mobile cards stay intact.
 */
@media (min-width: 769px) {
  #vvts-app.vvts-app .vvts-hits__list > .nkf-desktop-featured-item {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
    min-width: 0 !important;
  }

  #vvts-app.vvts-app .vvts-hits__list > .nkf-desktop-featured-item .vvts-product-card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    border: 2px solid transparent !important;
    border-radius: 9px !important;
    background:
      linear-gradient(#fff, #fff) padding-box,
      linear-gradient(135deg,
        rgba(var(--nkf-accent, 125, 135, 145), .85),
        rgba(var(--nkf-accent, 125, 135, 145), .10) 45%,
        rgba(var(--nkf-accent, 125, 135, 145), .95)
      ) border-box !important;
    /* Ambient glow is OUTSIDE the frame only. Both image and body stay white. */
    box-shadow:
      0 0 22px rgba(var(--nkf-accent, 125, 135, 145), .16),
      0 10px 28px rgba(var(--nkf-accent, 125, 135, 145), .10) !important;
    transition: box-shadow .2s ease !important;
  }

  #vvts-app.vvts-app .vvts-hits__list > .nkf-desktop-featured-item .vvts-product-card:hover {
    box-shadow:
      0 0 30px rgba(var(--nkf-accent, 125, 135, 145), .22),
      0 12px 34px rgba(var(--nkf-accent, 125, 135, 145), .15) !important;
  }

  #vvts-app.vvts-app .vvts-hits__list > .nkf-desktop-featured-item .vvts-product-card__link {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }

  #vvts-app.vvts-app .vvts-hits__list > .nkf-desktop-featured-item .vvts-product-card__image {
    position: relative !important;
    overflow: hidden !important;
    flex: 1 1 auto !important;
    min-height: 200px !important;
    width: 100% !important;
    aspect-ratio: auto !important;
    background: #fff !important;
  }

  #vvts-app.vvts-app .vvts-hits__list > .nkf-desktop-featured-item .vvts-product-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  #vvts-app.vvts-app .vvts-hits__list > .nkf-desktop-featured-item .vvts-product-card__body {
    flex: 0 0 auto !important;
    padding: 14px 16px !important;
    gap: 7px !important;
  }

  #vvts-app.vvts-app .vvts-hits__list > .nkf-desktop-featured-item .vvts-product-card__title {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  #vvts-app.vvts-app .vvts-hits__list > .nkf-desktop-featured-item .vvts-price-current {
    font-size: 22px !important;
    font-weight: 700 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #vvts-app.vvts-app .vvts-hits__list > .nkf-desktop-featured-item .vvts-product-card {
    transition: none !important;
  }
}