.accordion summary{display:flex;position:relative;line-height:1;padding:1.5rem 0}.accordion .summary__title{display:flex;flex:1}.accordion .summary__title+.icon-caret{height:calc(var(--font-heading-scale) * .6rem)}.accordion+.accordion{margin-top:0;border-top:none}.accordion{margin-top:2.5rem;margin-bottom:0;border-top:.1rem solid rgba(var(--color-foreground),.08);border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.accordion__title{display:inline-block;max-width:calc(100% - 6rem);min-height:1.6rem;margin:0;word-break:break-word}.accordion .svg-wrapper{align-self:center;fill:rgb(var(--color-foreground));height:calc(var(--font-heading-scale) * 2rem);margin-right:calc(var(--font-heading-scale) * 1rem);width:calc(var(--font-heading-scale) * 2rem)}.accordion details[open]>summary .icon-caret{transform:rotate(180deg)}.accordion__content{margin-bottom:1.5rem;word-break:break-word;overflow-x:auto;padding:0 .6rem}.accordion__content img{max-width:100%}:root{--serum-accent: #D4A840;--serum-accent-rgb: 212, 168, 64;--serum-accent-contrast: #0d0d0d}.serum-drawer-buttons{width:100%;display:flex;flex-direction:column;gap:10px;margin:8px 0}.serum-drawer-trigger{width:100%;background:rgba(var(--serum-accent-rgb),.04);border:1px solid rgba(var(--serum-accent-rgb),.4);border-radius:10px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:17px;font-weight:400;letter-spacing:.01em;color:#fff;font-family:inherit;text-align:left;position:relative;transition:background .25s ease,border-color .25s ease}.serum-drawer-trigger:hover,.serum-drawer-trigger.is-open{border-color:var(--serum-accent);background:rgba(var(--serum-accent-rgb),.1)}.serum-drawer-trigger:focus-visible{outline:2px solid var(--serum-accent);outline-offset:3px}.serum-drawer-trigger:active{opacity:.7}.serum-drawer-trigger-label{color:#fff;transition:color .2s ease}.serum-drawer-trigger:hover .serum-drawer-trigger-label{color:var(--serum-accent)}.serum-drawer-trigger-icon{width:28px;height:28px;border-radius:50%;border:1px solid rgba(var(--serum-accent-rgb),.45);display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.32,.72,0,1),border-color .2s ease,background .2s ease;flex-shrink:0}.serum-drawer-trigger:hover .serum-drawer-trigger-icon,.serum-drawer-trigger.is-open .serum-drawer-trigger-icon{border-color:var(--serum-accent);background:var(--serum-accent)}.serum-drawer-trigger-icon svg{width:12px;height:12px;color:var(--serum-accent);transition:transform .35s cubic-bezier(.32,.72,0,1),color .2s ease}.serum-drawer-trigger:hover .serum-drawer-trigger-icon svg,.serum-drawer-trigger.is-open .serum-drawer-trigger-icon svg{color:var(--serum-accent-contrast)}.serum-drawer-trigger.is-open .serum-drawer-trigger-icon svg{transform:rotate(45deg)}.serum-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:9998}.serum-drawer-overlay.is-active{opacity:1;visibility:visible}.serum-drawer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;z-index:9999;visibility:hidden}.serum-drawer.is-active{pointer-events:auto;visibility:visible}.serum-drawer-panel{width:100%;max-width:600px;background:#0d0d0d;border-top:1px solid rgba(var(--serum-accent-rgb),.45);border-radius:20px 20px 0 0;max-height:80vh;max-height:85dvh;transform:translateY(100%);transition:transform .38s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -12px 40px rgba(var(--serum-accent-rgb),.18)}.serum-drawer.is-active .serum-drawer-panel{transform:translateY(0)}.serum-drawer-handle{display:flex;justify-content:center;padding:12px 0 4px;flex-shrink:0;cursor:grab}.serum-drawer-handle:after{content:"";width:36px;height:4px;border-radius:2px;background:rgba(var(--serum-accent-rgb),.6);transition:background .2s ease,width .2s ease}.serum-drawer-handle:hover:after{background:var(--serum-accent);width:44px}.serum-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 24px 20px;flex-shrink:0}.serum-drawer-title{color:#fff;font-size:20px;font-weight:500;letter-spacing:-.01em}.serum-drawer-close{width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid rgba(var(--serum-accent-rgb),.45);color:var(--serum-accent);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,color .2s ease,border-color .2s ease}.serum-drawer-close:hover{background:var(--serum-accent);border-color:var(--serum-accent);color:var(--serum-accent-contrast)}.serum-drawer-close svg{width:12px;height:12px}.serum-drawer-divider{height:1px;background:linear-gradient(to right,rgba(var(--serum-accent-rgb),.5),transparent);margin:0 24px;flex-shrink:0}.serum-drawer-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));color:#999;font-size:15px;line-height:1.75}.serum-drawer-body::-webkit-scrollbar{width:4px}.serum-drawer-body::-webkit-scrollbar-track{background:transparent}.serum-drawer-body::-webkit-scrollbar-thumb{background:rgba(var(--serum-accent-rgb),.5);border-radius:2px}.serum-drawer-body p{color:inherit}.serum-drawer-body p+p{margin-top:1em}.serum-drawer-body h2,.serum-drawer-body h3,.serum-drawer-body h4{color:var(--serum-accent)}.serum-drawer-body>p>strong:first-child:has(+br){display:inline-block;color:var(--serum-accent);font-weight:600;margin-bottom:2px}body.serum-drawer-open{overflow:hidden}body.serum-drawer-open #serum-sticky-atc{display:none!important}.serum-drawer .serum-nutrition-box{border-color:rgba(var(--serum-accent-rgb),.3)}.serum-drawer .serum-nutrition-cols{color:var(--serum-accent);opacity:1;font-weight:600}.serum-drawer .serum-nutrition-row{border-top-color:rgba(var(--serum-accent-rgb),.25)}.serum-drawer .serum-nutrition-row-name,.serum-drawer .serum-nutrition-row-amount{color:#f5f3ee}.serum-drawer .serum-nutrition-row-nrv{color:var(--serum-accent)}.serum-drawer .serum-nutrition-footnote{border-top:1px solid rgba(var(--serum-accent-rgb),.25);padding-top:8px}.serum-drawer .serum-nutrition-ingredients{border-top-color:rgba(var(--serum-accent-rgb),.25)}.serum-drawer .serum-nutrition-ingredients-label{color:var(--serum-accent);opacity:1;font-weight:600}.serum-nutrition-box{border:1px solid #2a2a2a;border-radius:12px;overflow:hidden;background:#0a0a0a}.serum-nutrition-header{padding:16px 20px;border-bottom:1px solid #1e1e1e;display:flex;align-items:center;justify-content:space-between}.serum-nutrition-title{color:var(--serum-accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.serum-nutrition-serving{color:#555;font-size:11px;letter-spacing:.02em}.serum-nutrition-hero{padding:20px;border-bottom:1px solid #1e1e1e;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:rgba(var(--serum-accent-rgb),.06)}.serum-nutrition-hero-left{flex:1;min-width:0}.serum-nutrition-hero-name{color:#fff;font-size:15px;font-weight:500;line-height:1.4;margin-bottom:6px}.serum-nutrition-hero-sub{color:#555;font-size:12px;line-height:1.4}.serum-nutrition-hero-value{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}.serum-nutrition-hero-amount{color:var(--serum-accent);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1}.serum-nutrition-hero-unit{color:var(--serum-accent);font-size:13px;font-weight:400;opacity:.7;margin-top:2px}.serum-nutrition-equiv{padding:12px 20px;border-bottom:1px solid #1e1e1e;color:#555;font-size:12px;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.serum-nutrition-equiv-icon{flex-shrink:0;color:var(--serum-accent);opacity:.5;font-size:11px;margin-top:1px}.serum-nutrition-footer{padding:16px 20px;display:flex;flex-wrap:wrap;gap:8px}.serum-nutrition-badge{display:inline-flex;align-items:center;gap:5px;background:#111;border:1px solid #1e1e1e;color:#999;font-size:11px;font-weight:500;padding:5px 12px;border-radius:20px;letter-spacing:.02em}.serum-nutrition-badge svg{width:11px;height:11px;color:var(--serum-accent);opacity:.8}.serum-drawer.is-active .serum-drawer-body{animation:serum-fade-up .4s .15s ease both}@keyframes serum-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:749px){.serum-drawer-trigger{font-size:16px;padding:14px 16px}.serum-drawer-panel{max-height:85vh;border-radius:16px 16px 0 0}.serum-drawer-header{padding:6px 20px 16px}.serum-drawer-title{font-size:18px}.serum-drawer-body{padding:20px;font-size:14px}.serum-nutrition-hero-amount{font-size:24px}.serum-nutrition-header{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px}.serum-nutrition-hero{padding:16px}.serum-nutrition-equiv{padding:10px 16px}.serum-nutrition-footer{padding:14px 16px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-accordion.css.map */