.ssq{padding-top:clamp(3rem,6vw,7rem);padding-bottom:clamp(5rem,8vw,10rem);max-width:110rem}
.ssq__heading{max-width:75rem;margin:0 auto 4rem;text-align:center}
.ssq h1{font-size:clamp(3.2rem,5vw,5.6rem);margin:0 0 1.5rem}
.ssq__heading>p:last-child,.ssq__result>p{font-size:1.8rem;line-height:1.6;color:#465c70}
.ssq__form{display:grid;gap:2rem}
.ssq fieldset{margin:0;padding:2.4rem;border:1px solid #d9e4e6;border-radius:1.4rem;background:#fff;min-width:0}
.ssq legend{padding:0 .8rem;font-size:clamp(1.8rem,2vw,2.2rem);font-weight:800;line-height:1.4}
.ssq legend span{color:#1d5772;margin-right:1rem}
.ssq__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1rem;margin-top:1.4rem}
.ssq__options label{cursor:pointer;position:relative}
.ssq__options input{position:absolute;opacity:0;width:1px;height:1px}
.ssq__options span{display:flex;align-items:center;min-height:5.5rem;padding:1rem 1.4rem;border:2px solid #d9e4e6;border-radius:.9rem;background:#fbf8f3;font-size:1.6rem;line-height:1.35}
.ssq__options input:checked+span{border-color:#17324e;background:#eaf2f4;font-weight:800}
.ssq__options input:focus-visible+span{outline:3px solid #137c99;outline-offset:3px}
.ssq__form>.button{justify-self:start;border-radius:.8rem;padding:1.4rem 2.8rem}
.ssq__result{background:#f1f5f4;padding:clamp(2rem,5vw,5rem);border-radius:1.6rem;margin-top:4rem}
.ssq__result[hidden],.ssq__card[hidden]{display:none!important}
.ssq__result h2{font-size:clamp(2.8rem,3.2vw,4rem)}
.ssq__card{display:grid;grid-template-columns:minmax(20rem,32rem) 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);background:#fff;border-radius:1.2rem;padding:2rem;margin:2.5rem 0}
.ssq__photo{display:block;background:#fbf8f3;border-radius:1rem}
.ssq__photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.ssq__card h3{font-size:clamp(2.2rem,3vw,3rem);margin:0 0 1rem}
.ssq__price{font-weight:800;font-size:2.2rem}
.ssq__card .button{margin-top:1.2rem;border-radius:.8rem}
.ssq__note{font-size:1.5rem!important}
.ssq__reset{border:0;background:none;text-decoration:underline;color:#1d5772;font-size:1.6rem;font-weight:700;cursor:pointer;padding:1rem 0}
@media(max-width:680px){.ssq fieldset{padding:1.6rem}.ssq__options{grid-template-columns:1fr}.ssq__card{grid-template-columns:1fr}.ssq__form>.button{width:100%}}