.melicia-hair-finder{padding-block:24px}.melicia-hair-finder h2{margin:0 0 12px;font-size:28px;line-height:1.2;font-weight:700}.melicia-hair-finder p{margin:0;line-height:1.5}@media screen and (min-width:750px){.melicia-hair-finder{padding-block:40px}.melicia-hair-finder h2{font-size:36px}}.melicia-hair-finder form{margin-top:24px;background:#0000000c;border-radius:8px;padding:8px}.melicia-hair-finder fieldset{display:flex;flex-wrap:wrap;gap:12px;min-width:0;margin:0 0 24px;padding:0;border:0}.melicia-hair-finder legend{font-size:20px;margin-bottom:12px;padding:0;font-weight:700}.melicia-hair-finder label{position:relative;display:flex;flex:1;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #d5d5d5;border-radius:10px;background:#fff;color:#111;cursor:pointer}.melicia-hair-finder input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.melicia-hair-finder label:has(input:checked){border-color:#db2877;background:#db2877;color:#fff}.melicia-hair-finder label:has(input:focus-visible){outline:2px solid #db2877;outline-offset:3px}.melicia-hair-finder .button{width:100%;border-radius:10px;background:#db2877;color:#fff}.melicia-hair-finder .button:after{box-shadow:none}.melicia-hair-finder label.mhf-extensions{justify-content:flex-start;gap:16px;padding:0 20px}.mhf-extensions__icon{width:30px;height:30px;flex-shrink:0}.mhf-extensions__check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:auto;flex-shrink:0;border:1px solid #999;border-radius:50%;background:#fff}.melicia-hair-finder label.mhf-extensions:has(input:checked){background:#fce7ef;border-color:#db2877;color:#111}.mhf-extensions:has(input:checked) .mhf-extensions__check{background:#db2877;border-color:#db2877}.mhf-extensions:has(input:checked) .mhf-extensions__check:after{content:"\2713";color:#fff;font-size:18px}.melicia-hair-finder .mhf-picture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;max-width:600px}.melicia-hair-finder label.mhf-picture-card{display:grid;aspect-ratio:auto;grid-template-rows:auto 36px;box-sizing:border-box;min-width:0;padding:0;overflow:hidden;border-radius:6px;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch}.mhf-picture-card__image{display:block;height:auto;aspect-ratio:4 / 3;min-height:0;overflow:hidden;background:#f3f3f3;width:100%}.mhf-picture-card__image img{display:block;width:100%;height:100%;object-fit:cover}.mhf-picture-card__caption{display:flex;align-items:center;gap:6px;height:100%;box-sizing:border-box;line-height:1.3;justify-content:flex-start;text-align:left;padding:0 5px;margin-top:0}.mhf-picture-card__check{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border:1px solid #999;border-radius:50%;background:#fff}.melicia-hair-finder label.mhf-picture-card:has(input:checked){border-color:#db2877;background:#fff5f8;color:#111}.mhf-picture-card:has(input:checked) .mhf-picture-card__check{border-color:#db2877;background:#db2877}.mhf-picture-card:has(input:checked) .mhf-picture-card__check:after{content:"\2713";color:#fff;font-size:18px}.melicia-hair-finder label.mhf-condition-card{flex:0 0 calc((100% - 12px)/2);flex-direction:column;justify-content:center;gap:12px;min-width:0;min-height:120px;box-sizing:border-box;padding:14px 8px;text-align:center}.mhf-condition-icon{display:block;flex-shrink:0;width:44px;height:44px}.mhf-condition-card__caption{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;line-height:1.3}.mhf-condition-card__check{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;box-sizing:border-box;border:1px solid #999;border-radius:50%;background:#fff;position:absolute;top:10px;right:10px}.melicia-hair-finder label.mhf-condition-card:has(input:checked){border-color:#db2877;background:#fff5f8;color:#111}.mhf-condition-card:has(input:checked) .mhf-condition-card__check{border-color:#db2877;background:#db2877}.mhf-condition-card:has(input:checked) .mhf-condition-card__check:after{content:"\2713";color:#fff;font-size:18px}.mhf-accordion{border-bottom:1px solid #e5e5e5;width:100%;min-width:0;box-sizing:border-box}.mhf-accordion__heading{font-size:24px;display:flex;align-items:center;gap:12px;padding:16px 0;list-style:none;cursor:pointer;font-weight:700}.mhf-accordion__heading::-webkit-details-marker{display:none}.mhf-accordion__count{margin-left:auto;font-size:14px;font-weight:400}.mhf-accordion__arrow{flex-shrink:0;width:18px;height:18px}.mhf-accordion[open]>summary .mhf-accordion__arrow{transform:rotate(180deg)}.melicia-hair-finder .mhf-reset{display:block;width:fit-content;margin:12px auto 0;color:inherit;font-size:14px;text-align:center;text-decoration:underline;text-underline-offset:3px}.melicia-hair-finder .mhf-condition-hint{margin:-15px 0 24px;color:#707070;font-size:14px;line-height:1.4;text-align:center}.mhf-collection-image{max-width:600px;margin:0 auto 24px}.mhf-collection-image img{display:block;width:100%;height:auto}.mhf-intro{margin-top:45px}.mhf-intro h2{font-size:22px;line-height:1.3}.mhf-intro p{line-height:1.6;padding:10px 0}.mhf-intro[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/22/assets/melicia-hair-finder.css.map */