:root{--color-primary-100: hsl(164, 100%, 75%);--color-primary-200: hsl(164, 100%, 55%);--color-primary-300: hsl(164, 100%, 35%);--color-primary-400: hsl(164, 100%, 25%);--color-primary-500: hsl(164, 100%, 11%);--color-primary-600: hsl(164, 100%, 10%);--color-primary-700: hsl(164, 100%, 8%);--color-primary-800: hsl(164, 100%, 6%);--color-primary-900: hsl(164, 100%, 4%);--color-secondary-100: hsl(36, 45%, 90%);--color-secondary-200: hsl(36, 45%, 85%);--color-secondary-300: hsl(36, 45%, 80%);--color-secondary-400: hsl(36, 45%, 73%);--color-secondary-500: hsl(36, 45%, 63%);--color-secondary-600: hsl(36, 45%, 53%);--color-secondary-700: hsl(36, 45%, 43%);--color-secondary-800: hsl(36, 45%, 33%);--color-secondary-900: hsl(36, 45%, 23%);--selected-button-color: #2B594A;--sold-out-button-color: ;--answered-question-color: #555757;--color-white: #FFFFFF;--color-black: #000000}.radio__fieldset .radio__label:hover,.radio__fieldset .radio__label:active,.radio__fieldset .radio__label:focus,.radio__fieldset .radio__input:checked~.radio__label{border-color:var(--selected-button-color)!important;background-color:var(--selected-button-color)!important}.rounded{border-radius:100px}:root{--max-width: 1118px;--bg-beige: #f2f1ee}#quiz-page{background-color:var(--bg-beige)}.filtered-product-grid{padding-inline:1em}.quiz-item.visible{background-color:#fff}input[type=radio]{display:none}.quiz-item label{display:grid;grid-template-areas:"img cnt" "img btn";align-items:center;-moz-column-gap:.5em;column-gap:.5em}.quiz-item label img{grid-area:img}.quiz-item label .select-answer-btn{grid-area:btn}.quiz-item label .quiz-item-content{grid-area:cnt}.hide-question-block,.hide-answer{display:none!important}.shell{padding-inline:1em;overflow-x:clip}.section-quiz{padding:70px 0}.email-container{font-family:BerlingskeSerifTx,Times New Roman,serif;margin-inline:auto;display:grid;padding:1em 1.5em;box-shadow:0 0 15px -3px #00000080;-webkit-box-shadow:0px 0px 15px -3px rgba(0,0,0,.5);-moz-box-shadow:0px 0px 15px -3px rgba(0,0,0,.5);grid-auto-flow:row;grid-template-columns:1fr;width:-moz-fit-content;width:fit-content;justify-items:center;border-radius:24px;margin-block-start:49px;row-gap:1em}.email-container input{padding:0;width:100%;border-radius:10px;padding-inline:2em;text-align:center}.email-container ::-moz-placeholder{color:#ccc!important;text-align:center;opacity:1}.email-container ::placeholder{color:#ccc!important;text-align:center}.email-container label{font-family:var(--FONT-STACK-HEADING);text-align:center;color:var(--color-primary-500);line-height:1em;font-size:1.5rem}.results-btn{background-color:var(--color-primary-500)!important;color:var(--color-white)!important;padding:.3em 1.5em;border-radius:1.5em}.section-quiz .section__head{font-size:24px;font-weight:400;line-height:1.21;text-align:center;color:#6c6b63;border-bottom:1px solid #e6e3dd;padding-bottom:38px;margin-bottom:60px}.section-quiz .section__head h1{font-family:BerlingskeSerifTx,Times New Roman,serif;font-size:36px;font-weight:400;line-height:.84}.section-quiz .section__loader{display:none;font-size:18px;font-weight:40;line-height:1.22;color:#6c6b63;text-align:center}.section-quiz .section__loader.visible{display:block}.section-quiz .section__loader span{display:block;margin-bottom:10px}.section-quiz .section__loader img{max-width:40px;animation-name:ajax-loading;animation-duration:1s;animation-iteration-count:infinite}.section-quiz .section__error{display:none;font-size:18px;font-weight:40;line-height:1.22;color:#6c6b63;text-align:left}.section-quiz .section__error.visible{display:block}.select-btn{text-align:center;width:-moz-fit-content;width:fit-content}.section-quiz .section__actions{display:none;padding-top:37px}.section-quiz .section__actions.visible{display:block}.section-quiz .section__actions h2{font-family:BerlingskeSerifTx,Times New Roman,serif;font-size:36px;font-weight:400;line-height:1.19;color:#003628;text-align:center;margin-bottom:45px}.section-quiz .section__actions .error{font-size:18px;font-weight:40;line-height:1.22;color:#6c6b63;text-align:center}.quiz-items-holder{text-align:center;position:relative;display:none}.quiz-items-holder.visible{display:block}.quiz-items-holder h2{font-family:BerlingskeSerifTx,Times New Roman,serif;font-size:36px;font-weight:400;line-height:1.19;color:#003628;margin-bottom:35px}.quiz-items{display:grid;grid-template-columns:1fr;row-gap:1.2em;position:relative;margin:0 -26px;text-align:left;padding:1em}.quiz-item.visible{position:relative;display:grid;grid-template-columns:85px 1fr;border-radius:24px;place-items:center;-moz-column-gap:.5em;column-gap:.5em;box-shadow:0 0 15px -3px #00000080;-webkit-box-shadow:0px 0px 15px -3px rgba(0,0,0,.5);-moz-box-shadow:0px 0px 15px -3px rgba(0,0,0,.5);opacity:1;visibility:visible;width:min(350px,95%);margin-inline:auto;padding:2em 1em;--color-gold: #af8447;--color-green: #003628}.quiz-item.visible.chosen .item__description{display:none}div.quiz-item.visible.chosen{min-width:100%}div>div.quiz-item.visible.chosen>label{display:grid;grid-template-areas:"cont""butn";padding-inline-start:150px}div>div.quiz-item.visible.chosen>label .quiz-item-content{grid-area:cont}div>div.quiz-item.visible.chosen>label .change-answer-btn{grid-area:butn}.quiz-item.opened{flex:0 0 100%;max-width:100%}.quiz-item.opened.show-content .item__content{opacity:1;visibility:visible}.quiz-item.opened .item__body{flex:0 0 31%;max-width:31%}.quiz-item.opened .item__image i{opacity:1;visibility:visible}.quiz-item.opened .item__image img{opacity:0;visibility:hidden}.quiz-item.opened .item__title{padding-top:30px}.quiz-item.opened .item__description{display:none}.quiz-item.opened .item__content{flex:1 1;display:block;background-color:#e6e3dd;color:#6c6b63}.quiz-item.opened .item__actions{background-color:#6c6b63;color:#fff}.item__actions.change-answer-btn{background-color:#555757;white-space:nowrap}.item__actions.select-answer-btn{background-color:var(--color-green);margin-inline-end:auto}.quiz-item.opened .item__actions i.ico-arrow-left-white{opacity:1}.quiz-item.opened .item__actions i.ico-arrow-right-white{opacity:0}.quiz-item.not-visible{opacity:0;visibility:hidden;order:1}.quiz-item .item__inner{display:flex;align-items:center;background-color:#e6e3dd;height:100%}.quiz-item .item__body{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff}.quiz-item .item__body-inner{flex:1 1;border-bottom:none;position:relative;padding:41px 30px;border-radius:20px;box-shadow:-1px 13px 24px 2px #00000059;-webkit-box-shadow:-1px 13px 24px 2px rgba(0,0,0,.35);-moz-box-shadow:-1px 13px 24px 2px rgba(0,0,0,.35)}.quiz-item .item__actions{position:relative;margin-top:auto}.quiz-item .item__actions i{position:absolute;top:21px;right:22px;transition:opacity .3s}.quiz-item .item__actions i.ico-arrow-left-white{right:auto;left:22px;opacity:0}.quiz-item .item__actions{width:-moz-fit-content;width:fit-content;color:var(--color-white);font-size:14px;font-weight:500;padding-block:7px;padding-inline:2em;text-decoration:none;transition:background-color .3s;border-radius:100px}.quiz-item .item__actions:hover{background-color:var(--color-gold)}.quiz-item .item__image{max-width:75px;aspect-ratio:1/1;background-color:var(--color-gold);border-radius:50%}.quiz-item .item__image>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.quiz-item .item__image i{opacity:0;visibility:hidden}.quiz-item .item__title{font-size:24px;font-weight:700;line-height:1.21;color:var(--color-green);margin-bottom:11px;transition:padding .5s}.quiz-item .item__description{font-size:14px;font-weight:400;line-height:1.21;color:#6c6b63}.quiz-item .item__content{display:none;opacity:0;visibility:hidden;text-align:left;padding:10px 51px;font-size:16px;font-weight:400;line-height:1.19;transition:opacity .3s,visibility .3s}.quiz-item .item__content h4{font-size:18px;font-weight:700;line-height:1.22}@media (min-width: 1200px){.quiz-item{padding:0 13px}.quiz-item .item__body-inner{display:grid;grid-template-columns:120px 1fr;padding:40px 15px}}.quiz-item--full.static{position:static}.quiz-item--full.visible,.quiz-item--full.opened .item__content{opacity:1;visibility:visible}@keyframes ajax-loading{0%{transform:scaleX(1)}50%{transform:scaleX(0)}to{transform:scaleX(1)}}@media screen and (max-width: 767px){div>div.quiz-item.visible.chosen>label{padding-inline-start:0}}.email-container{background-color:#fff}@media screen and (min-width: 768px){.collection-items--mobile--one-half.filtered-product-grid{width:100%}.quiz-items-holder h2{font-family:BerlingskeSerifTx,Times New Roman,serif;font-size:36px;font-weight:400;line-height:1.19;color:#003628;margin-bottom:45px}.email-container{background-color:#fff;font-family:BerlingskeSerifTx,Times New Roman,serif;margin:auto;display:grid;padding:2em;padding-inline:9em;box-shadow:0 0 15px -3px #00000080;-webkit-box-shadow:0px 0px 15px -3px rgba(0,0,0,.5);-moz-box-shadow:0px 0px 15px -3px rgba(0,0,0,.5);grid-template-columns:1fr;grid-template-rows:repeat(3,40px);width:100%;max-width:888px;min-height:-moz-fit-content;min-height:fit-content;justify-items:center;border-radius:24px;margin-block-start:49px;row-gap:1em}.email-container input{padding:0;width:100%;border-radius:10px;padding-inline:2em;text-align:center;max-height:40px}.email-container ::-moz-placeholder{color:#666!important;text-align:center;opacity:1}.email-container ::placeholder{color:#666!important;text-align:center}.email-container label{font-family:var(--FONT-STACK-HEADING);text-align:center;color:var(--color-primary-500);line-height:1em;font-size:1.5rem}.email-container .results-btn{max-height:38px}div>div.quiz-item.visible.chosen{min-height:80px}.quiz-items:has(.quiz-item.visible.chosen){grid-template-columns:1fr}div>div.quiz-item.visible.chosen>label>div.quiz-item-content>div{display:block}div>div.quiz-item.visible.chosen>img{top:50%;left:73px;margin-inline-end:85px;transform:translateY(-50%)}div>div.quiz-item.visible.chosen>label{grid-template-areas:"cont butn";margin-inline-end:2em;padding-inline-start:235px}.filtered-product-grid .grid,.grid--center{grid-template-columns:repeat(auto-fill,minmax(165px,325px))}.quiz-items :has(.quiz-item.visible.chosen){display:block;background-color:var(--color-gold)}.quiz-item.visible{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));-moz-column-gap:.5em;column-gap:.5em;box-shadow:0 0 15px -3px #00000080;-webkit-box-shadow:0px 0px 15px -3px rgba(0,0,0,.5);-moz-box-shadow:0px 0px 15px -3px rgba(0,0,0,.5);opacity:1;visibility:visible;width:min(350px,95%);margin-inline:auto;padding:2em 1em;padding-block-start:4em}.quiz-item.visible .chosen img{position:relative}.quiz-item.visible img{position:absolute;top:-22%}.quiz-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(323px,1fr));margin-inline:auto;justify-content:center;position:relative;text-align:left;grid-auto-flow:row}.quiz-items :not(.chosen){grid-template-columns:1fr!important}.quiz-item.visible{flex-direction:row}.quiz-item.visible.chosen label{align-items:center}.section__body{margin-inline:auto;max-width:var(--max-width)}.quiz-item.visible.chosen{grid-template-columns:1fr;min-height:unset;width:100%;padding:.25em}.quiz-item.visible.chosen .item__title{margin-block-end:0}.quiz-item.visible.chosen p{margin:0}.quiz-item.visible.chosen h3{line-height:1.3em}.quiz-item.visible.chosen .item__actions{margin-inline:0}.quiz-item.visible.chosen label{width:100%;display:flex;min-height:0;text-align:left;flex-direction:unset;justify-content:space-around}.quiz-item.visible.chosen img{margin-block-start:0;max-width:70px}.quiz-item.visible.chosen .quiz-item-content{margin-block:auto}.quiz-item.visible label{display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;row-gap:.5em;min-height:100%}.quiz-item.visible label img{position:absolute;top:-300px;left:50%;transform:translate(-50%)}.quiz-item.visible label .select-btn{justify-self:end;cursor:pointer}.quiz-item label .item__actions{position:relative;margin-inline:auto}.quiz-items{row-gap:5em}}.quiz-item label .item__actions{margin-top:0}.results-heading{width:100%;margin-block-start:2em;padding-inline:1em}.results-heading h2,.results-heading p{text-align:center;color:var(--color-primary-500)}.section__head.filtered{width:100%}.quiz-retake{margin-inline:auto;margin-block-end:1em}