.section-bundle-pdp-hair-types{padding:3.5rem 0;background-color:var(--color-white-100);font-family:"DM Sans",sans-serif;color:var(--color-black-20)}@media(min-width: 1024px){.section-bundle-pdp-hair-types{padding:5rem 0}}.section-bundle-pdp-hair-types__inner{display:grid;grid-template-columns:minmax(0, 1fr);grid-template-areas:"title" "tabs" "media" "text";padding:0 1rem}@media(min-width: 768px){.section-bundle-pdp-hair-types__inner{padding:0}}@media(min-width: 1024px){.section-bundle-pdp-hair-types__inner{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);grid-template-rows:1fr auto auto auto 1fr;grid-template-areas:"media ." "media title" "media tabs" "media text" "media .";column-gap:3rem}}@media(min-width: 1440px){.section-bundle-pdp-hair-types__inner{grid-template-columns:minmax(0, 612fr) minmax(0, 636fr);column-gap:4rem}}@media(min-width: 1920px){.section-bundle-pdp-hair-types__inner{grid-template-columns:minmax(0, 755fr) minmax(0, 780fr);column-gap:4.0625rem}}.section-bundle-pdp-hair-types__title{grid-area:title;margin:0;font-size:1.5rem;font-weight:700;line-height:2rem;color:var(--color-black-20)}@media(min-width: 768px){.section-bundle-pdp-hair-types__title{font-size:2rem;line-height:2.5rem;letter-spacing:-0.04rem}}@media(min-width: 1440px){.section-bundle-pdp-hair-types__title{font-size:2.5rem;line-height:3rem;letter-spacing:-0.1rem}}.section-bundle-pdp-hair-types__tabs{grid-area:tabs;display:grid;grid-auto-columns:minmax(0, 1fr);grid-auto-flow:column;gap:0.5rem;margin-top:1.5rem}@media(min-width: 768px){.section-bundle-pdp-hair-types__tabs{margin-top:2rem}}@media(min-width: 1440px){.section-bundle-pdp-hair-types__tabs{max-width:38.25rem;gap:1rem}}@media(min-width: 1920px){.section-bundle-pdp-hair-types__tabs{max-width:none;gap:0.75rem}}.section-bundle-pdp-hair-types__tab{height:2.875rem;margin:0 0.5rem;padding:0 0.5rem;border:0;border-radius:100vmax;background-color:rgba(0,0,0,0);cursor:pointer;font-family:inherit;font-size:0.9375rem;font-weight:400;line-height:1.25rem;color:var(--color-white-60);transition:background-color 200ms ease-out,color 200ms ease-out}@media(min-width: 768px){.section-bundle-pdp-hair-types__tab{height:3.25rem;margin:0;font-size:1rem}}.section-bundle-pdp-hair-types__tab.active{font-weight:600;color:var(--color-black-20);background-color:var(--color-sky-light)}.section-bundle-pdp-hair-types__media{grid-area:media;margin-top:1.5rem;aspect-ratio:1}@media(min-width: 768px){.section-bundle-pdp-hair-types__media{margin-top:2rem}}@media(min-width: 1024px){.section-bundle-pdp-hair-types__media{margin-top:0}}.section-bundle-pdp-hair-types__panel{display:none;height:100%}.section-bundle-pdp-hair-types__panel.active{display:block}.section-bundle-pdp-hair-types__image,.section-bundle-pdp-hair-types__image .media,.section-bundle-pdp-hair-types__image img{display:block;width:100%;height:100%;object-fit:cover}.section-bundle-pdp-hair-types__text{grid-area:text;display:none;margin-top:1.5rem}.section-bundle-pdp-hair-types__text.active{display:block}@media(min-width: 768px){.section-bundle-pdp-hair-types__text{margin-top:2rem}}@media(min-width: 1024px){.section-bundle-pdp-hair-types__text{display:block;visibility:hidden}.section-bundle-pdp-hair-types__text.active{visibility:visible}}.section-bundle-pdp-hair-types__text-lead{margin:0;font-size:1rem;font-weight:500;line-height:1.375rem;color:var(--color-black-20)}@media(min-width: 768px){.section-bundle-pdp-hair-types__text-lead{font-size:1.0625rem;line-height:1.5rem}}.section-bundle-pdp-hair-types__text-note{margin:0;font-size:0.75rem;line-height:1rem;color:var(--color-white-60)}.section-bundle-pdp-hair-types__text-lead+.section-bundle-pdp-hair-types__text-note{margin-top:0.875rem}