.premium-ingredients{display:flex;flex-wrap:wrap;gap:1.2rem}.premium-ingredient{display:flex;align-items:center;gap:1rem}.premium-ingredients--minimal .premium-ingredient{flex-direction:row;gap:.8rem}.premium-ingredients--minimal .premium-ingredient__icon,.premium-ingredients--minimal .premium-ingredient__image{width:32px;height:32px;flex-shrink:0}.premium-ingredients--minimal .premium-ingredient__info{display:flex;flex-direction:column;gap:.2rem}.premium-ingredients--cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.premium-ingredients--cards .premium-ingredient{flex-direction:column;text-align:center;padding:1.6rem 1.2rem;background:rgba(var(--color-foreground),.02);border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--card-radius, 8px);transition:all .3s ease}.premium-ingredients--cards .premium-ingredient:hover{border-color:rgba(var(--color-foreground),.15);box-shadow:0 4px 16px #0000000f}.premium-ingredients--cards .premium-ingredient__icon,.premium-ingredients--cards .premium-ingredient__image{width:48px;height:48px;margin-bottom:.4rem}.premium-ingredients--cards .premium-ingredient__info{display:flex;flex-direction:column;gap:.4rem}.premium-ingredients--pills{display:flex;flex-wrap:wrap;gap:.8rem}.premium-ingredients--pills .premium-ingredient{padding:.6rem 1.2rem;background:rgba(var(--color-foreground),.05);border-radius:50px;font-size:.9em}.premium-ingredients--pills .premium-ingredient__icon,.premium-ingredients--pills .premium-ingredient__image{width:20px;height:20px}.premium-ingredients--pills .premium-ingredient__info{display:flex;gap:.4rem;align-items:center}.premium-ingredients--pills .premium-ingredient__benefit{display:none}.premium-ingredient__icon{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));opacity:.7}.premium-ingredient__image{border-radius:50%;overflow:hidden}.premium-ingredient__img{width:100%;height:100%;object-fit:cover}.premium-ingredient__name{font-weight:600;font-size:.95em}.premium-ingredient__benefit{font-size:.85em;opacity:.7}.premium-steps{display:flex;flex-direction:column;gap:1.2rem}.premium-step{display:flex;align-items:flex-start;gap:1.2rem}.premium-step__number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9em}.premium-step__content{display:flex;flex-direction:column;gap:.3rem;padding-top:.5rem}.premium-step__title{font-weight:600;font-size:1em}.premium-step__desc{font-size:.9em;opacity:.75;line-height:1.5}.premium-steps--numbered .premium-step__number{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:50%}.premium-steps--icons .premium-step__number{background:rgba(var(--color-foreground),.06);border-radius:50%;color:rgb(var(--color-foreground))}.premium-steps--icons .premium-step__number svg{opacity:.8}.premium-steps--timeline{padding-left:1.2rem;border-left:2px solid rgba(var(--color-foreground),.1)}.premium-steps--timeline .premium-step{position:relative}.premium-steps--timeline .premium-step__number{position:absolute;left:-2.5rem;width:24px;height:24px;background:rgb(var(--color-background));border:2px solid rgba(var(--color-foreground),.3);border-radius:50%;font-size:.75em}.premium-steps--timeline .premium-step__content{padding-top:0}.premium-hair-types{display:flex;flex-wrap:wrap;gap:.8rem}.premium-hair-type{display:inline-flex;align-items:center;gap:.4rem;font-size:.9em}.premium-hair-type svg{color:#10b981;flex-shrink:0}.premium-hair-types--checkmarks .premium-hair-type{width:calc(50% - .4rem)}.premium-hair-types--badges .premium-hair-type{padding:.5rem 1rem;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:50px;font-size:.85em}.premium-hair-types--badges .premium-hair-type svg{width:14px;height:14px}.premium-hair-types--meter{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.2rem}.premium-hair-types--meter .premium-hair-type{width:auto;justify-content:flex-start}.premium-benefits{display:flex;flex-direction:column;gap:1rem}.premium-benefit{display:flex;align-items:center;gap:1rem}.premium-benefit__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.premium-benefit__icon svg{opacity:.8}.premium-benefit__text{font-size:.95em;line-height:1.4}.premium-benefits--list .premium-benefit__icon{width:24px;height:24px}.premium-benefits--list .premium-benefit__icon svg{width:18px;height:18px}.premium-benefits--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.premium-benefits--grid .premium-benefit{flex-direction:column;text-align:center;gap:.6rem}.premium-benefits--elegant .premium-benefit{padding:1rem 1.2rem;background:linear-gradient(135deg,rgba(var(--color-foreground),.02),rgba(var(--color-foreground),.04));border-radius:var(--card-radius, 8px);border:1px solid rgba(var(--color-foreground),.06)}.premium-benefits--elegant .premium-benefit__icon{width:40px;height:40px;background:rgba(var(--color-foreground),.05);border-radius:50%}.premium-timeline{position:relative;padding-left:2rem}.premium-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,rgba(var(--color-foreground),.15),rgba(var(--color-foreground),.05))}.premium-timeline__item{position:relative;padding-bottom:1.6rem}.premium-timeline__item:last-child{padding-bottom:0}.premium-timeline__marker{position:absolute;left:-2rem;top:.3rem;width:16px;height:16px;background:rgb(var(--color-background));border:3px solid rgb(var(--color-foreground));border-radius:50%;z-index:1}.premium-timeline__item:first-child .premium-timeline__marker{background:rgb(var(--color-foreground))}.premium-timeline__content{display:flex;flex-direction:column;gap:.3rem}.premium-timeline__time{font-weight:700;font-size:.9em;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-foreground))}.premium-timeline__text{font-size:.95em;opacity:.8;line-height:1.5}@media (max-width: 767px){.premium-ingredients--cards{grid-template-columns:1fr 1fr}.premium-benefits--grid{grid-template-columns:1fr}.premium-hair-types--checkmarks .premium-hair-type,.premium-hair-types--meter .premium-hair-type{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-premium-pdp.css.map */