:root{--color-shuiro: #DF5656;--color-aiiro: #165E83;--color-kogetya: #6A4028;--color-rikyunezumi: #727171;--color-wakatake: #00896C}.p-diagnosis-container{max-width:800px;margin:0 auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;position:relative;overflow:hidden}.p-diagnosis-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,rgba(223,86,86,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(22,94,131,.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(223,86,86,.05) 75%),linear-gradient(-45deg,transparent 75%,rgba(22,94,131,.05) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;z-index:0;opacity:.3}.p-diagnosis-content{position:relative;z-index:1}.p-diagnosis-intro{text-align:center;padding:40px 20px}.p-diagnosis-intro__title{font-size:28px;color:var(--color-kogetya);margin-bottom:15px;font-weight:700;position:relative;display:inline-block}.p-diagnosis-intro__title:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:var(--color-wakatake)}.p-diagnosis-intro__subtitle{font-size:16px;color:var(--color-rikyunezumi);margin-bottom:30px}.p-diagnosis-intro__image{max-width:75%;height:auto;border-radius:10px;margin-bottom:30px;box-shadow:0 3px 10px #0000001a;display:block;margin-left:auto;margin-right:auto}.c-button{display:inline-block;padding:12px 30px;border-radius:50px;font-weight:700;text-align:center;cursor:pointer;transition:all .3s ease;border:none;font-size:20px}.c-button--primary{background-color:var(--color-wakatake);color:#fff}.c-button--primary:hover{background-color:#007559;transform:translateY(-2px);box-shadow:0 4px 8px #00896c33}.c-button--secondary{background-color:var(--color-rikyunezumi);color:#fff}.c-button--secondary:hover{background-color:#5f5f5f;transform:translateY(-2px);box-shadow:0 4px 8px #72717133}.c-button--tertiary{background-color:var(--color-kogetya);color:#fff}.c-button--tertiary:hover{background-color:#583520;transform:translateY(-2px);box-shadow:0 4px 8px #6a402833}.p-diagnosis-questions{padding:20px 0}.p-diagnosis-progress{margin-bottom:30px}.p-diagnosis-progress-text{font-size:14px;color:var(--color-rikyunezumi);margin-bottom:10px;text-align:center}.p-diagnosis-progress-container{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.p-diagnosis-progress-bar{height:100%;background-color:var(--color-wakatake);width:20%;transition:width .3s ease}.p-diagnosis-question{margin-bottom:30px}.p-diagnosis-question__title{font-size:20px;color:var(--color-kogetya);margin-bottom:20px;font-weight:700}.p-diagnosis-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:30px}.p-diagnosis-choice{background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.p-diagnosis-choice:hover{border-color:var(--color-wakatake);transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.p-diagnosis-choice.is-selected{border-color:var(--color-wakatake);background-color:#00896c0d}.p-diagnosis-choice__icon{width:36px;height:36px;margin-bottom:10px}.p-diagnosis-choice__text{font-size:14px;color:var(--color-kogetya);text-align:center}.p-diagnosis-error{color:var(--color-shuiro);font-size:14px;margin-top:10px;text-align:center}.p-diagnosis-navigation{display:flex;justify-content:space-between;margin-top:20px}.p-diagnosis-results{padding:20px 0}.p-diagnosis-result-header{text-align:center;margin-bottom:30px}.p-diagnosis-result-title{font-size:24px;color:var(--color-kogetya);margin-bottom:15px;font-weight:700}.p-diagnosis-result-image-container{width:160px;height:160px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:5px solid rgba(0,137,108,.2);background-color:#fff}.p-diagnosis-result-image{width:100%;height:100%;object-fit:cover}.p-diagnosis-result-description{color:var(--color-rikyunezumi);line-height:1.6;margin-bottom:30px;text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.p-diagnosis-section{background-color:#f9f9f9;border-radius:8px;padding:20px;margin-bottom:30px}.p-diagnosis-section__title{font-size:18px;color:var(--color-wakatake);margin-bottom:15px;font-weight:700}.p-diagnosis-plan-price{font-size:18px;color:var(--color-kogetya);font-weight:700;margin-top:10px}.p-diagnosis-recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.p-diagnosis-recipe-item{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 8px #0000000d;transition:transform .3s ease}.p-diagnosis-recipe-item:hover{transform:translateY(-5px)}.p-diagnosis-recipe-image-container{height:110px;overflow:hidden;border-radius:8px 8px 0 0}.p-diagnosis-recipe-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.p-diagnosis-recipe-item:hover .p-diagnosis-recipe-image{transform:scale(1.05)}.p-diagnosis-recipe-content{padding:15px}.p-diagnosis-recipe-title{font-size:16px;color:var(--color-kogetya);margin-bottom:10px;font-weight:700}.p-diagnosis-recipe-link{color:var(--color-wakatake);font-size:14px;text-decoration:none;display:inline-block;position:relative}.p-diagnosis-recipe-link:after{content:"\2192";margin-left:5px;transition:transform .3s ease}.p-diagnosis-recipe-link:hover:after{transform:translate(3px)}.p-diagnosis-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px}.is-hidden{display:none}.p-egg-diagnosis-modal{-webkit-overflow-scrolling:touch}.p-egg-diagnosis-modal.active{display:block}.p-egg-diagnosis-modal__content{-webkit-transform:translate(-50%,-48%);-webkit-overflow-scrolling:touch;box-sizing:border-box}@supports (-webkit-touch-callout: none){.p-egg-diagnosis-modal__content{width:85%;max-width:500px;box-sizing:border-box}}@media (max-width: 768px){@supports (-webkit-touch-callout: none){.p-egg-diagnosis-modal__content{width:85%;max-width:350px}}}@media (max-width: 480px){@supports (-webkit-touch-callout: none){.p-egg-diagnosis-modal__content{width:85%;max-width:300px}}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/egg-diagnosis.css.map */