/* Keep the product on stage as the ingredient comes into view. */
body .fold .still .botflip .flipfront,body .fold .still .botflip .flipback{transition:opacity 1.25s ease,transform 1.45s cubic-bezier(.22,.61,.36,1);translate:none;backface-visibility:visible}
body .fold .still .botflip .flipfront{opacity:1;transform:none;z-index:1}
body .fold .still .botflip .flipback{opacity:0;transform:translate(7%,2%);inset:auto 0 3% auto;width:47%;height:55%;z-index:2;align-content:end}
body .fold .still .botflip[data-view=ingredient] .flipfront{opacity:1;transform:translateX(-15%) scale(.88);translate:none}
body .fold .still .botflip[data-view=ingredient] .flipback{opacity:1;transform:none;translate:none}
body .fold .still .botflip .flipback img{height:auto;width:100%;max-height:145px;object-fit:contain}
body .fold .still .botflip .flipback small{font:italic 13px/1.2 Georgia}
html[data-cut=b] .fold .still .botflip .flipback{inset:12% 0 5%;width:auto;height:auto;z-index:0;display:block;mask-image:radial-gradient(ellipse,#000 32%,transparent 73%)}
html[data-cut=b] .fold .still .botflip .flipback img{height:100%;width:100%;max-height:none;object-fit:cover}
html[data-cut=b] .fold .still .botflip[data-view=ingredient] .flipfront{transform:translateX(-19%) scale(.76)}
@media(prefers-reduced-motion:reduce){body .fold .still .botflip>span{transition:none!important}}
body .fold .compare-four,body .fold .compare-four summary,body .fold .bot-shelf,body .fold .shelf-head,body .fold .plantline,body .fold .shelf-oil button{border:0!important;box-shadow:none}
body .fold .compare-four summary{display:inline-flex;gap:14px;align-items:center;justify-content:center;background:#e3eadc;color:#1a432e;border-radius:24px;padding:8px 18px;min-height:44px;cursor:pointer}
body .fold .compare-four summary:hover{background:#d5dfcd}
html[data-cut=b] .fold .compare-four summary{background:#254f3b;color:#fff}
body .fold .bot-shelf{padding:25px 0 14px;background:radial-gradient(ellipse at 45% 90%,#ebe8d875,transparent 66%)!important}
body .fold .browse-singles{display:flex;align-items:center;gap:3px}
body .fold .browse-singles>button:not(.motion-control){width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:50%;font:22px Arial}
body .fold .browse-singles>button:hover{background:#e7ecdf}
body .fold .shelf-oil{padding:5px 1px}
body .fold .shelf-oil .vial{transition:transform .4s ease}
body .fold .shelf-oil:is(:focus-within,:hover) .vial{transform:translateY(-4px) scale(1.07)}
body .fold .shelf-oil button{border-radius:20px;padding:6px 12px;text-decoration:none;font-weight:600;background:#e7ebde;min-height:36px}
body .fold .shelf-oil button:hover{background:#204732;color:white}
body .fold .shelf-oil strong{min-height:1.4em}
html[data-cut=b] .fold .shelf-oil{flex-basis:20%}
body #builder .space{background:radial-gradient(ellipse at center,#e3e9d780,#f5f5ec 50%,#faf9f4 82%)!important}
body #fieldstory.fj .fj-head,body:has(.fold) #learn #research,body #research a.study-entry{border:0!important}
body:has(.fold) #learn #research{padding:clamp(34px,4vw,64px) 7vw!important;background:linear-gradient(#faf9f4 0%,#edf1e7 74%,#edf1e7)!important}
body #research.research77 h2{font:normal clamp(38px,4.1vw,68px)/1.05 Georgia,serif!important;letter-spacing:-.045em}
body #research .study-entry strong{font:normal clamp(22px,2.2vw,36px)/1.12 Georgia,serif}
html[data-cut=b] #research .study-list{gap:20px 5vw}
html[data-cut=b] body:has(.fold) #learn #research{background:#f4f0e5!important}
body:has(.fold) #learn #quality{background:#efedf1!important;border:0!important;padding:clamp(28px,4vw,62px) 7vw!important;margin:0!important}
body #learn #quality::before,body #learn #quality::after,body #learn #quality>:not(.document-desktop){display:none!important}
body #learn #quality .document-desktop{display:grid;align-items:center;grid-template-columns:minmax(0,1.7fr) minmax(120px,1fr);gap:clamp(18px,5vw,88px);max-width:1080px;margin:auto}
body #quality .document-desktop h2{font:normal clamp(32px,3.7vw,60px)/1.03 Georgia;letter-spacing:-.04em}
body #quality .document-desktop .document-leaf img{width:100%;max-height:275px;object-fit:contain}
body:has(.fold) #learn #giving.sg-care{margin:clamp(22px,3vw,45px) auto!important;max-width:calc(100% - 10vw);min-height:250px;display:flex!important;align-items:center}
body #learn #giving .care-copy{max-width:44ch}
body #learn #giving.sg-care::before{background:linear-gradient(90deg,#faf7eaf2 8%,#faf7eac9 42%,#faf7ea11 82%)}
html[data-cut=b] #quality .document-desktop .document-leaf{order:-1}
html[data-cut=b] #learn #quality .document-desktop{grid-template-columns:minmax(120px,.85fr) minmax(0,1.8fr)}
@media(max-width:600px){body #learn #quality .document-desktop,html[data-cut=b] #learn #quality .document-desktop{grid-template-columns:1fr}.document-leaf{max-width:145px}.fold .browse-singles{gap:0}.fold .shelf-head h2{font-size:24px}}
@media(min-width:900px){body #learn footer.main-footer77.mobile-footer-fixed{display:grid!important;grid-template-columns:minmax(220px,1.6fr) minmax(175px,1fr) minmax(130px,.8fr);gap:15px 5vw;align-items:start}
body #learn footer.main-footer77>.footer-care{grid-column:3;grid-row:1/4;display:flex!important;align-items:flex-start;flex-direction:column;gap:8px;margin:0}
body #learn footer .fix-social{grid-column:1}body #learn footer .foot-more{grid-column:2;grid-row:1/3}
}
.footer-care a{color:inherit;text-underline-offset:4px}.footer-care strong{font:600 15px Arial}
body .fold .botflip .open-argan{display:block;width:auto;height:clamp(222px,23vw,330px);max-width:100%;overflow:hidden;margin:auto}
body .fold .compare-four summary{background:#234b39;color:white}body .fold .compare-four summary:hover{background:#163c2d}
body .fold .trial-cover,body .fold .trial-cover .study-photograph{background:transparent!important}
body .fold .trial-cover .study-photograph img{object-fit:contain;width:72%;height:100%;min-height:0;max-height:155px;margin:auto;mix-blend-mode:multiply}
body #research a.study-entry{grid-template-columns:auto 1fr}body #research a.study-entry strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.17em}body #research a.study-entry small{display:block;margin-top:8px;text-transform:none;letter-spacing:normal;font:15px/1.4 Arial,sans-serif}
body #fieldstory.fj,body #fieldstory.fj .fj-head{background:transparent!important}body:has(#fieldstory) #learn{background:linear-gradient(#faf9f4,#fffdf8)}
body .foot-more>strong{display:block;margin-bottom:12px}body .foot-more a{line-height:1.6}
@media(min-width:760px){body .basket85:not([hidden]){left:0!important;right:0!important;bottom:0!important;width:100%!important;box-sizing:border-box;border:0!important;border-radius:0!important;box-shadow:none!important;background:linear-gradient(90deg,#f4f4ea,#eef1e6 54%,#f4f4ea)!important;padding:7px max(4vw,20px);display:flex!important;justify-content:center;align-items:center;gap:28px}body .basket85 .basket-plants85{width:220px}body .basket85 .basket-actions85{gap:24px}body .basket85 .box-value{background:transparent;border:0}body #builder .box-bar{border:0;box-shadow:none;background-color:transparent}body #learn footer{padding-bottom:95px!important}}
@media(min-width:760px){body .basket85 .back85{min-width:86px}body .basket85 .back85:is(:hover,:focus-visible) strong{font-size:0}body .basket85 .back85:is(:hover,:focus-visible) strong:after{content:"Your four";font:20px/1.2 Georgia}body .basket85 .back85:focus-visible{outline:2px solid currentColor;outline-offset:4px}body #builder .box-top,body #builder .bottom-line{box-shadow:none;border-radius:0;background:transparent}}