.muster-page{padding:60px 0 80px}.muster-page__header{text-align:center;margin-bottom:48px}.muster-page__title{font-family:var(--font-heading);font-size:36px;font-weight:400;margin-bottom:12px}.muster-page__desc{font-size:15px;color:var(--color-text-muted);font-weight:300;line-height:1.8;max-width:600px;margin:0 auto 16px}.muster-page__hint{font-size:14px;color:var(--color-warm-text);font-weight:600}.muster-page__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.muster-card{position:relative;cursor:pointer;border:2px solid var(--color-border-dark);border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.muster-card:hover{border-color:var(--color-dark-bg)}.muster-card--active{border-color:var(--color-dark-bg);box-shadow:0 0 0 2px var(--color-dark-bg)}.muster-card__check{position:absolute;opacity:0;pointer-events:none}.muster-card__img{aspect-ratio:1;overflow:hidden;background:var(--color-sand)}.muster-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.muster-card:hover .muster-card__img img{transform:scale(1.05)}.muster-card--disabled{opacity:.35;pointer-events:none;cursor:default}.muster-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--color-text-muted)}.muster-card__info{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.muster-card__name{font-size:13px;font-weight:600;color:var(--color-text)}.muster-card__check-icon{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-border-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.muster-card--active .muster-card__check-icon{background:var(--color-dark-bg);border-color:var(--color-dark-bg)}.muster-card--active .muster-card__check-icon:after{content:"\2713";color:#fff;font-size:12px;font-weight:700}.muster-page__actions{text-align:center;padding-top:20px;border-top:1px solid var(--color-border-dark)}.muster-page__count{font-size:15px;color:var(--color-text);margin-bottom:8px}.muster-page__count span{font-weight:700;color:var(--color-dark-bg)}.muster-page__extra-hint{font-size:13px;color:var(--color-warm-text);margin-bottom:16px}@media(max-width:768px){.muster-page__grid{grid-template-columns:repeat(3,1fr);gap:12px}.muster-card__info{padding:8px 12px}.muster-card__name{font-size:11px}}@media(max-width:480px){.muster-page__grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/serramo-muster.css.map */