.beaglex-ing{width:100%}.beaglex-ing__inner{position:relative;max-width:1400px;margin:0 auto;border-radius:var(--ing-radius, 20px);overflow:hidden;display:flex;align-items:stretch;min-height:210px;background:linear-gradient(100deg,var(--ing-grad-start, #fff7f6) 0%,var(--ing-grad-mid, #ffffff) 50%,var(--ing-grad-end, #f3e9ff) 100%);box-shadow:0 24px 60px #7a3fb014}.beaglex-ing__heading-col{flex:0 1 24%;min-width:0;display:flex;align-items:center;padding:24px 12px 24px 40px}.beaglex-ing__heading{font-size:40px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;color:#111;margin:0}.beaglex-ing__heading .is-highlight{color:var(--ing-highlight, #ff4f91)}.beaglex-ing__ingredients{flex:1 1 56%;min-width:0;display:flex;align-items:center;justify-content:space-around;gap:10px;padding:24px 16px}.beaglex-ing__ingredient{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;flex:1 1 0;min-width:0;transition:transform .3s ease}.beaglex-ing__ingredient:hover{transform:translateY(-4px)}.beaglex-ing__circle{width:84px;height:84px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 2px 6px #ffffffb3,inset 0 -6px 12px #0000000d,0 10px 20px #0000000d;transition:transform .3s ease}.beaglex-ing__ingredient:hover .beaglex-ing__circle{transform:scale(1.06)}.beaglex-ing__circle svg{width:44px;height:44px;display:block}.beaglex-ing__circle[data-icon=peptide]{background:radial-gradient(circle at 35% 30%,#ffeaf1,#ffd3e3 60%,#ffc2da)}.beaglex-ing__circle[data-icon=niacinamide]{background:radial-gradient(circle at 35% 30%,#ffe9ec,#ffd6db 60%,#ffc4cf)}.beaglex-ing__circle[data-icon=arbutin]{background:radial-gradient(circle at 35% 30%,#f4fbec,#e6f6d6 60%,#d7efbe)}.beaglex-ing__circle[data-icon=ceramide]{background:radial-gradient(circle at 35% 30%,#e9f5ff,#d6edff 60%,#bfe0ff)}.beaglex-ing__circle[data-icon=oat]{background:radial-gradient(circle at 35% 30%,#fbf3e7,#f5e8d0 60%,#ecd9b6)}.beaglex-ing__title{font-size:16px;font-weight:700;color:#111;margin:0}.beaglex-ing__desc{font-size:13px;color:#666;line-height:1.5;margin:0}.beaglex-ing__panel{flex:0 0 280px;min-width:0;background:var(--ing-panel-bg, #f4ebff);border-top-left-radius:100px;border-bottom-left-radius:100px;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:32px 40px;position:relative;overflow:hidden}.beaglex-ing__panel-heading{font-size:26px;font-weight:700;line-height:1.25;color:#111;margin:0;text-align:left;position:relative;z-index:2}.beaglex-ing__checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}.beaglex-ing__check-item{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#111}.beaglex-ing__check-item svg{width:19px;height:19px;flex-shrink:0;color:#111}.beaglex-ing__doodle{position:absolute;pointer-events:none;color:var(--ing-highlight, #ff4f91);opacity:.16;z-index:1}.beaglex-ing__doodle svg{width:100%;height:100%;display:block}.beaglex-ing__doodle--1{top:16px;right:26px;width:26px;height:26px}.beaglex-ing__doodle--2{bottom:20px;right:64px;width:16px;height:16px}.beaglex-ing__doodle--3{top:50%;right:14px;width:14px;height:14px}@media screen and (min-width:750px)and (max-width:1099px){.beaglex-ing__heading{font-size:28px}.beaglex-ing__heading-col{padding:20px 10px 20px 28px}.beaglex-ing__circle{width:68px;height:68px}.beaglex-ing__circle svg{width:34px;height:34px}.beaglex-ing__title{font-size:14px}.beaglex-ing__desc{font-size:12px}.beaglex-ing__panel{flex-basis:220px;padding:24px 26px;border-top-left-radius:70px;border-bottom-left-radius:70px}.beaglex-ing__panel-heading{font-size:19px}}@media screen and (max-width:749px){.beaglex-ing__inner{flex-direction:column;align-items:stretch;min-height:0}.beaglex-ing__heading-col{padding:28px 20px 8px}.beaglex-ing__heading{font-size:24px}.beaglex-ing__ingredients{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 12px;padding:16px 20px 28px}.beaglex-ing__ingredient:nth-child(5){grid-column:1 / span 2}.beaglex-ing__circle{width:76px;height:76px}.beaglex-ing__circle svg{width:40px;height:40px}.beaglex-ing__panel{flex-basis:auto;border-radius:0;padding:28px 24px;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.beaglex-ing__ingredient,.beaglex-ing__circle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/beaglex-ingredient-benefits.css.map */