.ingredients{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);position:relative;overflow:hidden}.ingredients__container{max-width:1440px;margin:0 auto;width:100%}.ingredients__content{display:grid;grid-template-columns:418px 1fr;gap:89px;justify-self:center;align-items:start}.ingredients__media{position:relative;width:100%;height:474px;border-radius:16px;overflow:hidden;background:#12121299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ingredients__image-wrapper{width:100%;height:100%;position:relative;overflow:hidden;border-radius:16px}.ingredients__image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:16px;transition:transform .3s ease}.ingredients__image:hover{transform:scale(1.02)}.ingredients__video-wrapper{width:100%;height:100%;position:relative;border-radius:16px;overflow:hidden}.ingredients__video-wrapper--youtube,.ingredients__video-wrapper--vimeo{position:relative;width:100%;height:100%;padding-bottom:56.25%}.ingredients__video-wrapper--youtube .ingredients__video,.ingredients__video-wrapper--vimeo .ingredients__video{position:absolute;top:0;left:0;width:100%;height:100%}.ingredients__video{width:100%;height:100%;border:none;border-radius:16px}.ingredients__video--shopify{object-fit:cover}.ingredients__info{display:flex;flex-direction:column;gap:24px;padding-top:0;overflow:hidden;max-width:661px}.ingredients__heading{margin-bottom:0}.ingredients__title{font-family:Anton,sans-serif;font-weight:400;font-size:60px;line-height:1.1;color:#fff;text-transform:uppercase;margin:0;letter-spacing:-.5px}.ingredients__heading--mobile{display:none}.ingredients__details{display:flex;flex-direction:column;gap:8px}.ingredients__benefits{margin-bottom:16px;position:relative;padding-bottom:30px}.ingredients__benefits-list{display:flex;gap:8px;flex-wrap:nowrap;overflow:hidden;padding-bottom:8px}.ingredients__benefits-list.swiper{overflow:visible;padding-bottom:0}.ingredients__benefits-list .swiper-wrapper{align-items:stretch}.ingredients__benefits-list .swiper-slide{height:auto;width:auto;display:flex;align-items:stretch}.ingredients__benefits .swiper-pagination{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;gap:6px;padding-top:10px}.ingredients__benefits .swiper-pagination-bullet{width:6px;height:6px;background:#ffffff4d;border-radius:3px;opacity:1;transition:all .3s ease;margin:0 3px!important}.ingredients__benefits .swiper-pagination-bullet-active{width:20px;background:#fc0706}@media screen and (min-width: 769px){.ingredients__benefits-list{flex-wrap:wrap;gap:8px}.ingredients__benefits .swiper-pagination{display:none}}.ingredients__benefit{display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;min-width:130px;height:70px;padding:8px;border-radius:8px;background:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;gap:8px;border:1px solid transparent;cursor:pointer;outline:none;flex-shrink:0;margin:0}.ingredients__benefit--highlighted{background:#202020cc;border:1px solid rgba(255,255,255,.1)}.ingredients__benefit:hover{background:#202020e6;transform:translateY(-2px)}.ingredients__benefit-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.ingredients__benefit-icon img{max-width:100%;max-height:100%;object-fit:contain}.ingredients__benefit-name{font-family:Roboto,sans-serif;font-weight:600;font-size:10px;line-height:1;color:#fff;text-transform:uppercase;text-align:center;color:#fc0706;white-space:nowrap;overflow:hidden;max-width:100%}.ingredients__main-card{background:#12121266;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:24px;border:1px solid rgba(255,255,255,.05)}.ingredients__main-content{display:flex;flex-direction:column;gap:8px}.ingredients__ingredient-name{font-family:Roboto,sans-serif;font-weight:500;font-size:24px;line-height:1.1;color:#fff;margin:0;letter-spacing:-.24px}.ingredients__ingredient-description{font-family:Roboto,sans-serif;font-weight:400;font-size:16px;line-height:1.2;color:#fff;margin:0}.ingredients__cta{display:flex;align-items:center}.ingredients__facts-link{font-family:Roboto,sans-serif;font-weight:600;font-size:14px;line-height:1;color:#fff;text-transform:uppercase;text-decoration:underline;text-underline-position:from-font;transition:color .3s ease,opacity .3s ease}.ingredients__facts-link:hover{color:#eb0000;opacity:.9}.ingredients__allergen{background:#12121266;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:16px;border:1px solid rgba(255,255,255,.05)}.ingredients__allergen-text{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;line-height:1.2;color:#fff;margin:0}.ingredients__certifications{display:flex;justify-content:center;margin-top:8px}.ingredients__certifications-image{max-width:100%;height:auto;width:100%;max-height:93px}@media screen and (max-width: 768px){.ingredients__content{padding:0 20px;display:flex;flex-direction:column;gap:16px;align-items:center}.ingredients__title{font-size:36px;text-align:center}.ingredients__heading--mobile{display:block}.ingredients__heading--desktop{display:none}.ingredients__benefit{width:72px}.ingredients__benefits-list{gap:8px}.ingredients__media{min-height:200px}.ingredients__video-wrapper--youtube,.ingredients__video-wrapper--vimeo{padding-bottom:56.25%}}.ingredients__facts-link:focus{outline:2px solid #eb0000;outline-offset:2px;border-radius:2px}.ingredients__facts-link:focus:not(:focus-visible){outline:none}.ingredients__facts-link:focus-visible{outline:2px solid #eb0000;outline-offset:2px;border-radius:2px}@media (prefers-contrast: high){.ingredients__benefit-icon img{filter:brightness(0) invert(1) contrast(2)}.ingredients__main-card,.ingredients__allergen{border-color:#fff}}@media (prefers-reduced-motion: reduce){.ingredients__image:hover,.ingredients__benefit:hover{transform:none}.ingredients__facts-link,.ingredients__certifications-image{transition:none}}@media (prefers-color-scheme: dark){.ingredients{background:linear-gradient(135deg,#0a0a0a,#000)}}.ingredients__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:2}.ingredients__loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.ingredients__loading-text{font-family:Roboto,sans-serif;font-size:14px;color:#fff;text-align:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ingredients__video-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:20px}.ingredients__error-icon{font-size:32px}.ingredients__error-text{font-family:Roboto,sans-serif;font-size:14px;color:#fff;margin:0}.ingredients__benefit--active{background:#202020e6;transform:translateY(-2px)}.ingredients__benefit:focus{border:1px solid rgba(235,0,0,.7);outline:none}.ingredients__benefit:focus:not(:focus-visible){border:1px solid transparent}.ingredients__benefit:focus-visible{border:1px solid rgba(235,0,0,.7);outline:none}.ingredients__ingredient-name,.ingredients__ingredient-description,.ingredients__allergen-text,#supplement-text{transition:opacity .15s ease-in-out}.ingredients__benefit--animated{animation:slideInUp .6s ease-out forwards}.ingredients__title--animated{animation:fadeInUp .8s ease-out forwards}.ingredients__main-card--animated{animation:slideInRight .8s ease-out forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.ingredients--reduced-motion .ingredients__benefit--animated,.ingredients--reduced-motion .ingredients__title--animated,.ingredients--reduced-motion .ingredients__main-card--animated{animation:none}.ingredients--reduced-motion .ingredients__benefit--active{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/97/assets/component-ingredients.css.map */