@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";@font-face{font-family:Canavar;!important src: url(https://fonts.cdnfonts.com/s/15946/BebasNeue-Regular.woff) format("woff");font-weight:700;font-display:swap}:root{--composition-bg-dark:(180deg, #0a0612 0%, #0d0618 50%, #0f0720 100%);--composition-card-bg: #ffffff;--composition-text-primary: #2d3142;--composition-text-secondary: #5c6378;--composition-border: #e5e7eb;--composition-accent-bg: #f5f5f4;--composition-muted-bg: #f0f0ee;--composition-dot-color: #c4c4c4;--font-display: "Canavar", "Bebas Neue", sans-serif;--font-body: "Space Mono", monospace}.composition-section{background:var(--composition-bg-dark);padding:4rem 1.5rem}@media(min-width:768px){.composition-section{padding:5rem 3rem}}@media(min-width:1024px){.composition-section{padding:6rem 5rem}}.composition-container{max-width:1400px;margin:0 auto}.composition-card{background:var(--composition-card-bg);border-radius:2rem;padding:2rem}@media(min-width:768px){.composition-card{padding:3rem}}@media(min-width:1024px){.composition-card{padding:4rem}}.composition-header{display:flex;align-items:flex-end;gap:1rem;margin-bottom:2.5rem}.composition-title{font-family:var(--font-display);font-size:clamp(3rem,10vw,6rem);font-weight:700;line-height:.9;color:var(--composition-text-primary);margin:0;text-transform:uppercase;position:relative;padding-bottom:.5rem}.composition-title:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:6px;background-image:radial-gradient(circle,var(--composition-dot-color) 2px,transparent 2px);background-size:10px 10px}.composition-dots{flex:1;height:6px;background-image:radial-gradient(circle,var(--composition-dot-color) 1.5px,transparent 1.5px);background-size:8px 8px;opacity:.6;margin-bottom:.75rem}.composition-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:1024px){.composition-grid{grid-template-columns:1.4fr 1fr;gap:4rem}}.composition-intro{margin-bottom:2rem}.composition-intro p{font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--composition-text-primary);max-width:600px;margin:0}.ingredient-categories{border-top:1px solid var(--composition-border)}.ingredient-category{border-bottom:1px solid var(--composition-border)}.ingredient-category:last-child{border-bottom:none}.category-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 0;background:none;border:none;cursor:pointer;text-align:left;transition:opacity .2s}.category-header:hover{opacity:.7}.category-icon{color:var(--composition-text-secondary);display:flex;align-items:center}.category-title{font-family:var(--font-body);font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--composition-text-primary);flex:1}.category-chevron{color:var(--composition-text-secondary);display:flex;transition:transform .3s}.category-header[aria-expanded=true] .category-chevron{transform:rotate(180deg)}.category-content{max-height:0;overflow:hidden;transition:max-height .3s}.category-content p{font-family:var(--font-body);font-size:.875rem;line-height:1.6;color:var(--composition-text-secondary);padding-bottom:1rem;margin:0}.accordion-cards{display:flex;flex-direction:column;gap:.75rem}.accordion-card{background:var(--composition-accent-bg);border-radius:9999px;overflow:hidden;transition:background .2s}.accordion-card:hover,.accordion-card--nutrition{background:var(--composition-muted-bg)}.accordion-trigger{display:flex;align-items:center;gap:1rem;width:100%;padding:.75rem 1.5rem .75rem .75rem;background:none;border:none;cursor:pointer;text-align:left}.accordion-image-wrapper{width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;flex-shrink:0}.accordion-image-wrapper--icon{background:var(--composition-card-bg);display:flex;align-items:center;justify-content:center;color:var(--composition-text-secondary)}.accordion-image{width:100%;height:100%;object-fit:cover}.accordion-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--composition-card-bg);color:var(--composition-text-secondary)}.accordion-title{font-family:var(--font-body);font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--composition-text-primary);flex:1}.accordion-chevron{color:var(--composition-text-secondary);display:flex;transition:transform .3s}.accordion-trigger[aria-expanded=true] .accordion-chevron{transform:rotate(180deg)}.accordion-panel{max-height:0;overflow:hidden;transition:max-height .3s}.accordion-panel-content{padding:0 1.5rem 1.5rem 5rem;font-family:var(--font-body);font-size:.875rem;line-height:1.6;color:var(--composition-text-secondary)}.composition-divider{border:none;border-top:1px solid var(--composition-border);margin:2.5rem 0}.composition-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 2rem}.badge-item{display:flex;align-items:center;gap:.5rem}.badge-icon{color:var(--composition-text-secondary);display:flex}.badge-text{font-family:var(--font-body);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--composition-text-secondary)}@media(max-width:640px){.composition-header{flex-direction:column;align-items:flex-start}.composition-dots{display:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-composition.css.map */