.elemence-ingredients-elemix{position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(154,105,87,.12),transparent 60%),var(--elemence-ingredients-elemix-bg, #060504);color:var(--elemence-ingredients-elemix-ink, #ffffff);padding-block-start:var(--pt-d, 100px);padding-block-end:var(--pb-d, 100px)}.elemence-ingredients-elemix__container{max-width:1440px;margin:0 auto;padding:0 var(--pad-x, clamp(20px, 4vw, 64px))}.elemence-ingredients-elemix__container .elemence-ingr-elemix__grid{margin-bottom:64px}.elemence-ingredients-elemix__header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:64px}.elemence-ingredients-elemix__header-lt{flex:1}.elemence-ingredients-elemix__header-rt{max-width:380px}.elemence-ingredients-elemix__eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--rg-gold, #E0C39A)}.elemence-ingredients-elemix__heading,.elemence-ingredients-elemix__heading p{font-family:var(--sans);font-weight:700;font-size:clamp(34px,4.4vw,60px);line-height:.95;letter-spacing:-.025em;margin:14px 0 0;text-wrap:balance;max-width:760px;color:var(--elemence-ingredients-elemix-ink, #ffffff)}.elemence-ingredients-elemix__heading em,.elemence-ingredients-elemix__heading p em{font-style:normal;background:var(--rg-grad-h, linear-gradient(90deg, #9A6957, #D5A89A 50%, #9A6957));-webkit-background-clip:text;background-clip:text;color:transparent}.elemence-ingredients-elemix__lede,.elemence-ingredients-elemix__lede p{color:#ffffff9e;font-size:clamp(15px,1.4vw,17px);line-height:1.6;margin:0}.elemence-ingredients-elemix__arch{display:flex;align-items:center;gap:48px;padding:36px 0 48px;margin:0 0 56px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.elemence-ingredients-elemix__arch-num{font-family:var(--sans);font-weight:700;font-size:clamp(96px,13vw,180px);line-height:.85;letter-spacing:-.04em;background:var(--rg-grad-h, linear-gradient(90deg, #9A6957, #D5A89A 50%, #9A6957));-webkit-background-clip:text;background-clip:text;color:transparent;flex-shrink:0}.elemence-ingredients-elemix__arch-side{flex:1;display:flex;flex-direction:column;gap:20px}.elemence-ingredients-elemix__arch-label{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--rg-gold, #E0C39A)}.elemence-ingredients-elemix__arch-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 32px}.elemence-ingr-elemix__arch-stat{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:#ffffff9e;display:flex;align-items:baseline;gap:10px;padding-bottom:10px}.elemence-ingr-elemix__arch-stat b{font-family:var(--font-body--family);font-weight:700;font-size:22px;letter-spacing:-.01em;color:#fff;font-style:normal}.elemence-ingr-elemix__group{margin-bottom:64px}.elemence-ingr-elemix__group:last-child{margin-bottom:0}.elemence-ingr-elemix__group-head{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:24px}.elemence-ingr-elemix__group-left{display:flex;align-items:center;gap:24px}.elemence-ingr-elemix__group-num{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--rg-gold, #E0C39A);padding:6px 12px;border:1px solid var(--rg-3, #D5A89A);border-radius:999px}.elemence-ingr-elemix__group-title{font-family:var(--sans);font-weight:700;font-size:28px;letter-spacing:-.01em;margin:0;color:#fff}.elemence-ingr-elemix__group-meta{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:#ffffff61;text-transform:uppercase}.elemence-ingr-elemix__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.elemence-ecard{position:relative;border-radius:32px;aspect-ratio:313 / 491;perspective:1400px;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .4s;isolation:isolate;will-change:transform}.elemence-ecard__inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .6s cubic-bezier(.16,1,.3,1);border-radius:32px;will-change:transform}@media(hover:hover){.elemence-ecard:hover .elemence-ecard__inner{transform:rotateY(180deg)}.elemence-ecard:hover{transform:translateY(-6px)}}.elemence-ecard.is-flipped .elemence-ecard__inner{transform:rotateY(180deg)}.elemence-ecard.is-flipped{transform:translateY(-6px)}.elemence-ecard__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:32px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);background:#e8d9cf0d;border:1px solid var(--line, rgba(255, 255, 255, .08));transition:border-color .3s,box-shadow .4s}@media(hover:hover){.elemence-ecard:hover .elemence-ecard__face{border-color:#d5a89a66;box-shadow:0 40px 80px -40px #9a695799}}.elemence-ecard.is-flipped .elemence-ecard__face{border-color:#d5a89a66;box-shadow:0 40px 80px -40px #9a695799}.elemence-ecard__front{display:flex;flex-direction:column}.elemence-ecard__back{-webkit-transform:rotateY(180deg) translate3d(0,0,0);transform:rotateY(180deg) translateZ(0)}.elemence-ecard__back img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.elemence-ecard__top{position:relative;height:43%;overflow:hidden;background:#070707}.elemence-ecard__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.elemence-ecard:hover .elemence-ecard__bg{transform:scale(1.08)}}.elemence-ecard.is-flipped .elemence-ecard__bg{transform:scale(1.08)}.elemence-ecard__atomic{position:absolute;top:14px;left:14px;z-index:4;font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:#ffffffd9;background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:5px 9px;border-radius:6px}.elemence-ecard__bottom{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;position:relative}.elemence-ecard__bottom:before{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.elemence-ecard h4{font-family:var(--sans);font-weight:700;font-size:17px;letter-spacing:-.01em;margin:0 0 8px;color:#fff}.elemence-ecard__desc{font-size:12px;line-height:1.45;color:#ffffff9e;margin:0}.elemence-ecard__symbol-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.elemence-ecard__role{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff61}.elemence-ecard__symbol{width:40px;height:40px;border-radius:999px;background:#e8d9cf0f;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:600;font-size:17px;letter-spacing:-.01em;color:var(--rg-3, #D5A89A);transition:background .3s,border-color .3s,color .3s}.elemence-ecard__symbol--wide{width:auto;min-width:40px;height:32px;padding:0 12px;font-size:11px;letter-spacing:0;white-space:nowrap}@media(hover:hover){.elemence-ecard:hover .elemence-ecard__symbol{background:var(--rg-grad, linear-gradient(135deg, #9A6957, #D5A89A 35%, #E0C39A 55%, #C69B7B));color:#1a0e08;border-color:transparent}}.elemence-ecard.is-flipped .elemence-ecard__symbol{background:var(--rg-grad, linear-gradient(135deg, #9A6957, #D5A89A 35%, #E0C39A 55%, #C69B7B));color:#1a0e08;border-color:transparent}.elemence-ingr-elemix__group[data-cat=electrolytes] .elemence-ecard__symbol{color:#e3b6a6}.elemence-ingr-elemix__group[data-cat=vitamins] .elemence-ecard__symbol{color:#e0c39a}.elemence-ingr-elemix__group[data-cat=minerals] .elemence-ecard__symbol{color:#d5a89a}.elemence-ingr-elemix__group[data-cat=actives] .elemence-ecard__symbol{color:#e3b6a6}@media(max-width:1023px){.elemence-ingredients-elemix__header{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:48px}.elemence-ingredients-elemix__arch{flex-direction:column;align-items:flex-start;gap:18px}.elemence-ingr-elemix__grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.elemence-ingredients-elemix{padding-block-start:var(--pt-m, 64px);padding-block-end:var(--pb-m, 64px)}}@media(max-width:639px){.elemence-ingredients-elemix__arch-stats{grid-template-columns:1fr}.elemence-ingredients-elemix__lede,.elemence-ingredients-elemix__lede p{font-size:14px}.elemence-ingr-elemix__grid{grid-template-columns:repeat(2,1fr)}.elemence-ingr-elemix__group-head{flex-direction:column;align-items:flex-start;gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/elemence-ingredients-elemix.css.map */