.shelf{padding-block:clamp(3rem,7vw,5.5rem)}.shelf__inner{display:grid;gap:clamp(1.75rem,3.5vw,2.5rem)}.shelf__head{display:grid;gap:.6rem;justify-items:center;text-align:center}.shelf__title{font-size:clamp(1.9rem,5.5vw,3rem)}.shelf__title-size{color:rgb(var(--gen2-gold));white-space:nowrap}.shelf__lead{margin:0;max-width:46ch;color:rgb(var(--gen2-muted))}.shelf__sizes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem}.shelf__sizes-label{margin-inline-end:.35rem;font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--gen2-muted))}.shelf__size{min-width:3rem;padding:.5rem .85rem;border:1px solid rgb(var(--gen2-line));border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.shelf__size:hover{border-color:rgb(var(--gen2-gold) / .7)}.shelf__size[aria-pressed=true]{background:rgb(var(--gen2-gold));border-color:rgb(var(--gen2-gold));color:#000}.shelf__size:focus-visible{outline:2px solid rgb(var(--gen2-gold));outline-offset:2px}.shelf__summary{margin:0;text-align:center;font-size:.875rem;color:rgb(var(--gen2-muted));min-height:1.3rem}.shelf__grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:760px){.shelf__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}}@media screen and (min-width:1100px){.shelf__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.shelf__card{border:1px solid rgb(var(--gen2-line));border-radius:.875rem;overflow:hidden;background:rgb(var(--gen2-tile));transition:transform .25s ease,border-color .25s ease,opacity .25s ease}.shelf__card:not(.is-weg):hover{transform:translateY(-3px);border-color:rgb(var(--gen2-gold) / .45)}.shelf__link{display:grid;gap:0;text-decoration:none;color:inherit}.shelf__media{position:relative;display:block;aspect-ratio:1;background:#0f0f11}.shelf__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .25s ease}.shelf__card:not(.is-weg):hover .shelf__media img{transform:scale(1.04)}.shelf__state{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);padding:.3rem .7rem;border-radius:999px;background:#000000b3;border:1px solid rgb(255 255 255 / .2);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.shelf__text{display:grid;gap:.15rem;padding:.8rem .9rem .95rem}.shelf__name{font-family:var(--heading-font-family);font-size:.9375rem;font-weight:600;line-height:1.2}.shelf__color{font-size:.8125rem;color:rgb(var(--gen2-muted))}.shelf__meta{font-size:.75rem;letter-spacing:.04em;color:rgb(var(--gen2-muted));min-height:1rem}.shelf__meta.is-knapp{color:#e0893f;font-weight:600}.shelf__card.is-weg{opacity:.45}.shelf__card.is-weg .shelf__media img{filter:grayscale(.55)}.shelf__card.is-weg .shelf__link{pointer-events:none;cursor:default}
/*# sourceMappingURL=/cdn/shop/t/12/assets/size-shelf.css.map */