.favorite-heart{position:absolute;top:14px;right:14px;z-index:3;width:44px;height:44px;display:grid;place-items:center;border:1px solid #ded8ce;border-radius:50%;background:#fff;color:#303030;font-size:27px;cursor:pointer;line-height:1}.favorite-heart[aria-pressed=true]{color:#720039}.favorite-heart:focus-visible,.shop-options button:focus-visible,.shop-options select:focus-visible{outline:2px solid #720039;outline-offset:3px}.shop-options{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin:26px 0}.shop-options button,.shop-options select{font:inherit;padding:12px 18px;border:1px solid #d1cbc2;border-radius:28px;background:white;color:#303030;cursor:pointer}.shop-options button[aria-pressed=true]{background:#303030;color:white}.shop-options small{display:block;font-size:12px;margin-top:8px;color:#6d6862}.shop-options label{display:grid;gap:6px;font-size:13px}.shop-options select{font-size:14px;max-width:100%}.shop-options #favorites-count{margin-left:8px}@media(max-width:600px){.shop-options>div,.shop-options label{width:100%}.shop-options select{width:100%}.favorite-heart{top:8px;right:8px;width:40px;height:40px}}
.category-directory-grid .category-tile{flex:0 0 calc((100% - 20px)/2);height:auto;max-height:none;aspect-ratio:2/3;scroll-snap-align:start}.category-tile-media{min-width:0;min-height:0}.category-tile img,.category-tile.scene-card img{min-width:0;min-height:0;object-fit:contain;object-position:center}.category-tile:hover img{transform:none}.category-tile.scene-card:after{inset:76% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.48))}
.category-directory-grid{--category-columns:2;gap:20px}
.category-directory-grid .category-tile{flex-basis:calc((100% - (var(--category-columns) - 1)*20px)/var(--category-columns))}
.category-directory-grid .category-tile h3{left:16px;right:16px;bottom:20px;font-size:20px;line-height:1.3;gap:8px}
.category-directory-grid .category-tile small{left:16px;bottom:58px;font-size:12px}
@media(min-width:760px){.category-directory-grid{--category-columns:3}}
@media(min-width:1000px){.category-directory-grid{--category-columns:4}}
@media(min-width:1280px){.category-directory-grid{--category-columns:5}}
@media(max-width:759px){.category-directory-grid .category-tile h3{font-size:18px}}
@media(max-width:600px){.category-directory-grid{--category-columns:1;gap:14px}.category-directory-grid .category-tile{flex-basis:100%;height:auto;max-height:none}.category-directory-grid .category-tile h3{font-size:24px;left:20px;right:20px}.category-directory-grid .category-tile small{left:20px;bottom:62px}}
/* Consistent outlined icon, independent of the device's heart glyph font. */
.favorite-heart{top:12px;right:12px;width:48px;height:48px;padding:0;border:1px solid #e1e1e1;background:#fff;color:#111;font-size:0;box-shadow:none}
.favorite-heart::before{content:"";display:block;width:24px;height:24px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.8a5.5 5.5 0 0 0-7.8 0L12 5.9l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.4a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E")}
.favorite-heart[aria-pressed=true]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23111' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.8a5.5 5.5 0 0 0-7.8 0L12 5.9l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.4a5.5 5.5 0 0 0 0-7.8Z'/%3E%3C/svg%3E")}
.favorite-heart{width:42px;height:42px;display:block}
.favorite-heart::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:21px;height:21px}
#header-favorites svg{width:22px;height:22px;stroke-width:1.8;stroke:#111}
@media(max-width:600px){.favorite-heart{top:10px;right:10px;width:40px;height:40px}}