.sj-pack-selector{margin:2rem 0;display:grid;gap:2.2rem}
.sj-pack-step__title{display:flex;align-items:center;gap:.8rem;font-size:1.55rem;font-weight:700;margin:0 0 1.2rem}
.sj-pack-step__title>span{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;border-radius:50%;background:#012979;color:#fff;font-size:1.25rem}
.sj-pack-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.sj-pack-model{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:.8rem;padding:1rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;min-width:0;overflow:hidden}
.sj-pack-model:hover,.sj-pack-model.is-selected{border:2px solid #012979;padding:calc(1rem - 1px);box-shadow:0 0 0 1px #012979}
.sj-pack-model__art{width:100%;height:auto!important;min-height:0!important;aspect-ratio:auto!important;border-radius:.6rem;background:#fff;display:block;position:relative;overflow:hidden;padding:0!important;box-sizing:border-box;line-height:0}
.sj-pack-model__art>span:first-child{position:absolute;z-index:2;top:.7rem;left:.7rem;font-size:1.1rem;font-weight:700;line-height:1.2;color:#777}
.sj-pack-model__art svg{width:5.8rem;height:5.8rem;fill:#171717}
.sj-pack-model__image{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:initial!important;object-position:initial!important;padding:0!important;margin:0!important;box-sizing:border-box}
.sj-pack-model__art img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:initial!important;object-position:initial!important}
.sj-pack-model__name{font-size:1.25rem;font-weight:650;line-height:1.35;padding-right:1.5rem}
.sj-pack-model__check{display:none;position:absolute;right:.9rem;bottom:.9rem;width:2rem;height:2rem;border-radius:50%;background:#012979;color:#fff;align-items:center;justify-content:center}
.sj-pack-model.is-selected .sj-pack-model__check{display:flex}
.sj-pack-sizes{display:flex;flex-wrap:wrap;gap:.8rem}
.sj-pack-size{position:relative;min-width:4.5rem;min-height:4.5rem;padding:.8rem 1.1rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:.5rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-weight:650;cursor:pointer;transition:opacity .15s,background .15s,border-color .15s}
.sj-pack-size:hover,.sj-pack-size.is-selected{background:#012979;color:#fff;border-color:#012979}
.sj-pack-size.is-unavailable,.sj-pack-size.is-unavailable:hover{background:rgb(var(--color-background));color:rgba(var(--color-foreground),.45);border-color:rgba(var(--color-foreground),.2);cursor:not-allowed;opacity:.55;text-decoration:line-through;text-decoration-thickness:2px}
.sj-pack-size.is-unavailable::after{content:"";position:absolute;left:10%;right:10%;top:50%;height:1.5px;background:currentColor;transform:rotate(-8deg);opacity:.8;pointer-events:none}
.sj-pack-selection{margin:.9rem 0;font-size:1.25rem;font-weight:600}
.sj-pack-stock{margin:.7rem 0;color:#b42318;font-size:1.25rem}
@media(max-width:380px){.sj-pack-models{gap:.6rem}.sj-pack-model{padding:.7rem}.sj-pack-model__name{font-size:1.1rem}.sj-pack-size{min-width:3.9rem;min-height:4rem}}