/* Discover shelves are a card-view introduction; results remain a regular grid. */
.discover-shelves{margin:26px 0 30px;min-width:0}
.discover-shelf{margin:0 0 32px;min-width:0;scroll-margin-top:110px}
.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.shelf-heading h3{font-size:21px;line-height:1.25;margin:0;color:var(--text)}
.shelf-description{color:var(--muted);font-size:13px;margin:5px 0 0}
.shelf-heading-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.shelf-see-all{color:var(--thyme-strong);background:transparent;border:0;padding:9px 4px;font:inherit;font-weight:650;min-height:44px;white-space:nowrap}
.shelf-arrow{width:36px;min-height:44px;padding:4px!important}
.shelf-rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:3px 2px 12px;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}
.shelf-rail>.tile{flex:0 0 200px;width:200px;scroll-snap-align:start;position:relative}
.shelf-rail .tile h3{font-size:14px}
.shelf-rank{position:absolute;z-index:3;left:12px;top:12px;min-width:28px;padding:3px 7px;background:var(--surface);color:var(--text);border:1px solid var(--edge);border-radius:8px;font-weight:850;pointer-events:none}
.shelf-loading{min-height:330px;display:flex;align-items:center;justify-content:center;background:var(--soft-bg);border-radius:16px;color:var(--muted)}
.discover-more-title{margin:28px 0 14px;font-size:24px;color:var(--text)}
.shelf-back{margin:0 0 18px}
.shelf-rail:focus-visible{outline:2px solid var(--thyme);outline-offset:3px}
@media(max-width:720px){
 .shelf-rail{gap:12px}
 .shelf-rail>.tile{flex-basis:clamp(155px,43vw,200px);width:clamp(155px,43vw,200px)}
 .shelf-heading h3{font-size:19px}
 .shelf-arrow{display:none}
 .shelf-loading{min-height:290px}
}
/* Both themes use the same isolated glass layer: 58% surface, 30px blur. */
@media(max-width:720px),(max-height:560px) and (orientation:landscape) and (pointer:coarse){
 html[data-lighting] .mobile-dock{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 html[data-lighting] .mobile-dock::after{background:color-mix(in srgb,var(--surface) 58%,transparent);-webkit-backdrop-filter:blur(30px) saturate(145%);backdrop-filter:blur(30px) saturate(145%)}
}