.family-addons:where(.astro-nqhteyzb),.family-heading:where(.astro-nqhteyzb){position:relative}.family-eyebrow:where(.astro-nqhteyzb){color:var(--card-accent,var(--product-accent));text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:800}.family-count:where(.astro-nqhteyzb){color:var(--muted);font-size:.72rem}.addon-grid:where(.astro-nqhteyzb){gap:.7rem;display:grid}.addon-card:where(.astro-nqhteyzb){border:1px solid color-mix(in srgb, var(--addon-accent), transparent 70%);min-width:0;color:var(--text);background:linear-gradient(145deg, color-mix(in srgb, var(--addon-accent), transparent 93%), #ffffff05);transition:transform .22s,border-color .22s,background .22s;position:relative;overflow:hidden}.addon-card:where(.astro-nqhteyzb):before{content:"";background:var(--addon-accent);filter:blur(46px);opacity:.12;pointer-events:none;border-radius:999px;width:10rem;height:10rem;position:absolute;top:-7rem;right:-6rem}.addon-card:where(.astro-nqhteyzb):hover{border-color:color-mix(in srgb, var(--addon-accent), transparent 38%);background:linear-gradient(145deg, color-mix(in srgb, var(--addon-accent), transparent 89%), #ffffff07);transform:translateY(-3px)}.addon-card:where(.astro-nqhteyzb):focus-visible{outline:2px solid var(--addon-accent);outline-offset:3px}.addon-visual:where(.astro-nqhteyzb),.addon-copy:where(.astro-nqhteyzb){position:relative}.addon-visual:where(.astro-nqhteyzb){place-items:center;display:grid}.addon-visual:where(.astro-nqhteyzb) img:where(.astro-nqhteyzb){object-fit:contain;filter:drop-shadow(0 10px 18px #0000005c);width:100%;height:100%}.addon-visual:where(.astro-nqhteyzb) span:where(.astro-nqhteyzb){aspect-ratio:1;color:#070910;background:linear-gradient(145deg, color-mix(in srgb, var(--addon-accent), white 20%), var(--addon-accent-2));border-radius:1rem;place-items:center;font-weight:900;display:grid}.addon-copy:where(.astro-nqhteyzb){min-width:0}.addon-copy:where(.astro-nqhteyzb) small:where(.astro-nqhteyzb){color:var(--addon-accent);text-transform:uppercase;letter-spacing:.1em;font-size:.58rem;font-weight:800}.addon-copy:where(.astro-nqhteyzb) h3:where(.astro-nqhteyzb){letter-spacing:-.025em;margin:.28rem 0 .35rem;line-height:1.05}.addon-copy:where(.astro-nqhteyzb) p:where(.astro-nqhteyzb){color:var(--muted);margin:0;line-height:1.45}.addon-copy:where(.astro-nqhteyzb) strong:where(.astro-nqhteyzb){color:color-mix(in srgb, var(--addon-accent), white 20%);align-items:center;gap:.38rem;display:inline-flex}.compact:where(.astro-nqhteyzb){border-top:1px solid var(--line);margin:.35rem .25rem .15rem;padding:1.25rem 0 0}.compact:where(.astro-nqhteyzb) .family-heading:where(.astro-nqhteyzb){justify-content:space-between;align-items:center;gap:1rem;margin:0 .4rem 1rem;display:flex}.compact:where(.astro-nqhteyzb) .addon-grid:where(.astro-nqhteyzb){grid-template-columns:repeat(2,minmax(0,1fr))}.compact:where(.astro-nqhteyzb).count-1 .addon-grid:where(.astro-nqhteyzb){grid-template-columns:1fr}.compact:where(.astro-nqhteyzb).count-3 .addon-card:where(.astro-nqhteyzb):last-child{grid-column:1/-1}.compact:where(.astro-nqhteyzb) .addon-card:where(.astro-nqhteyzb){border-radius:1rem;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:1.1rem;min-height:148px;padding:1rem 1.15rem;display:grid}.compact:where(.astro-nqhteyzb).count-1 .addon-card:where(.astro-nqhteyzb){grid-template-columns:minmax(120px,.32fr) minmax(0,1fr);padding:1.2rem 1.5rem}.compact:where(.astro-nqhteyzb) .addon-visual:where(.astro-nqhteyzb){height:90px}.compact:where(.astro-nqhteyzb).count-1 .addon-visual:where(.astro-nqhteyzb){height:126px}.compact:where(.astro-nqhteyzb) .addon-visual:where(.astro-nqhteyzb) img:where(.astro-nqhteyzb){max-width:90px;max-height:90px}.compact:where(.astro-nqhteyzb).count-1 .addon-visual:where(.astro-nqhteyzb) img:where(.astro-nqhteyzb){max-width:150px;max-height:126px}.compact:where(.astro-nqhteyzb) .addon-visual:where(.astro-nqhteyzb) span:where(.astro-nqhteyzb){width:4rem}.compact:where(.astro-nqhteyzb).count-1 .addon-visual:where(.astro-nqhteyzb) span:where(.astro-nqhteyzb){width:5.5rem}.compact:where(.astro-nqhteyzb) .addon-copy:where(.astro-nqhteyzb) h3:where(.astro-nqhteyzb){font-size:1.15rem}.compact:where(.astro-nqhteyzb).count-1 .addon-copy:where(.astro-nqhteyzb) h3:where(.astro-nqhteyzb){font-size:clamp(1.4rem,2.2vw,1.8rem)}.compact:where(.astro-nqhteyzb) .addon-copy:where(.astro-nqhteyzb) p:where(.astro-nqhteyzb){-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;display:-webkit-box;overflow:hidden}.compact:where(.astro-nqhteyzb).count-1 .addon-copy:where(.astro-nqhteyzb) p:where(.astro-nqhteyzb){max-width:720px;font-size:.9rem}.compact:where(.astro-nqhteyzb) .addon-copy:where(.astro-nqhteyzb) strong:where(.astro-nqhteyzb){margin-top:.65rem;font-size:.78rem}.expanded:where(.astro-nqhteyzb){padding:8rem 0 0}.expanded:where(.astro-nqhteyzb) .family-heading:where(.astro-nqhteyzb){max-width:780px;margin-bottom:2.5rem}.expanded:where(.astro-nqhteyzb) .family-heading:where(.astro-nqhteyzb) h2:where(.astro-nqhteyzb){letter-spacing:-.05em;margin:.8rem 0 0;font-size:clamp(2.2rem,4.7vw,4.5rem);line-height:1.02}.expanded:where(.astro-nqhteyzb) .family-heading:where(.astro-nqhteyzb)>p:where(.astro-nqhteyzb){max-width:720px;color:var(--muted);margin:1.25rem 0 0;font-size:1.05rem;line-height:1.7}.expanded:where(.astro-nqhteyzb) .addon-grid:where(.astro-nqhteyzb){grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.expanded:where(.astro-nqhteyzb).count-1 .addon-card:where(.astro-nqhteyzb),.expanded:where(.astro-nqhteyzb).count-3 .addon-card:where(.astro-nqhteyzb):last-child{grid-column:1/-1}.expanded:where(.astro-nqhteyzb) .addon-card:where(.astro-nqhteyzb){border-radius:1.2rem;grid-template-columns:minmax(130px,.72fr) minmax(0,1.28fr);align-items:center;gap:1.35rem;min-height:285px;padding:1.4rem;display:grid}.expanded:where(.astro-nqhteyzb) .addon-visual:where(.astro-nqhteyzb){height:210px}.expanded:where(.astro-nqhteyzb) .addon-visual:where(.astro-nqhteyzb) img:where(.astro-nqhteyzb){max-width:210px;max-height:210px}.expanded:where(.astro-nqhteyzb) .addon-visual:where(.astro-nqhteyzb) span:where(.astro-nqhteyzb){width:7rem;font-size:2rem}.expanded:where(.astro-nqhteyzb) .addon-copy:where(.astro-nqhteyzb) h3:where(.astro-nqhteyzb){font-size:clamp(1.5rem,2.4vw,2rem)}.expanded:where(.astro-nqhteyzb) .addon-copy:where(.astro-nqhteyzb) p:where(.astro-nqhteyzb){font-size:.96rem}.expanded:where(.astro-nqhteyzb) .addon-copy:where(.astro-nqhteyzb) strong:where(.astro-nqhteyzb){margin-top:1rem;font-size:.86rem}@media (width<=700px){.expanded:where(.astro-nqhteyzb){padding-top:5.5rem}.expanded:where(.astro-nqhteyzb) .addon-grid:where(.astro-nqhteyzb){grid-template-columns:1fr}.expanded:where(.astro-nqhteyzb).count-1 .addon-card:where(.astro-nqhteyzb),.expanded:where(.astro-nqhteyzb).count-3 .addon-card:where(.astro-nqhteyzb):last-child{grid-column:auto}}@media (width<=520px){.compact:where(.astro-nqhteyzb) .addon-grid:where(.astro-nqhteyzb){grid-template-columns:1fr}.compact:where(.astro-nqhteyzb).count-3 .addon-card:where(.astro-nqhteyzb):last-child{grid-column:auto}.compact:where(.astro-nqhteyzb).count-1 .addon-card:where(.astro-nqhteyzb){grid-template-columns:84px minmax(0,1fr);padding:.9rem}.compact:where(.astro-nqhteyzb).count-1 .addon-visual:where(.astro-nqhteyzb){height:82px}.compact:where(.astro-nqhteyzb).count-1 .addon-visual:where(.astro-nqhteyzb) img:where(.astro-nqhteyzb){max-width:82px;max-height:82px}.compact:where(.astro-nqhteyzb).count-1 .addon-visual:where(.astro-nqhteyzb) span:where(.astro-nqhteyzb){width:3.8rem}.compact:where(.astro-nqhteyzb).count-1 .addon-copy:where(.astro-nqhteyzb) h3:where(.astro-nqhteyzb){font-size:1.15rem}.compact:where(.astro-nqhteyzb).count-1 .addon-copy:where(.astro-nqhteyzb) p:where(.astro-nqhteyzb){font-size:.8rem}.expanded:where(.astro-nqhteyzb) .addon-card:where(.astro-nqhteyzb){grid-template-columns:1fr}.expanded:where(.astro-nqhteyzb) .addon-visual:where(.astro-nqhteyzb){height:170px}}
