.boku-skin-finder,.boku-skin-finder *{box-sizing:border-box}.boku-skin-finder{width:100%;padding:64px 0 76px;background:var(--finder-bg);color:var(--finder-text)}.boku-skin-finder__container{width:100%;max-width:1480px;margin:0 auto;padding:0 40px}.boku-skin-finder__header{max-width:920px;margin-bottom:42px}.boku-skin-finder__eyebrow{margin:0 0 15px;color:var(--finder-accent);font-size:13px;line-height:1.2;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.boku-skin-finder__heading{margin:0;color:var(--finder-text);font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4.1vw,60px);line-height:1.02;font-weight:400;letter-spacing:-.035em}.boku-skin-finder__subheading{max-width:700px;margin-top:15px;color:var(--finder-muted);font-size:16px;line-height:1.5}.boku-skin-finder__subheading p,.boku-skin-finder__reason p{margin:0}.boku-skin-finder__problems{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.boku-skin-finder__problem{min-width:0;min-height:112px;padding:18px 16px;border:1px solid transparent;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:var(--finder-card-bg);color:var(--finder-muted);font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.boku-skin-finder__problem:hover{transform:translateY(-2px);color:var(--finder-accent)}.boku-skin-finder__problem.is-active{border-color:var(--finder-accent);background:var(--finder-card-active);color:var(--finder-accent);box-shadow:0 10px 28px #0000000d}.boku-skin-finder__problem-icon{width:28px;height:28px;min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;font-size:25px;line-height:1;overflow:hidden}.boku-skin-finder__problem-icon-image{width:28px;height:28px;display:block;object-fit:contain;object-position:center}.boku-skin-finder__problem-label{font-size:15px;line-height:1.25;text-align:center}.boku-skin-finder__results{margin-top:34px}.boku-skin-finder__result{width:100%;min-height:330px;overflow:hidden;border:1px solid var(--finder-border);border-radius:26px;display:grid;grid-template-columns:minmax(280px,31%) minmax(0,1fr);background:var(--finder-result-bg);box-shadow:0 18px 50px #0000000d}.boku-skin-finder__result[hidden]{display:none!important}.boku-skin-finder__result-media{min-height:330px;overflow:hidden;background:#1f746512}.boku-skin-finder__image,.boku-skin-finder__placeholder{width:100%;height:100%;display:block;object-fit:cover}.boku-skin-finder__result-content{min-width:0;padding:44px 48px;display:flex;flex-direction:column;justify-content:center}.boku-skin-finder__solution-label{margin:0 0 10px;color:var(--finder-accent);font-size:13px;line-height:1.2;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.boku-skin-finder__product-title{margin:0;color:var(--finder-text);font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,2.4vw,38px);line-height:1.1;font-weight:400;letter-spacing:-.025em}.boku-skin-finder__price-row{margin-top:12px;display:flex;align-items:center;gap:10px}.boku-skin-finder__price,.boku-skin-finder__compare-price{font-size:15px;line-height:1.2}.boku-skin-finder__price{color:var(--finder-text);font-weight:800}.boku-skin-finder__compare-price{color:var(--finder-muted);opacity:.65}.boku-skin-finder__reason{max-width:790px;margin-top:18px;color:var(--finder-muted);font-size:16px;line-height:1.55}.boku-skin-finder__benefits{margin-top:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.boku-skin-finder__benefit{padding:8px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:#1f746514;color:var(--finder-accent);font-size:12px;line-height:1.2;font-weight:700}.boku-skin-finder__actions{margin-top:25px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.boku-skin-finder__button{min-height:48px;padding:12px 23px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--finder-button-bg);color:var(--finder-button-text);text-decoration:none;font-size:14px;line-height:1.2;font-weight:800;transition:transform .2s ease,box-shadow .2s ease}.boku-skin-finder__button:hover{transform:translateY(-1px);box-shadow:0 9px 25px #0000001a}.boku-skin-finder__secondary{color:var(--finder-accent);text-decoration:underline;text-underline-offset:4px;font-size:13px;line-height:1.3;font-weight:700}@media screen and (max-width:1050px){.boku-skin-finder{padding:56px 0 66px}.boku-skin-finder__container{padding:0 28px}.boku-skin-finder__problems{grid-template-columns:repeat(2,minmax(0,1fr))}.boku-skin-finder__problem{min-height:98px}.boku-skin-finder__result{grid-template-columns:minmax(260px,36%) minmax(0,1fr)}.boku-skin-finder__result-content{padding:36px 34px}}@media screen and (max-width:749px){.boku-skin-finder{padding:44px 0 52px}.boku-skin-finder__container{padding:0 16px}.boku-skin-finder__header{margin-bottom:28px}.boku-skin-finder__eyebrow{margin-bottom:11px;font-size:11px}.boku-skin-finder__heading{font-size:36px;line-height:1.04}.boku-skin-finder__subheading{margin-top:12px;font-size:14px}.boku-skin-finder__problems{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.boku-skin-finder__problem{min-height:94px;padding:14px 10px;border-radius:16px;gap:8px}.boku-skin-finder__problem-icon{width:24px;height:24px;min-width:24px;min-height:24px;font-size:22px}.boku-skin-finder__problem-icon-image{width:24px;height:24px}.boku-skin-finder__problem-label{font-size:13px}.boku-skin-finder__results{margin-top:24px}.boku-skin-finder__result{min-height:0;border-radius:20px;display:block}.boku-skin-finder__result-media{width:100%;min-height:0;aspect-ratio:1.35 / 1}.boku-skin-finder__result-content{padding:26px 20px 24px}.boku-skin-finder__solution-label{margin-bottom:8px;font-size:11px}.boku-skin-finder__product-title{font-size:28px}.boku-skin-finder__reason{margin-top:14px;font-size:14px;line-height:1.5}.boku-skin-finder__benefits{margin-top:16px;gap:7px}.boku-skin-finder__benefit{padding:7px 9px;font-size:11px}.boku-skin-finder__actions{margin-top:20px;gap:12px}.boku-skin-finder__button{width:100%;min-height:47px;padding:12px 18px}.boku-skin-finder__secondary{width:100%;text-align:center}}@media screen and (max-width:390px){.boku-skin-finder__container{padding:0 13px}.boku-skin-finder__heading{font-size:32px}.boku-skin-finder__problem{min-height:90px}.boku-skin-finder__problem-label{font-size:12px}.boku-skin-finder__result-content{padding-right:17px;padding-left:17px}.boku-skin-finder__product-title{font-size:25px}}#trouver-mon-soin{scroll-margin-top:110px}html{scroll-behavior:smooth}@media screen and (max-width:749px){#trouver-mon-soin{scroll-margin-top:88px}}.boku-skin-finder__problem{width:100%;position:relative;z-index:1;-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.boku-skin-finder__problem-icon,.boku-skin-finder__problem-icon *,.boku-skin-finder__problem-label{pointer-events:none}.boku-skin-finder__problem:focus-visible{outline:3px solid color-mix(in srgb,var(--finder-accent) 35%,transparent);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-boku-skin-finder.css.map */