.quiz-header{margin-bottom:20px}.quiz-header h2{font-size:24px;font-weight:700}.quiz-header p{font-size:16px;color:#666}.quiz-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quiz-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:2px solid #f0f0f0;border-radius:8px;cursor:pointer;background-color:#fff;transition:all .3s ease}.quiz-card:hover{border-color:#ddd}.quiz-image-card{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.quiz-image-card img{width:100%;height:220px;object-fit:cover;display:block;transition:opacity .3s ease}.quiz-image-card:hover{transform:scale(1.02);box-shadow:0 4px 12px #0003}.quiz-checkmark{position:absolute;top:12px;right:12px;width:20px;height:20px;border:2px solid #fff;background-color:#ffffffb3;border-radius:50%;transition:all .3s ease;opacity:0}.quiz-image-card.selected img{opacity:.8}.quiz-image-card.selected .quiz-checkmark{opacity:1;background-color:#333;border-color:#333}.quiz-icon img{width:50px;height:50px;margin-bottom:8px}.quiz-label{font-size:14px;font-weight:500}.quiz-checkmark{position:absolute;top:8px;right:8px;width:20px;height:20px;border:2px solid #ccc;border-radius:50%;background-color:transparent;transition:all .3s ease}.quiz-card.selected{border-color:#333}.quiz-card.selected .quiz-checkmark{background-color:#333;border-color:#333}@media (max-width: 768px){.quiz-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.quiz-grid{grid-template-columns:1fr}}.next-button{margin-top:20px;padding:10px 20px;background-color:#ccc;color:#fff;border:none;border-radius:5px;cursor:not-allowed;transition:all .3s ease}.next-button.active{background-color:#333;cursor:pointer}.quiz-step{margin-bottom:40px}.page-title{margin-top:0}.main-page-title{margin-bottom:3rem}@media screen and (min-width: 750px){.main-page-title{margin-bottom:4rem}}.page-placeholder-wrapper{display:flex;justify-content:center}.page-placeholder{width:52.5rem;height:52.5rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-main-page.css.map */