.bundles-page{background:var(--color-page-background);color:var(--color-text-primary)}.bundles-intro{grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr);align-items:end;gap:24px 64px;padding-block:140px 48px;display:grid}.bundles-intro h1{max-width:20ch;font-size:var(--type-page-title);line-height:var(--leading-page-title);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0}.bundles-intro p{max-width:60ch;font-size:var(--type-lead);line-height:var(--leading-lead);margin:20px 0 0}.bundles-intro .bundles-intro__value{border-block:1px solid var(--color-border-brand);color:var(--color-text-brand);font-weight:var(--weight-semibold);padding-block:20px}.bundles-intro nav{flex-wrap:wrap;grid-column:1/-1;gap:12px;margin-top:16px;display:flex}.bundles-intro nav a{border:1px solid var(--color-border-strong);min-height:48px;color:inherit;font-weight:var(--weight-semibold);border-radius:999px;align-items:center;gap:24px;padding:12px 20px;text-decoration:none;display:flex}.bundles-intro nav a:hover{background:var(--color-surface-secondary);border-color:var(--color-border-brand)}.bundles-families{padding-bottom:80px}.bundles-family{border-top:1px solid var(--color-border-subtle);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,5vw,80px);padding-block:48px;scroll-margin-top:110px;display:grid}.bundles-family__visual{background:var(--color-surface-secondary);gap:12px;min-width:0;display:flex}.bundles-family__visual figure{flex:1;min-width:0;margin:0}.bundles-family__visual img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.bundles-family__visual figcaption{text-align:center;font-size:var(--type-body);font-weight:var(--weight-semibold);padding:16px}.bundles-family__choice{min-width:0}.bundles-family h2{font-size:var(--type-section-title);line-height:var(--leading-section-title);text-wrap:balance;margin:0}.bundles-family__choice>p{font-size:var(--type-body);line-height:var(--leading-body);color:var(--color-text-secondary);margin:12px 0}.bundles-family__rating span{color:var(--color-text-brand)}.bundles-family .bundles-family__note{font-size:var(--type-product-meta)}.bundles-page main a:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:4px}@media (width<=820px){.bundles-intro{grid-template-columns:1fr;gap:12px;padding-top:110px}.bundles-intro__value{max-width:none}.bundles-family{grid-template-columns:1fr;padding-block:32px}.bundles-family__visual{width:100%;max-width:520px;margin-inline:auto}.bundles-family__visual figure:only-child img{max-height:300px}}.bundles-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding-top:124px}.bundles-intro__visual{border-radius:12px;margin:0;position:relative;overflow:hidden}.bundles-intro__visual img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.bundles-intro__visual figcaption{background:var(--color-action-primary);color:var(--color-action-text);font-weight:var(--weight-semibold);font-size:var(--type-body);border-radius:12px;padding:10px 14px;position:absolute;bottom:16px;left:16px}.bundles-intro nav a{border-radius:12px}.bundles-family__visual{border-radius:12px;overflow:hidden}.bundles-family__visual img{transition:transform .45s ease-out}.bundles-family__visual:hover img{transform:scale(1.025)}@media (width<=820px){.bundles-intro{grid-template-columns:1fr;gap:16px;padding-block:104px 24px}.bundles-intro h1{max-width:none;font-size:var(--type-storefront-hero-narrow);letter-spacing:var(--tracking-display-tight);line-height:.98}.bundles-intro p{font-size:var(--type-body);line-height:var(--leading-body);margin-top:12px}.bundles-intro__visual{margin-top:0}.bundles-intro__visual img{aspect-ratio:4/3;height:auto}.bundles-intro nav{overscroll-behavior-inline:contain;scrollbar-width:thin;flex-wrap:nowrap;gap:8px;margin-top:0;padding-bottom:4px;display:flex;overflow-x:auto}.bundles-intro nav a{flex:0 0 min(82vw,320px);justify-content:space-between}.bundles-intro__visual figcaption{font-size:var(--type-supporting);padding:8px 10px;bottom:12px;left:12px}}@media (prefers-reduced-motion:reduce){.bundles-family__visual img{transition:none}}
