.shelf{position:relative;padding:0 clamp(.6rem,2vw,1.4rem)}.shelf__canopy{height:26px;margin:0 -2px;background:radial-gradient(circle at 50% 0,transparent 0 13px,var(--cabinet-deep) 13.5px) 0 0 / 40px 26px repeat-x,linear-gradient(180deg,var(--cabinet-deep),var(--cabinet-deep));-webkit-mask:radial-gradient(circle at 50% 100%,transparent 0 12px,#000 12.5px) 0 0 / 40px 26px repeat-x;mask:radial-gradient(circle at 50% 100%,transparent 0 12px,#000 12.5px) 0 0 / 40px 26px repeat-x;filter:drop-shadow(0 3px 2px rgba(0,0,0,.5))}.shelf__bay{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:clamp(.8rem,2.5vw,2rem);padding:clamp(1rem,2.5vw,1.8rem) clamp(.4rem,1.5vw,1rem) 1.2rem;box-shadow:var(--shadow-shelf);border-radius:2px}.shelf__ledge{height:14px;margin:0 -6px;background:linear-gradient(180deg,var(--cabinet-edge),var(--cabinet-deep) 55%,var(--cabinet-panel));box-shadow:0 6px 12px -4px #000000b3;border-top:1px solid rgba(255,255,255,.12)}@media (max-width: 767px){.shelf__bay{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shelf__bay::-webkit-scrollbar{display:none}.shelf__bay>*{flex:0 0 58%;scroll-snap-align:start}}