/* Landing invitation to the same curated products shown in Explore. */
.landing-top-picks {
    background: var(--green);
    color: #EDE6DC;
    padding: 80px 32px;
    scroll-margin-top: 88px;
}
.landing-top-picks__inner { max-width: 1280px; margin-inline: auto; }
.landing-top-picks__heading { max-width: 680px; margin: 0 auto 48px; text-align: center; }
.landing-top-picks__motif { display: block; width: 64px; height: 68px; margin: 0 auto 24px; background: #B4CEED; mask: url("../assets/motifs/flower.svg") center / contain no-repeat; }
.landing-top-picks h2 { color: #EDE6DC; text-wrap: balance; max-width: 22ch; margin-inline: auto; font: 400 clamp(34px, 3.5vw, 48px)/1.2 var(--font-display); letter-spacing: -.025em; }
.landing-top-picks__intro { max-width: 48ch; margin: 20px auto 0; color: #EDE6DC; font: 400 18px/1.6 var(--font-body); }
.landing-top-picks__grid { line-height: 1.5; --font-body: "Nanum Myeongjo", Georgia, serif; --font-mono: "Nanum Myeongjo", Georgia, serif; --hzl-maroon: #561023; --hzl-coral: #E45558; --hzl-offwhite: #efe8db; --ease-out: cubic-bezier(.22, 1, .36, 1); display: grid; grid-template-columns: repeat(var(--landing-picks-columns, 4), minmax(0, 1fr)); gap: 2px; list-style: none; padding: 0; margin: 0; }
.landing-top-picks__item { min-width: 0; }
.landing-top-picks__product { display: block; height: 100%; color: inherit; text-decoration: none; }
.landing-top-picks__footer { margin-top: 40px; text-align: center; }
.landing-top-picks__cta { display: inline-flex; align-items: center; justify-content: center; gap: 24px; min-height: 56px; padding: 16px 24px; background: #EDE6DC; color: #194234; font: 500 16px/1.5 var(--font-body); text-decoration: none; }
.landing-top-picks__cta > span:last-child { font-size: 24px; line-height: 1; }
.landing-top-picks__product:focus-visible, .landing-top-picks__cta:focus-visible { outline: 3px solid #B4CEED; outline-offset: 5px; }
.landing-top-picks__cta:hover { background: #B4CEED; }
@media (max-width: 900px) {
    .landing-top-picks { padding: 56px 20px; }
    .landing-top-picks__heading { margin-bottom: 32px; }
    .landing-top-picks__motif { width: 48px; height: 51px; margin-bottom: 20px; }
    .landing-top-picks__intro { font-size: 16px; }
    .landing-top-picks__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
    .landing-top-picks__footer { margin-top: 32px; }
    .landing-top-picks__cta { width: 100%; text-align: left; justify-content: space-between; gap: 16px; padding: 16px 20px; }
}