.formats-showcase{background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;scroll-margin-top:2rem}
.formats-inner{max-width:1380px;margin:auto}
.formats-heading{margin-bottom:2.5rem}
.formats-heading h2{font-family:inherit;color:#1d1d22;font-size:clamp(2.5rem,4vw,3.7rem);font-weight:650;letter-spacing:-.045em;line-height:1.06;margin:0 0 1.5rem}
.formats-heading h2 span{color:#85858e}
.formats-heading>p:last-child{max-width:38rem;margin:0;color:#72727d;font-size:1.05rem;line-height:1.6}
.formats-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"materials choices" "culture choices";gap:1.75rem 3.5rem;align-items:start}
.formats-materials{grid-area:materials;min-width:0;margin:0;background:#fff;border-radius:1.5rem;overflow:hidden}
.formats-materials>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.formats-materials figcaption{display:grid;grid-template-columns:2fr 1fr;gap:1rem;padding:.25rem 1.5rem 1.6rem;color:#42506a;font-size:.875rem;line-height:1.4;font-weight:600;text-align:center}
.formats-materials figcaption span{display:flex;align-items:center;justify-content:center;gap:.55rem}
.formats-materials figcaption i{width:.5rem;height:.5rem;flex:0 0 auto;border-radius:50%}
.formats-gel-dot{background:#008fa8}.formats-sponge-dot{background:#7b48f3}
.formats-choices{grid-area:choices;min-width:0;border-top:1px solid #d6dce6}
.formats-choice{border-bottom:1px solid #d6dce6}
.formats-choice summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;padding:1.2rem 0;cursor:pointer;color:#0b245d;font-size:1.2rem;font-weight:650;letter-spacing:-.02em;line-height:1.3}
.formats-choice summary::-webkit-details-marker{display:none}
.formats-choice summary::marker{content:""}
.formats-choice summary::after{content:"+";flex:0 0 auto;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#e8ebf2;color:#42506a;font:400 1.3rem/1 Arial,sans-serif;transition:transform .18s,background .18s}
.formats-choice summary small{display:block;color:#72727d;font-size:.875rem;line-height:1.4;font-weight:400;letter-spacing:0;margin-top:.35rem}
.formats-choice[open] summary{color:#7139c4;padding-bottom:.7rem}
.formats-choice[open] summary::after{transform:rotate(45deg);background:#e5def4;color:#7139c4}
.formats-choice summary:focus-visible{outline:3px solid #245bff;outline-offset:5px;border-radius:.3rem}
.formats-choice>p{font-size:1rem;line-height:1.55;color:#42506a;margin:0;padding:0 2.75rem 1.25rem 0}
.formats-product-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.6rem;font-size:1rem;line-height:1.5;font-weight:600;color:#245bff;text-decoration:none}
.formats-product-link:hover{text-decoration:underline;text-underline-offset:.2em}
.formats-product-link:focus-visible{outline:3px solid #245bff;outline-offset:5px}
.formats-culture{grid-area:culture;display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:1.5rem;align-items:center;background:#fff;border-radius:1.5rem;padding:1.25rem 1.75rem 1.25rem 1rem;min-width:0}
.formats-culture>img{display:block;width:100%;height:14rem;object-fit:contain}
.formats-culture-kicker{font-size:.875rem;font-weight:600;line-height:1.4;color:#00878f;margin:0 0 .7rem}
.formats-culture h3{font-family:inherit;font-size:clamp(1.4rem,2vw,1.85rem);font-weight:650;line-height:1.15;letter-spacing:-.03em;color:#0b245d;margin:0 0 .8rem}
.formats-culture>div>p:last-child{font-size:1rem;line-height:1.5;margin:0;color:#72727d}
@media(max-width:1000px){.formats-layout{gap:1.5rem 2rem;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.formats-culture{padding:1rem;gap:1rem;grid-template-columns:minmax(0,.6fr) minmax(0,1fr)}.formats-culture>img{height:13rem}.formats-culture h3{font-size:1.45rem}}
@media(max-width:760px){.formats-layout{grid-template-columns:1fr;grid-template-areas:"materials" "choices" "culture";gap:2rem}.formats-materials{max-width:640px;width:100%;margin:auto}.formats-culture{grid-template-columns:minmax(0,.5fr) minmax(0,1fr);padding:1.25rem;gap:1.5rem}.formats-culture>img{height:15rem}.formats-culture h3{font-size:1.65rem}.formats-choices{border-top:0}}
@media(max-width:420px){.formats-heading h2{font-size:2.35rem}.formats-materials figcaption{padding:0 .7rem 1.25rem;gap:.5rem}.formats-culture{padding:1rem;gap:1rem;grid-template-columns:minmax(0,.6fr) minmax(0,1fr)}.formats-culture>img{height:13rem}.formats-culture h3{font-size:1.35rem}.formats-culture-kicker{font-size:.875rem}.formats-choice summary{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){.formats-choice summary::after{transition:none}}