.pm-reveal { opacity: 0; transform: translate3d(0, 2.4rem, 0); transition: opacity .7s cubic-bezier(.2, .65, .3, 1), transform .7s cubic-bezier(.2, .65, .3, 1); transition-delay: var(--pm-delay, 0ms); will-change: opacity, transform; } .pm-reveal--zoom { transform: scale(.96); } .pm-reveal.is-visible { opacity: 1; transform: none; }  .header__search { position: relative; } .search-suggest { position: absolute; z-index: 60; top: calc(100% + .8rem); left: 0; right: 0; min-width: min(42rem, 92vw); max-height: min(70vh, 56rem); overflow-y: auto; overscroll-behavior: contain; padding: .8rem; background: var(--white); border-radius: 1.2rem; box-shadow: 0 1.6rem 4rem var(--base-trans-20), 0 .2rem .6rem var(--base-trans-10); text-align: left; animation: pm-suggest-in .2s ease-out; } .search-suggest[hidden] { display: none; } .search-suggest__group + .search-suggest__group { margin-top: .4rem; padding-top: .4rem; border-top: 1px solid var(--base-trans-10); } .search-suggest__title { margin: 0; padding: .6rem .8rem .2rem; font-size: var(--text-xs); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--neutral-dark); } .search-suggest__item { display: flex; align-items: center; gap: 1rem; padding: .6rem .8rem; border-radius: .8rem; color: var(--base); text-decoration: none; transition: background-color .15s ease; } .search-suggest__item:hover, .search-suggest__item.is-active, .search-suggest__all:hover, .search-suggest__all.is-active { background-color: color-mix(in srgb, var(--secondary) 45%, transparent); } .search-suggest__thumb { flex: none; width: 4.4rem; height: 4.4rem; overflow: hidden; border-radius: .6rem; background: #f4f3f6; } .search-suggest__thumb img { width: 100%; height: 100%; object-fit: cover; } .search-suggest__body { display: flex; flex-direction: column; min-width: 0; flex: 1; } .search-suggest__label { overflow: hidden; font-size: var(--text-s); line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; } .search-suggest__meta { font-size: var(--text-xs); color: var(--neutral-dark); } .search-suggest__price { flex: none; font-family: var(--heading-font-family); font-size: var(--text-m); color: var(--primary); } .search-suggest__all { display: block; margin-top: .4rem; padding: .8rem; border-top: 1px solid var(--base-trans-10); border-radius: .8rem; font-size: var(--text-s); font-weight: 700; color: var(--primary); text-decoration: none; } .search-suggest__empty, .search-suggest__loading { margin: 0; padding: .8rem; font-size: var(--text-s); color: var(--neutral-dark); } .search-suggest__empty a { color: var(--primary); font-weight: 700; } @keyframes pm-suggest-in { from { opacity: 0; transform: translateY(-.4rem); } to { opacity: 1; transform: none; } }  body .universe-card::before { translate: 0 var(--pm-par, 0px); } body .universe-card:hover::before { animation: pm-leaf-sway 3.2s ease-in-out infinite; } body .cta-band__box { background-position: center calc(50% + var(--pm-par, 0px)); } body .shop-hero__card { background-position: right calc(var(--space-xl) * -1) top calc(50% + var(--pm-par, 0px)); } @keyframes pm-leaf-sway { 0%, 100% { rotate: 0deg; scale: 1; } 25% { rotate: 1.4deg; scale: 1.02; } 75% { rotate: -1.4deg; scale: 1.02; } }  .product-card .product-card__media img { transition: transform .6s cubic-bezier(.2, .65, .3, 1); } .product-card:hover .product-card__media img, .product-card:focus-visible .product-card__media img { transform: scale(1.06); } .wishlist-toggle.pm-pulse { animation: pm-heart-ring .7s ease-out; } .wishlist-toggle.pm-pulse .wishlist-toggle__icon--on { animation: pm-heart .6s cubic-bezier(.2, .65, .3, 1); } @keyframes pm-heart { 0% { transform: scale(1); } 30% { transform: scale(1.35); } 55% { transform: scale(.9); } 75% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes pm-heart-ring { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--primary) 40%, transparent); } 100% { box-shadow: 0 0 0 1.2rem color-mix(in srgb, var(--primary) 0%, transparent); } }  .brxe-button[href^="tel:"] { --pm-halo: var(--primary); animation: pm-halo 3.6s ease-out 1.5s infinite; } .brxe-button.btn--accent[href^="tel:"] { --pm-halo: var(--accent); } .brxe-button.btn--secondary[href^="tel:"] { --pm-halo: var(--secondary); } .brxe-button[href^="tel:"]:hover, .brxe-button[href^="tel:"]:focus-visible { animation: none; } @keyframes pm-halo { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--pm-halo) 70%, transparent); } 35%, 100% { box-shadow: 0 0 0 1.4rem color-mix(in srgb, var(--pm-halo) 0%, transparent); } }  .brxe-dropdown:is(:hover, :focus-within, .open) .mm-panel :is(.mm-panel__title, .mm-panel__links > *, .mm-panel__media) { animation: pm-mm-in .45s cubic-bezier(.2, .65, .3, 1) both; } .brxe-dropdown .mm-panel .mm-panel__links > :nth-child(1) { animation-delay: 60ms; } .brxe-dropdown .mm-panel .mm-panel__links > :nth-child(2) { animation-delay: 100ms; } .brxe-dropdown .mm-panel .mm-panel__links > :nth-child(3) { animation-delay: 140ms; } .brxe-dropdown .mm-panel .mm-panel__links > :nth-child(4) { animation-delay: 180ms; } .brxe-dropdown .mm-panel .mm-panel__links > :nth-child(5) { animation-delay: 220ms; } .brxe-dropdown .mm-panel .mm-panel__links > :nth-child(6) { animation-delay: 260ms; } .brxe-dropdown .mm-panel .mm-panel__links > :nth-child(n+7) { animation-delay: 300ms; } .brxe-dropdown .mm-panel .mm-panel__media { animation-delay: 120ms; } @keyframes pm-mm-in { from { opacity: 0; transform: translate3d(0, 1.2rem, 0); } to { opacity: 1; transform: none; } }  .contact-hours__row.is-today { width: calc(100% + 1.6rem); max-width: none; margin-inline: -.8rem; padding-inline: .8rem; border-radius: .6rem; background: color-mix(in srgb, var(--accent) 14%, transparent); font-weight: 700; } .hours-badge { display: inline-flex; align-items: center; gap: .6rem; width: fit-content; margin: 0; padding: .4rem 1.2rem; border-radius: 99rem; font-size: var(--text-xs); font-weight: 700; line-height: 1.4; } .hours-badge:empty { display: none; } .hours-badge::before { content: ""; flex: none; width: .8rem; height: .8rem; border-radius: 50%; background: currentColor; } .hours-badge--open { background: var(--accent); color: var(--primary); } .hours-badge--open::before { background: #2f9e4f; animation: pm-dot 2s ease-out infinite; } .hours-badge--closed { background: color-mix(in srgb, var(--accent) 18%, transparent); color: var(--accent); } @keyframes pm-dot { 0% { box-shadow: 0 0 0 0 rgba(47, 158, 79, .5); } 70%, 100% { box-shadow: 0 0 0 .6rem rgba(47, 158, 79, 0); } }  @media (prefers-reduced-motion: reduce) { .pm-reveal { opacity: 1; transform: none; transition: none; } .search-suggest, .universe-card:hover::before, .wishlist-toggle.pm-pulse, .wishlist-toggle.pm-pulse .wishlist-toggle__icon--on, .brxe-button[href^="tel:"], .brxe-dropdown .mm-panel *, .hours-badge--open::before { animation: none !important; } .universe-card::before { translate: none; } .product-card .product-card__media img { transition: none; } }