.wishlist-page {
    min-height: 70vh;
    background: var(--dt-soft);
}
.wishlist-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 126rem var(--dt-pad) 64rem;
    background: var(--dt-ink);
    color: var(--dt-white);
}
.wishlist-hero--has-image {
    min-height: 440rem;
    display: flex;
    align-items: center;
}
.wishlist-hero__media,
.wishlist-hero__media::after {
    position: absolute;
    inset: 0;
}
.wishlist-hero__media {
    z-index: -2;
}
.wishlist-hero__media::after {
    content: "";
    background: rgba(9, 28, 24, 0.68);
}
.wishlist-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wishlist-hero__inner {
    position: relative;
    z-index: 1;
    max-width: 920rem;
    margin: 0 auto;
    text-align: center;
}
.wishlist-hero h1 {
    margin: 8rem 0 16rem;
    color: var(--dt-white);
    font-size: 58rem;
}
.wishlist-hero__description {
    max-width: 720rem;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.78);
    font-size: 19rem;
}
.wishlist-hero__description > :first-child { margin-top: 0; }
.wishlist-hero__description > :last-child { margin-bottom: 0; }
.wishlist-content {
    min-height: 420rem;
}
.wishlist-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.wishlist-empty {
    max-width: 680rem;
    margin: 0 auto;
    padding: 70rem 32rem;
    border: 1rem solid var(--dt-line);
    border-radius: var(--dt-radius);
    background: var(--dt-white);
    text-align: center;
}
.wishlist-empty h2 {
    margin: 0 0 28rem;
    font-size: 30rem;
}
@media (max-width: 1024px) {
    .wishlist-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .wishlist-hero { padding-top: 108rem; }
    .wishlist-hero h1 { font-size: 42rem; }
    .wishlist-grid { grid-template-columns: 1fr; }
}