/* Conversion layer (see js/25-conversion.js). */

/* "Våra val i korthet": the jump row plus a direct price button. */
.lb-sum__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
}
.lb-sum__row > .et-summary__link { flex: 1 1 18rem; min-width: 0; }
.lb-sum__buy {
  flex: 0 0 auto;
  display: inline-block;
  padding: 0.6rem 1.05rem;
  border-radius: 999px;
  background: var(--lb-live, #02BA7B);
  color: #06281C;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  max-width: 100%;
}
.lb-sum__buy:hover, .lb-sum__buy:focus-visible { background: #04D68D; }
@media (max-width: 40rem) {
  .lb-sum__row { padding-bottom: 0.75rem; }
  .lb-sum__buy { flex: 1 1 100%; width: auto; text-align: center; }
}

/* Linked product images: show they are clickable without changing the layout. */
.lb-img-link { display: block; cursor: pointer; }
.lb-img-link img { transition: transform 200ms ease; }
.lb-img-link:hover img, .lb-img-link:focus-visible img { transform: scale(1.02); }
@media (prefers-reduced-motion: reduce) { .lb-img-link img { transition: none; } }

/* Phones: on pages with a picks summary, the recommendation comes before the
   mood photo, so the hero image is dropped below 40rem. */
@media (max-width: 40rem) {
  body:has(.et-summary) .et-review-hero__media { display: none; }
}