.section-pdp-ingredient-science{position:relative;padding:32px 16px;background-color:#fff;font-family:Inter,sans-serif}.section-pdp-ingredient-science .section-pdp-ingredient-science-container{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:1440px;margin:0 auto}.section-pdp-ingredient-science .section-pdp-ingredient-science-header{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.section-pdp-ingredient-science .section-pdp-ingredient-science-subtitle{margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:2.4px;text-align:center;text-transform:uppercase;color:#0a3b56}.section-pdp-ingredient-science .section-pdp-ingredient-science-heading{margin:0;font-family:Inter,sans-serif;font-size:28px;font-weight:600;letter-spacing:-.02em;text-align:center;color:#111827}.section-pdp-ingredient-science .section-pdp-ingredient-science-groups{display:flex;flex-direction:column;gap:12px;width:100%;max-width:768px}.section-pdp-ingredient-science .section-pdp-ingredient-science-group{overflow:hidden;border:1px solid #f0f0f0;border-radius:14px;background-color:#fafafa}.section-pdp-ingredient-science .section-pdp-ingredient-science-group-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #f0f0f0}.section-pdp-ingredient-science .section-pdp-ingredient-science-group-badge{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;text-align:center;color:#fff;background-color:#0a3b56}.section-pdp-ingredient-science .section-pdp-ingredient-science-group-name{margin:0;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1.5;color:#111827}.section-pdp-ingredient-science .section-pdp-ingredient-science-group-desc{margin:0;font-family:Inter,sans-serif;font-size:10px;line-height:1.5;color:#999}.section-pdp-ingredient-science .section-pdp-ingredient-science-ingredients{display:flex;flex-direction:column;gap:8px}.section-pdp-ingredient-science .section-pdp-ingredient-science-ingredient{display:flex;flex-direction:column;gap:4px;padding:13px 16px;margin-inline:12px;background-color:#fff;border:1px solid #f0f0f0;border-radius:10px}.section-pdp-ingredient-science .section-pdp-ingredient-science-ingredient:first-child{margin-top:12px}.section-pdp-ingredient-science .section-pdp-ingredient-science-ingredient:last-child{margin-bottom:12px}.section-pdp-ingredient-science .section-pdp-ingredient-science-ingredient-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-pdp-ingredient-science .section-pdp-ingredient-science-ingredient-name{margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#111827}.section-pdp-ingredient-science .section-pdp-ingredient-science-ingredient-desc{padding-bottom:2px;margin:0;font-family:Inter,sans-serif;font-size:10px;color:#444}.section-pdp-ingredient-science .section-pdp-ingredient-science-ingredient-pct{flex-shrink:0;padding:2px 6px;border-radius:4px;font-family:Inter,sans-serif;font-size:9px;font-weight:700;color:#0a3b56;background-color:#0a3b560d}.section-pdp-ingredient-science .section-pdp-ingredient-science-bar{height:2px;overflow:hidden;border-radius:999px;background-color:#0a3b561a}.section-pdp-ingredient-science .section-pdp-ingredient-science-bar-fill{display:block!important;height:100%;border-radius:999px;background-color:#0a3b56}.section-pdp-ingredient-science .section-pdp-ingredient-science-formula-bar{display:block!important;width:100%;max-width:768px;height:4px;border-radius:999px;background:linear-gradient(to right,#0a3b56,#1a6a9a 40%,#5baed4,#c2e0f0)}.section-pdp-ingredient-science .section-pdp-ingredient-science-inci{align-self:center;width:90%;max-width:768px}.section-pdp-ingredient-science .section-pdp-ingredient-science-inci-toggle{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 0;list-style:none;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#0a3b56;cursor:pointer}.section-pdp-ingredient-science .section-pdp-ingredient-science-inci-toggle::-webkit-details-marker{display:none}.section-pdp-ingredient-science .section-pdp-ingredient-science-inci-chevron{display:flex;align-items:center;transition:transform .2s ease}.section-pdp-ingredient-science details[open] .section-pdp-ingredient-science-inci-chevron{transform:rotate(180deg)}.section-pdp-ingredient-science .section-pdp-ingredient-science-inci-content{overflow:hidden;width:100%;transition:height .3s linear}.section-pdp-ingredient-science .section-pdp-ingredient-science-inci-inner{padding:12px 0;font-family:Inter,sans-serif;font-size:11px;line-height:1.6;text-align:center;color:#444}.section-pdp-ingredient-science .section-pdp-ingredient-science-how-to-use{overflow:hidden;width:100%;border:1px solid #e5e7eb;border-radius:16px}.section-pdp-ingredient-science .section-pdp-ingredient-science-htu-header{display:flex;flex-direction:column;gap:4px;padding:16px;border-bottom:1px solid #e5e7eb;background-color:#fbf0f2}.section-pdp-ingredient-science .section-pdp-ingredient-science-htu-label{margin:0;font-family:Inter,sans-serif;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#0a3b56}.section-pdp-ingredient-science .section-pdp-ingredient-science-htu-heading{margin:0;font-family:Inter,sans-serif;font-size:18px;font-weight:600;color:#111827}.section-pdp-ingredient-science .section-pdp-ingredient-science-tabs{display:block}.section-pdp-ingredient-science .section-pdp-ingredient-science-tab-nav{display:flex;align-items:stretch;gap:0;margin:12px 16px;padding:4px;border:none;border-radius:999px;background-color:#f3f4f6}.section-pdp-ingredient-science .section-pdp-ingredient-science-tab-btn{flex:1;padding:9px 8px;border:none;border-radius:999px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;text-align:center;color:#444;background:none;cursor:pointer;transition:background-color .15s ease,color .15s ease}.section-pdp-ingredient-science .section-pdp-ingredient-science-tab-btn.is-active{color:#fff;background-color:#0a3b56}.section-pdp-ingredient-science .section-pdp-ingredient-science-tab-panel{display:block;border-top:1px solid #E5E7EB}.section-pdp-ingredient-science .section-pdp-ingredient-science-tab-panel[hidden]{display:none}.section-pdp-ingredient-science .section-pdp-ingredient-science-steps{display:flex;flex-direction:column;gap:8px;padding:0 16px}.section-pdp-ingredient-science .section-pdp-ingredient-science-step{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid #f0f0f0;border-radius:14px;background-color:#fafafa}.section-pdp-ingredient-science .section-pdp-ingredient-science-step-num{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-family:Inter,sans-serif;font-size:11px;font-weight:700;text-align:center;color:#fff;background-color:#0a3b56}.section-pdp-ingredient-science .section-pdp-ingredient-science-step-body{flex:1;min-width:0}.section-pdp-ingredient-science .section-pdp-ingredient-science-step-title{margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#111827}.section-pdp-ingredient-science .section-pdp-ingredient-science-step-desc{margin:0;font-family:Inter,sans-serif;font-size:9px;line-height:1.5;color:#999}.section-pdp-ingredient-science .section-pdp-ingredient-science-step-timer{flex-shrink:0;padding:2px 8px;border-radius:999px;font-family:Inter,sans-serif;font-size:10px;font-weight:600;color:#0a3b56;background-color:#0a3b561a}.section-pdp-ingredient-science .section-pdp-ingredient-science-mode-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px}.section-pdp-ingredient-science .section-pdp-ingredient-science-mode-type{font-family:Inter,sans-serif;font-size:10px;font-weight:500;color:#888}.section-pdp-ingredient-science .section-pdp-ingredient-science-mode-tabs{display:inline-flex;gap:2px;background-color:#ebebeb;border-radius:999px;padding:3px}.section-pdp-ingredient-science .section-pdp-ingredient-science-mode-tab{padding:4px 14px;border:none;border-radius:999px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#555;background-color:transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease}.section-pdp-ingredient-science .section-pdp-ingredient-science-mode-tab.is-active{color:#fff;background-color:#0a3b56}.section-pdp-ingredient-science .section-pdp-ingredient-science-step-set{display:none}.section-pdp-ingredient-science .section-pdp-ingredient-science-step-set.is-active{display:block}.section-pdp-ingredient-science .section-pdp-ingredient-science-steps-legend{margin-top:12px}.section-pdp-ingredient-science .section-pdp-ingredient-science-steps-legend,.section-pdp-ingredient-science .section-pdp-ingredient-science-face-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:13px 16px;border-top:1px solid #f0f0f0}.section-pdp-ingredient-science .section-pdp-ingredient-science-legend-item{display:inline-flex;align-items:center;gap:4px;font-family:Inter,sans-serif;font-size:9px;font-weight:400}.section-pdp-ingredient-science .section-pdp-ingredient-science-legend-item svg{height:10px;width:10px}.section-pdp-ingredient-science .section-pdp-ingredient-science-legend-item--ok{color:#096}.section-pdp-ingredient-science .section-pdp-ingredient-science-legend-item--no{color:#ff6467}.section-pdp-ingredient-science .section-pdp-ingredient-science-face-map{display:block}.section-pdp-ingredient-science .section-pdp-ingredient-science-face-map-media{position:relative;overflow:hidden;height:420px;background-color:#edf2f8}.section-pdp-ingredient-science .section-pdp-ingredient-science-face-map-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.section-pdp-ingredient-science .section-pdp-ingredient-science-face-map-gradient{display:block!important;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0006,#0000 50%);pointer-events:none}.section-pdp-ingredient-science .section-pdp-ingredient-science-zone-btn{position:absolute;z-index:2;top:var(--top-m);left:var(--left-m);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#111827;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;cursor:pointer;transform:translate(-50%,-50%);transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.section-pdp-ingredient-science .section-pdp-ingredient-science-zone-btn.is-active{z-index:4;color:#fff;background-color:#0a3b56;box-shadow:0 0 10px #0e39a999}.section-pdp-ingredient-science .section-pdp-ingredient-science-zone-tooltip{position:absolute;z-index:3;top:calc(100% + 8px);left:50%;display:none;flex-direction:column;gap:4px;min-width:110px;padding:9px 13px;border:1px solid #f0f0f0;border-radius:10px;white-space:nowrap;background-color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;pointer-events:none;transform:translate(-50%)}.section-pdp-ingredient-science .section-pdp-ingredient-science-zone-tooltip.is-active{display:flex}.section-pdp-ingredient-science .section-pdp-ingredient-science-zone-name{display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#111827}.section-pdp-ingredient-science .section-pdp-ingredient-science-zone-badges{display:flex;align-items:center;gap:8px}.section-pdp-ingredient-science .section-pdp-ingredient-science-zone-direction{padding:2px 6px;border-radius:4px;font-family:Inter,sans-serif;font-size:8px;font-weight:500;color:#0a3b56;background-color:#0a3b560d}.section-pdp-ingredient-science .section-pdp-ingredient-science-zone-timer{padding:2px 6px;border-radius:4px;font-family:Inter,sans-serif;font-size:8px;font-weight:500;color:#444;background-color:#f7f7f7}.section-pdp-ingredient-science .section-pdp-ingredient-science-zone-hint{position:absolute;z-index:2;bottom:12px;left:50%;padding:6px 12px;border-radius:10px;font-family:Inter,sans-serif;font-size:9px;font-weight:500;letter-spacing:.72px;text-transform:uppercase;white-space:nowrap;color:#fffc;background-color:#333;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .4s ease}.section-pdp-ingredient-science .section-pdp-ingredient-science-zone-hint.is-visible{opacity:1}.section-pdp-ingredient-science .section-pdp-ingredient-science-video-panel{position:relative}.section-pdp-ingredient-science .section-pdp-ingredient-science-video-preview{position:relative;overflow:hidden;aspect-ratio:9 / 16;background-color:#edf2f8}.section-pdp-ingredient-science .section-pdp-ingredient-science-video-thumb{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.section-pdp-ingredient-science .section-pdp-ingredient-science-video-gradient{display:block!important;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0006,#0000 50%);pointer-events:none}.section-pdp-ingredient-science .section-pdp-ingredient-science-video-play{position:absolute;z-index:2;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;cursor:pointer;transform:translate(-50%,-50%);transition:transform .15s ease,box-shadow .15s ease}.section-pdp-ingredient-science .section-pdp-ingredient-science-video-play:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 10px 15px -3px #00000026}.section-pdp-ingredient-science .section-pdp-ingredient-science-video-embed[hidden]{display:none}.section-pdp-ingredient-science .section-pdp-ingredient-science-video--desktop{display:none;aspect-ratio:16 / 9}.section-pdp-ingredient-science .section-pdp-ingredient-science-video--mobile{display:block;aspect-ratio:9 / 16}@media(min-width:750px){.section-pdp-ingredient-science .section-pdp-ingredient-science-video-preview{aspect-ratio:16 / 9}.section-pdp-ingredient-science .section-pdp-ingredient-science-video--desktop{display:block}.section-pdp-ingredient-science .section-pdp-ingredient-science-video--mobile{display:none}}.section-pdp-ingredient-science .section-pdp-ingredient-science-video-iframe{display:block;width:100%;height:100%;border:none;object-fit:cover}.section-pdp-ingredient-science-video-iframe:-webkit-full-screen{width:100vw;height:100vh;object-fit:contain}.section-pdp-ingredient-science-video-iframe:fullscreen{width:100vw;height:100vh;object-fit:contain}.section-pdp-ingredient-science .section-pdp-ingredient-science-tab-empty{padding:24px 16px;margin:0;font-family:Inter,sans-serif;font-size:12px;text-align:center;color:#999}@media(min-width:750px){.section-pdp-ingredient-science{padding:40px 60px}.section-pdp-ingredient-science .section-pdp-ingredient-science-heading{font-family:Inter,sans-serif;font-size:32px}.section-pdp-ingredient-science .section-pdp-ingredient-science-face-map-media{height:500px}.section-pdp-ingredient-science .section-pdp-ingredient-science-zone-btn{top:var(--top-d);left:var(--left-d)}.section-pdp-ingredient-science .section-pdp-ingredient-science-groups{display:flex;flex-direction:row;gap:12px;width:100%;max-width:1070px}.section-pdp-ingredient-science .section-pdp-ingredient-science-group{flex:1 0 20%;overflow:hidden;border:1px solid #f0f0f0;border-radius:14px;background-color:#fafafa}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/pdp-ingredient-science.css.map */