.brand-bundle-feature{--bundle-panel-bg: rgb(var(--brand-surface) / .98);--bundle-panel-soft: rgb(var(--brand-bg-soft) / .88);--bundle-border: rgb(var(--brand-border) / .34);--bundle-border-strong: rgb(var(--brand-accent) / .24);--bundle-text: rgb(var(--brand-text));--bundle-muted: rgb(var(--brand-muted));--bundle-accent: rgb(var(--brand-accent));--bundle-radius: min(2rem, 28px);--bundle-card-width: min(82vw, 22rem);--bundle-feature-card-width: min(90vw, 30rem);display:block;inline-size:100%;max-inline-size:100%;min-width:0;color:var(--bundle-text)}.brand-bundle-feature__shell{position:relative;isolation:isolate;display:block;inline-size:100%;max-inline-size:100%;min-width:0;overflow:hidden;border:1px solid var(--bundle-border);border-radius:var(--bundle-radius);background:radial-gradient(circle at top right,var(--brand-aura-primary),transparent 34%),radial-gradient(circle at left bottom,var(--brand-aura-secondary),transparent 42%),linear-gradient(160deg,var(--bundle-panel-bg),var(--bundle-panel-soft));box-shadow:var(--brand-panel-shadow);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.brand-bundle-feature__shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,rgb(var(--brand-accent) / .08),transparent 34%),linear-gradient(180deg,transparent,rgb(var(--brand-accent) / .04));pointer-events:none}.brand-bundle-feature__shell.has-reef-charge-lightning>:not(.reef-charge-lightning),.brand-bundle-feature__shell.has-planktura-bubbles>:not(.planktura-bubble-layer),.brand-bundle-feature__shell.has-trace-zero-rain>:not(.tz-theme-rain){position:relative;z-index:1}.brand-bundle-feature__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);inline-size:100%;max-inline-size:100%;min-width:0;padding:clamp(1.35rem,4vw,3rem)}.brand-bundle-feature__header{display:grid;gap:.9rem;min-width:0;max-width:48rem}.brand-bundle-feature__identity{display:flex;flex-wrap:wrap;gap:.85rem 1.2rem;align-items:center;min-width:0}.brand-bundle-feature__logo{width:min(220px,46vw);max-width:100%}.brand-bundle-feature__deck{inline-size:100%;max-inline-size:100%;min-width:0;overflow:hidden}.brand-bundle-feature__eyebrow,.brand-bundle-card__badge{margin:0;color:var(--bundle-muted);font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.brand-bundle-feature__heading{margin:0;color:var(--bundle-text)}.brand-bundle-feature__copy{color:var(--bundle-muted)}.brand-bundle-feature__copy p:last-child{margin-bottom:0}.brand-bundle-feature__viewport{inline-size:100%;max-inline-size:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.brand-bundle-feature__viewport::-webkit-scrollbar{display:none}.brand-bundle-feature__track{display:flex;gap:1rem;min-width:0;margin:0;padding:0;list-style:none}.brand-bundle-feature__track--carousel{padding-inline-end:max(0px,calc(100% - var(--bundle-card-width)))}.brand-bundle-feature__item{flex:0 0 var(--bundle-card-width);min-width:0;max-inline-size:var(--bundle-card-width);scroll-snap-align:start}.brand-bundle-feature__item--bundle{flex-basis:var(--bundle-feature-card-width);max-inline-size:var(--bundle-feature-card-width)}.brand-bundle-card{display:flex;flex-direction:column;inline-size:100%;max-inline-size:100%;min-width:0;height:100%;overflow:hidden;border:1px solid var(--bundle-border);border-radius:calc(var(--bundle-radius) - .35rem);background:linear-gradient(180deg,rgb(var(--brand-surface) / .98),rgb(var(--brand-bg-soft) / .86)),linear-gradient(135deg,rgb(var(--brand-accent) / .08),transparent 60%);box-shadow:var(--brand-interactive-shadow);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.brand-bundle-card:hover,.brand-bundle-card:focus-within{border-color:var(--bundle-border-strong);box-shadow:var(--brand-interactive-shadow-hover);transform:translateY(-2px)}.brand-bundle-card--bundle{background:linear-gradient(180deg,rgb(var(--brand-surface) / .99),rgb(var(--brand-bg-soft) / .9)),radial-gradient(circle at top right,rgb(var(--brand-accent) / .14),transparent 38%)}.brand-bundle-card__media{position:relative;background:rgb(var(--brand-surface) / .72)}.brand-bundle-card__image-link{display:block}.brand-bundle-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:.85rem;padding:clamp(1rem,2vw,1.35rem)}.brand-bundle-card__badge{color:var(--bundle-accent)}.brand-bundle-card__title{margin:0;color:var(--bundle-text);font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.15}.brand-bundle-card--bundle .brand-bundle-card__title{font-size:clamp(1.25rem,2.4vw,1.8rem)}.brand-bundle-card__title a{color:inherit;text-decoration:none}.brand-bundle-card__subtitle{color:var(--bundle-muted);font-size:.92rem;line-height:1.45}.brand-bundle-card__subtitle p:last-child{margin-bottom:0}.brand-bundle-card__price{margin-top:auto}.brand-bundle-card__form{display:grid;gap:.75rem}.brand-bundle-card__variant{min-height:2.75rem;border-color:var(--bundle-border);background-color:rgb(var(--brand-surface));color:var(--bundle-text)}.brand-bundle-card__actions{display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem;align-items:center}.brand-bundle-card__actions .btn{min-height:2.75rem;width:100%}.brand-bundle-feature__controls{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;justify-content:space-between}brand-bundle-feature[inactive] .brand-bundle-feature__controls,.brand-bundle-feature__controls[hidden]{display:none}brand-bundle-feature[inactive] .brand-bundle-feature__viewport{overflow-x:hidden;scroll-snap-type:none}brand-bundle-feature[inactive] .brand-bundle-feature__track--carousel{padding-inline-end:0}.brand-bundle-feature__nav{display:flex;gap:.5rem;align-items:center}.brand-bundle-feature__nav .btn{inline-size:2.75rem;block-size:2.75rem;padding:0;border-color:var(--bundle-border)}.brand-bundle-feature__dots{display:flex;flex-wrap:wrap;gap:.45rem}.brand-bundle-feature__dot{inline-size:.65rem;block-size:.65rem;padding:0;border:0;border-radius:999px;background:rgb(var(--brand-muted) / .34)}.brand-bundle-feature__dot[aria-current=true]{inline-size:1.55rem;background:var(--bundle-accent)}.brand-bundle-feature__empty{padding:1.1rem 1.2rem;border:1px dashed var(--bundle-border);border-radius:1rem;color:var(--bundle-muted);background:rgb(var(--brand-surface) / .72)}html[data-theme-scheme=dark] .brand-bundle-feature{--bundle-panel-bg: rgb(var(--brand-surface) / .98);--bundle-panel-soft: rgb(var(--brand-bg-soft) / .82);--bundle-border: rgb(var(--brand-accent) / .22);--bundle-border-strong: rgb(var(--brand-accent) / .38)}html[data-theme-scheme=dark] .brand-bundle-feature__shell{background:radial-gradient(circle at top right,var(--brand-dark-aura-primary),transparent 30%),radial-gradient(circle at left bottom,var(--brand-dark-aura-secondary),transparent 38%),linear-gradient(160deg,var(--bundle-panel-bg),var(--bundle-panel-soft))}html[data-theme-scheme=dark] .brand-bundle-card{background:linear-gradient(180deg,rgb(var(--brand-surface) / .98),rgb(var(--brand-bg-soft) / .82)),linear-gradient(135deg,rgb(var(--brand-accent) / .12),transparent 62%);box-shadow:0 18px 44px #00000047,0 0 30px rgb(var(--brand-accent) / .08)}html[data-brand=reef-charge] .brand-bundle-feature__shell{--bundle-radius: 1.35rem;background:linear-gradient(145deg,rgb(var(--brand-surface) / .99),rgb(var(--brand-bg-soft) / .92)),linear-gradient(120deg,rgb(var(--brand-accent) / .08),transparent 44%)}html[data-brand=reef-charge] .brand-bundle-card{border-radius:1rem;box-shadow:0 18px 42px rgb(var(--brand-accent) / .1)}html[data-brand=planktura] .brand-bundle-feature__shell{--bundle-radius: 2rem;background:linear-gradient(160deg,rgb(var(--brand-surface) / .99),rgb(var(--brand-bg-soft) / .94)),linear-gradient(135deg,rgb(var(--brand-accent) / .08),transparent 56%)}html[data-brand=planktura] .brand-bundle-card{border-radius:1.35rem;box-shadow:0 18px 38px rgb(var(--brand-accent) / .08)}html[data-brand=trace-zero] .brand-bundle-feature__shell{--bundle-radius: 1.35rem;border-color:#0e2f5724;background:radial-gradient(circle at top right,rgb(18 181 199 / .08),transparent 30%),linear-gradient(160deg,#eef4f8fa,#fafafaf5),linear-gradient(135deg,rgb(14 47 87 / .03),transparent 56%);box-shadow:0 18px 42px #10253e0f,0 0 0 1px #0e2f5708}html[data-brand=trace-zero] .brand-bundle-feature__shell:before{background:linear-gradient(135deg,rgb(18 181 199 / .08),transparent 28%),linear-gradient(180deg,transparent,rgb(14 47 87 / .04))}html[data-brand=trace-zero] .brand-bundle-feature__shell:after{content:"";position:absolute;inset:0 auto auto 0;inline-size:100%;block-size:2px;background:linear-gradient(90deg,rgb(18 181 199 / .36),transparent 86%),repeating-linear-gradient(90deg,rgb(14 47 87 / .14) 0 1px,transparent 1px 24px);pointer-events:none}html[data-brand=trace-zero] .brand-bundle-card{border-radius:.95rem;border-color:#0e2f571f;background:linear-gradient(180deg,#fafafafa,#eef4f8eb),linear-gradient(135deg,rgb(18 181 199 / .05),transparent 60%);box-shadow:0 12px 28px #10253e0d,0 0 0 1px #0e2f5705}html[data-brand=trace-zero] .brand-bundle-card:hover,html[data-brand=trace-zero] .brand-bundle-card:focus-within{transform:translateY(-3px);border-color:#12b5c73d;box-shadow:0 18px 32px #10253e14,0 0 0 1px #12b5c714}html[data-theme-scheme=dark][data-brand=trace-zero] .brand-bundle-feature__shell{border-color:#12b5c72e;background:radial-gradient(circle at top right,rgb(18 181 199 / .14),transparent 28%),linear-gradient(160deg,#081923fa,#020d14e6),linear-gradient(135deg,rgb(18 181 199 / .08),transparent 58%);box-shadow:0 28px 72px #00000061,0 0 0 1px #12b5c714,0 0 28px #12b5c714}html[data-theme-scheme=dark][data-brand=trace-zero] .brand-bundle-card{border-color:#12b5c72e;background:linear-gradient(180deg,#081923fa,#020d14d6),linear-gradient(135deg,rgb(18 181 199 / .12),transparent 62%);box-shadow:0 18px 44px #0000004d,0 0 24px #12b5c714}@media(min-width:700px){.brand-bundle-feature{--bundle-card-width: min(42vw, 23rem);--bundle-feature-card-width: min(52vw, 33rem)}.brand-bundle-feature__track{gap:1.2rem}}@media(min-width:1100px){.brand-bundle-feature{--bundle-card-width: min(36vw, 22rem);--bundle-feature-card-width: min(44vw, 31rem)}.brand-bundle-feature__deck{min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/brand-bundle-feature.css.map */