*{margin:0;padding:0;box-sizing:border-box}.page-width{max-width:1200px!important;margin:0 auto!important;padding:0 10px!important;position:relative!important}.recommender-section{background:#f5f1e0!important;padding:60px 0 40px!important;margin-bottom:80px!important;position:relative!important}h1{font-weight:400!important;margin-bottom:1rem!important;text-align:left!important;text-transform:uppercase}.questions-feature-section{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:40px!important;margin:0!important;position:relative!important}.questions-container{flex:1!important;max-width:45%!important;position:relative!important;z-index:2!important;min-height:200px!important}.question-block{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:1rem!important;font-size:1rem!important;opacity:1!important;visibility:visible!important;transition:opacity .3s ease!important;pointer-events:auto!important;position:relative!important;height:fit-content!important;background:#f5f1e0!important}.question-block.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;position:absolute!important}#questionOne,#questionTwo,#uploadBlock{position:relative!important;top:auto!important}.questions-images{position:absolute!important;right:0!important;top:0!important;width:60%!important;height:100%!important}.image-right{position:absolute!important;right:80px!important;top:26px!important;width:400px!important;height:300px!important;overflow:hidden!important}.image-left{position:absolute!important;left:120px!important;top:265px!important;width:270px!important;height:240px!important;z-index:3!important;overflow:hidden!important}.questions-images img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.gold-chip,.gold-button{display:inline-block!important;padding:8px 16px!important;font-size:15px!important;font-family:Degular,sans-serif;font-style:normal;font-weight:400;border:1px solid #866f2a!important;border-radius:50px!important;color:#866f2a!important;background:transparent!important;cursor:pointer!important;transition:all .2s ease!important;min-width:initial!important;text-transform:none!important;margin:0!important;line-height:20px!important}.gold-chip:hover,.gold-chip.selected,.gold-button:hover,.gold-button.selected{background-color:#866f2a!important;color:#fff!important}.filter-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:40px 0 20px!important;justify-content:flex-start!important}.filter-row label[data-type=Trilby_Porkpie],.filter-row label[data-type=Fedora_Homburg]{font-size:0!important;line-height:normal!important}.filter-row label[data-type=Fedora_Homburg]:before{content:"Fedora & Homburg";font-size:15px!important}.filter-row label[data-type=Trilby_Porkpie]:before{content:"Trilby & Porkpie";font-size:15px!important}.product-card{display:grid!important;grid-template-columns:300px 1fr!important;gap:20px!important;padding:20px 0!important;border-top:1px solid #ddd!important;margin:0!important}.product-image{width:100%!important;height:auto!important;object-fit:contain!important;margin:0!important}.product-info{display:flex!important;flex-direction:column!important;margin-top:5%!important}.product-description{font-size:.9rem!important;margin-bottom:1rem!important}.bottom-row{display:flex!important;justify-content:space-between!important;align-items:end!important}.score-block{text-align:right!important}.learn-more-link{font-size:1.5em}.score-label{font-size:1rem!important;margin-bottom:.25rem!important}.score-value{font-size:2.8rem!important;color:#0c3f11!important;font-weight:500!important}.spinner{opacity:0!important;visibility:hidden!important;transition:opacity .3s ease!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;background:#f5f1e0!important}.spinner.is-visible{opacity:1!important;visibility:visible!important;position:relative!important;margin:1rem 0!important;min-height:100px!important}.loading-indicator{width:24px!important;height:24px!important;border:2px solid rgba(134,111,42,.2)!important;border-top-color:#866f2a!important;border-radius:50%!important;animation:spin 1s linear infinite!important;display:inline-block!important;margin-bottom:20px!important}@keyframes spin{to{transform:rotate(360deg)}}.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.hat-sizing{margin-top:80px!important;padding-top:40px!important;border-top:1px solid #ddd!important}@media (max-width: 1024px){.recommender-section{background:#fff!important;padding:20px 0!important;margin-bottom:0!important}.questions-feature-section{flex-direction:column!important}.questions-container{max-width:100%!important}.questions-images,.image-right,.image-left{display:none!important}.product-card{grid-template-columns:1fr!important}.product-image{max-width:300px!important;margin:0 auto!important}.product-info{margin-top:20px!important}.hat-sizing{margin-top:40px!important}.question-block{background:transparent!important;padding:10px 0!important}.spinner{background:transparent!important;margin-top:2rem!important}#startAgainBtn{background:transparent!important;padding:20px 0!important}}#questionsGroup{opacity:1!important;transition:opacity .3s ease!important;position:relative!important}#questionsGroup.fade-out .question-block{opacity:0!important}#startAgainBtn{position:absolute!important;top:0%!important;opacity:0!important;transition:opacity .3s ease!important;pointer-events:none!important;background:#f5f1e0!important;width:100%!important}#startAgainBtn.fade-in{opacity:1!important;pointer-events:auto!important}#startAgainBtn h2{text-transform:uppercase;margin-bottom:1rem!important;font-weight:400!important}#startAgainBtn .button{margin-top:1rem!important}.upload-guidance{font-size:.9rem!important;color:#666!important;margin-top:12px!important;line-height:1.4!important;clear:both!important;display:block!important}.error-message{color:#d63031!important;font-size:.9rem!important;margin-top:8px!important;display:none!important}.error-message.show{display:block!important}.faq-section{margin:60px 0 40px!important}.faq-section.show{display:block!important}.faq-section h2{font-size:2rem!important;color:#866f2a!important;margin-bottom:30px!important;font-weight:400!important}.faq-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:30px!important}.faq-item{background:#f5f1e0!important;padding:25px!important;border-radius:8px!important}.faq-item h3{color:#866f2a!important;font-size:1.2rem!important;margin-bottom:12px!important;font-weight:500!important}.faq-item p{font-size:.9rem!important;line-height:1.5!important}@media (max-width: 768px){#startAgainBtn{padding:20px!important}.faq-grid{grid-template-columns:1fr!important}}.analysis-content{pointer-events:none!important}#startAgainBtn .start-again{pointer-events:auto!important}.rotating-quotes{text-align:center!important;width:100%!important;position:relative!important}.spinner.is-visible .rotating-quotes{min-height:150px!important}.rotating-quotes .quote{display:none!important;opacity:0!important;margin:0!important;position:absolute!important;width:100%!important;left:0!important;transition:opacity .5s ease-in-out!important;color:#866f2a!important;font-size:32px;font-family:Fraunces,serif;font-weight:300;line-height:1.25;max-width:20.5em;text-transform:uppercase}.rotating-quotes .quote.active{display:block!important;opacity:1!important}
/*# sourceMappingURL=/cdn/shop/t/113/assets/hat-recommender.css.map */