html:has(.guided-quiz){scrollbar-width:auto}
html:has(.guided-quiz--complete){scrollbar-width:none}
.guided-quiz{max-width:1104px;margin:0 auto;padding:80px 0 64px;text-align:center}
.guided-quiz h1{font-size:40px;line-height:1.16;margin:0 auto 32px}
.guided-options{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.guided-option{display:flex;flex:0 0 calc((100% - 40px)/3);min-width:0;flex-direction:column;align-items:stretch;padding:0;border:1px solid transparent;background:#edf2f5;color:var(--navy);font:inherit;font-weight:600;line-height:1.2}
.guided-option:hover,.guided-option[aria-checked=true]{border-color:var(--navy)}
.guided-option[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--navy);background:#dfeefa}
.guided-option img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.guided-option span{display:block;padding:12px 14px 16px}
.guided-actions{display:flex;justify-content:center;gap:16px;margin:24px auto}
.guided-actions button,.guided-result button{text-transform:uppercase}
.guided-result-group+.guided-result-group{margin-top:64px}
.guided-result-group h2,.guided-results-intro h2{margin:0;font:700 40px/46px Season,sans-serif}
.guided-result-group h2{margin-bottom:60px}
.guided-results-intro{max-width:1084px;margin:0 auto 30px}
.guided-results-intro p{margin:0;padding:16px 0 0;font:700 18px/22px system-ui,sans-serif}
.guided-result-grid{display:grid;grid-template-columns:repeat(var(--guided-result-columns,4),minmax(0,310px));justify-content:center;row-gap:54px}
.guided-result{display:flex;flex-direction:column;padding:0 10px 24px;text-align:center}
.guided-result-image,.guided-result img{display:block}
.guided-result img{width:100%;aspect-ratio:1;object-fit:contain}
.guided-result h3{margin:16px 0 0;padding:0 0 16px;font:700 20px/28px Roboto,Arial,sans-serif}
.guided-result h3 a{text-decoration:none}
.guided-result h3 a:hover{text-decoration:underline}
.guided-result p{margin:0 0 10px;font:700 20px/28px Roboto,Arial,sans-serif}
.guided-result form{margin-top:auto}
.guided-result button{min-width:171px;min-height:50px;font:600 16px/1.2 system-ui,sans-serif}
.guided-results-collection{min-width:215px;min-height:50px;margin-top:35px;font:600 16px/1.2 system-ui,sans-serif}
@media(max-width:1180px){.guided-quiz{margin-inline:var(--pad)}}
@media(max-width:767px){
  .guided-quiz{margin:0 auto;padding:60px 24px}
  .guided-quiz h1{max-width:252px;font-size:30px;line-height:1.26;margin-bottom:30px}
  .guided-options{max-width:252px;margin:auto}
  .guided-option{flex-basis:calc((100% - 20px)/2)}
  .guided-option span{padding-inline:17px}
  .guided-result-grid{grid-template-columns:minmax(0,278px)}
  .guided-result{padding-inline:5px}
  .guided-result-group h2,.guided-results-intro h2{font-size:30px;line-height:38px}
  .guided-result-group h2{max-width:258px;margin-inline:auto}
  .guided-results-intro{max-width:258px}
  .guided-results-intro p{font-size:16px;line-height:19px}
}
.guided-quiz--complete{max-width:1227px;padding-top:40px}
.guided-quiz--complete>h1{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.guided-quiz--complete .guided-actions{display:none}
@media(max-width:767px){.guided-quiz--complete{padding-top:30px}}