/* Development ingredient page only: one compact editorial structure. */
#nero-int-site .nero-ingredients-compact{color:#111!important;background:#fff;font-family:inherit;font-size:17px!important;line-height:1.6!important}
#nero-int-site .nero-ingredients-compact *{box-sizing:border-box}
#nero-int-site .nero-ingredients-compact .ng-container{width:100%;max-width:1160px;padding-left:24px;padding-right:24px;margin-left:auto;margin-right:auto}
#nero-int-site .nero-ingredients-compact h1,#nero-int-site .nero-ingredients-compact h2,#nero-int-site .nero-ingredients-compact h3{color:inherit!important;font-family:inherit;letter-spacing:-.02em;font-weight:500}
#nero-int-site .nero-ingredients-compact h2{font-size:clamp(28px,2.8vw,32px)!important;line-height:1.2!important;margin:0 0 18px;text-wrap:balance}
#nero-int-site .nero-ingredients-compact h3{font-size:15px!important;line-height:1.4!important;letter-spacing:0;margin:20px 0 8px}
#nero-int-site .nero-ingredients-compact p{margin:0 0 16px}
#nero-int-site .nero-ingredients-compact a{color:inherit!important;overflow-wrap:break-word}
#nero-int-site .nero-ingredients-compact .textlink{display:inline-block;font-size:13px!important;line-height:1.6!important;text-decoration:underline;text-underline-offset:4px}
#nero-int-site .nero-ingredients-compact a:focus-visible,#nero-int-site .nero-ingredients-compact summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
#nero-int-site .nero-ingredients-compact .ng-hero{background:#111;color:#fff!important}
#nero-int-site .nero-ingredients-compact .ng-hero-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
#nero-int-site .nero-ingredients-compact .ng-hero-copy{padding:48px 40px 48px 24px;min-width:0}
#nero-int-site .nero-ingredients-compact .ng-hero-copy .eyebrow{font-size:11px!important;letter-spacing:.12em;margin:0 0 20px}
#nero-int-site .nero-ingredients-compact .ng-hero h1{font-size:clamp(34px,3.4vw,46px)!important;line-height:1.1!important;margin:0 0 22px;font-weight:500;overflow-wrap:break-word}
#nero-int-site .nero-ingredients-compact .ng-hero-copy>p:not(.eyebrow){font-size:17px!important;line-height:1.6!important;max-width:540px;margin:0 0 16px;color:#eee!important}
#nero-int-site .nero-ingredients-compact .ng-hero-copy>p:last-child{margin-bottom:0}
#nero-int-site .nero-ingredients-compact .ng-hero-media{position:relative;min-width:0}
#nero-int-site .nero-ingredients-compact .ng-hero-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#nero-int-site .nero-ingredients-compact .ng-index{display:flex;flex-wrap:wrap;gap:4px 24px;padding-top:18px;padding-bottom:18px;border-bottom:1px solid #ddd;font-size:13px!important;line-height:1.5!important}
#nero-int-site .nero-ingredients-compact .ng-index a{display:block;padding:7px 0;text-decoration:none}
#nero-int-site .nero-ingredients-compact .ng-index a:hover{text-decoration:underline;text-underline-offset:4px}
#nero-int-site .nero-ingredients-compact .ng-signatures,#nero-int-site .nero-ingredients-compact .ng-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-items:start}
#nero-int-site .nero-ingredients-compact .ng-signatures{padding-top:48px;padding-bottom:0}
#nero-int-site .nero-ingredients-compact .ng-support{padding-top:48px;padding-bottom:56px;row-gap:36px}
#nero-int-site .nero-ingredients-compact .ng-ingredient{min-width:0;scroll-margin-top:120px;overflow-wrap:break-word}
#nero-int-site .nero-ingredients-compact .ng-anchor{display:block;scroll-margin-top:120px}
#nero-int-site .nero-ingredients-compact .ng-ingredient-heading{display:flex;align-items:center;gap:14px;margin:0 0 18px;min-width:0}
#nero-int-site .nero-ingredients-compact .ng-ingredient-heading h2{min-width:0;margin:0}
#nero-int-site .nero-ingredients-compact .ng-icon{position:relative;display:block;flex:0 0 32px;width:32px;height:32px}
#nero-int-site .nero-ingredients-compact .ng-icon .ng-ingredient-icon{position:absolute;display:block;left:calc(50% + var(--ng-icon-x,0px));top:calc(50% + var(--ng-icon-y,0px));transform:translate(-50%,-50%);width:var(--ng-icon-width,28px);height:var(--ng-icon-height,28px);max-width:none;max-height:none;object-fit:contain;margin:0}
#nero-int-site .nero-ingredients-compact .ng-support .ng-ingredient{border-top:1px solid #ccc;padding-top:24px}
#nero-int-site .nero-ingredients-compact .ng-note{font-size:14px!important;line-height:1.6!important;color:#555!important}
#nero-int-site .nero-ingredients-compact .ng-more{margin:16px 0;font-size:14px!important}
#nero-int-site .nero-ingredients-compact summary{cursor:pointer;line-height:1.5!important}
#nero-int-site .nero-ingredients-compact .ng-more summary{font-size:13px!important;text-decoration:underline;text-underline-offset:4px}
#nero-int-site .nero-ingredients-compact .ng-inci{font-size:13px!important;color:#555!important;margin:10px 0 0}
#nero-int-site .nero-ingredients-compact .ng-present{margin-top:20px}
#nero-int-site .nero-ingredients-compact .ng-present>p{font-size:12px!important;color:#666!important;margin:0 0 8px}
#nero-int-site .nero-ingredients-compact .ng-present nav{display:flex;flex-wrap:wrap;gap:10px 22px}
#nero-int-site .nero-ingredients-compact .ng-journal-links{margin-top:18px}
#nero-int-site .nero-ingredients-compact .ng-formula{background:#f5f5f5;padding:48px 0;scroll-margin-top:120px}
#nero-int-site .nero-ingredients-compact .ng-formula h2{margin-bottom:24px}
#nero-int-site .nero-ingredients-compact .ng-accordions details{border-top:1px solid #ccc;padding:17px 0;scroll-margin-top:120px}
#nero-int-site .nero-ingredients-compact .ng-accordions details:last-child{border-bottom:1px solid #ccc}
#nero-int-site .nero-ingredients-compact .ng-accordions summary{font-size:17px!important;font-weight:500}
#nero-int-site .nero-ingredients-compact .ng-panel{max-width:850px;padding-top:18px}
#nero-int-site .nero-ingredients-compact .ng-panel p{font-size:16px!important;line-height:1.65!important}
#nero-int-site .nero-ingredients-compact .ng-panel h3{font-size:17px!important;margin:18px 0 8px}
#nero-int-site .nero-ingredients-compact .ng-panel h3:first-child{margin-top:0}
#nero-int-site .nero-ingredients-compact .ng-panel ul{padding-left:20px;margin:22px 0}
#nero-int-site .nero-ingredients-compact .ng-panel li{margin-bottom:20px;overflow-wrap:anywhere}
#nero-int-site .nero-ingredients-compact .ng-panel .guide-source{font-size:14px!important;line-height:1.6!important;text-decoration:underline;text-underline-offset:4px}
#nero-int-site .nero-ingredients-compact .ng-panel li p{font-size:13px!important;line-height:1.6!important;margin:8px 0 0;color:#555!important}
#nero-int-site .nero-ingredients-compact .ng-closing{padding-top:48px;padding-bottom:56px}
#nero-int-site .nero-ingredients-compact .ng-closing p{margin-bottom:18px}
@media(max-width:750px){
#nero-int-site .nero-ingredients-compact .ng-container{padding-left:22px;padding-right:22px}
#nero-int-site .nero-ingredients-compact .ng-hero-inner{grid-template-columns:1fr}
#nero-int-site .nero-ingredients-compact .ng-hero-copy{padding:32px 22px}
#nero-int-site .nero-ingredients-compact .ng-hero h1{font-size:clamp(31px,7.5vw,38px)!important;line-height:1.12!important;margin-bottom:18px}
#nero-int-site .nero-ingredients-compact .ng-hero-copy .eyebrow{margin-bottom:16px}
#nero-int-site .nero-ingredients-compact .ng-hero-copy>p:last-child{font-size:17px!important}
#nero-int-site .nero-ingredients-compact .ng-hero-image{position:static;width:100%;height:auto;max-height:150px;aspect-ratio:5/2;object-fit:cover}
#nero-int-site .nero-ingredients-compact .ng-index{gap:3px 20px;padding-top:14px;padding-bottom:14px}
#nero-int-site .nero-ingredients-compact .ng-signatures,#nero-int-site .nero-ingredients-compact .ng-support{grid-template-columns:1fr;gap:28px}
#nero-int-site .nero-ingredients-compact .ng-signatures{padding-top:36px}
#nero-int-site .nero-ingredients-compact .ng-signature+.ng-signature{border-top:1px solid #ccc;padding-top:28px}
#nero-int-site .nero-ingredients-compact .ng-support{padding-top:32px;padding-bottom:36px;gap:28px}
#nero-int-site .nero-ingredients-compact .ng-support .ng-ingredient{padding-top:24px}
#nero-int-site .nero-ingredients-compact h2{font-size:27px!important;margin-bottom:16px}
#nero-int-site .nero-ingredients-compact .ng-formula{padding:36px 0}
#nero-int-site .nero-ingredients-compact .ng-accordions summary{font-size:16px!important}
#nero-int-site .nero-ingredients-compact .ng-closing{padding-top:36px;padding-bottom:36px}
}

/* Account for the transparent padding in the existing icon files. */
#nero-int-site .nero-ingredients-compact #caviar-noir .ng-icon{--ng-icon-width:28.00px;--ng-icon-height:32.26px;--ng-icon-x:0.00px;--ng-icon-y:0.00px}
#nero-int-site .nero-ingredients-compact #algues-marines .ng-icon{--ng-icon-width:24.30px;--ng-icon-height:28.00px;--ng-icon-x:0.13px;--ng-icon-y:0.00px}
#nero-int-site .nero-ingredients-compact #karite .ng-icon{--ng-icon-width:28.25px;--ng-icon-height:32.67px;--ng-icon-x:0.12px;--ng-icon-y:-0.12px}
#nero-int-site .nero-ingredients-compact #jojoba .ng-icon{--ng-icon-width:25.76px;--ng-icon-height:29.79px;--ng-icon-x:0.11px;--ng-icon-y:0.22px}
#nero-int-site .nero-ingredients-compact #huile-pepins-raisin .ng-icon{--ng-icon-width:25.25px;--ng-icon-height:29.10px;--ng-icon-x:0.00px;--ng-icon-y:0.00px}
#nero-int-site .nero-ingredients-compact #collagene .ng-icon{--ng-icon-width:28.50px;--ng-icon-height:32.96px;--ng-icon-x:0.00px;--ng-icon-y:0.00px}
#nero-int-site .nero-ingredients-compact #guarana .ng-icon{--ng-icon-width:28.75px;--ng-icon-height:33.25px;--ng-icon-x:0.12px;--ng-icon-y:-1.75px}

/* 0.1.68 — the signature duo leads; technical detail stays in the existing disclosures. */
#nero-int-site .nero-ingredients-compact .ng-signature-label{grid-column:1/-1;font-size:11px!important;line-height:1.5!important;letter-spacing:.1em;margin:0 0 24px}
#nero-int-site .nero-ingredients-compact .ng-signature .ng-ingredient-heading{align-items:flex-start}
#nero-int-site .nero-ingredients-compact .ng-signature .ng-icon{margin-top:3px}
#nero-int-site .nero-ingredients-compact .ng-signature .ng-more>p:not(.ng-inci){font-size:14px!important;line-height:1.6!important;margin-top:12px}
#nero-int-site .nero-ingredients-compact .ng-transition{padding-top:36px}
#nero-int-site .nero-ingredients-compact .ng-transition h2{font-size:25px!important;line-height:1.3!important;margin-bottom:14px}
#nero-int-site .nero-ingredients-compact .ng-transition p{max-width:850px;margin-bottom:0}
#nero-int-site .nero-ingredients-compact .ng-support-title{grid-column:1/-1;margin:0}
#nero-int-site .nero-ingredients-compact .ng-ingredient-heading h2{overflow-wrap:break-word;hyphens:none}
@media(max-width:750px){#nero-int-site .nero-ingredients-compact .ng-signature-label{margin-bottom:0}#nero-int-site .nero-ingredients-compact .ng-transition{padding-top:32px}#nero-int-site .nero-ingredients-compact .ng-transition h2{font-size:23px!important}#nero-int-site .nero-ingredients-compact .ng-support-title{font-size:27px!important}}

#nero-int-site .nero-ingredients-compact .ng-ingredient>h3{font-size:17px!important;margin-top:24px}#nero-int-site .nero-ingredients-compact .ng-ingredient>p{font-size:17px!important;line-height:1.6!important}#nero-int-site .nero-ingredients-compact .ng-more p{font-size:14px!important;line-height:1.6!important}#nero-int-site .nero-ingredients-compact .ng-hero h1{color:#fff!important}#nero-int-site .nero-ingredients-compact .ng-closing .button{color:#fff!important;background:#111!important}

#nero-int-site .nero-ingredients-compact h1,#nero-int-site .nero-ingredients-compact h2,#nero-int-site .nero-ingredients-compact h3{font-weight:500!important;letter-spacing:-.02em!important}
