.sopper-bundle,.sopper-faq{display:block;max-width:1280px;margin-inline:auto;padding:24px 32px;color:var(--color-foreground)}.sopper-bundle__banner{position:relative;overflow:hidden;border:1px solid var(--sopper-border);border-radius:16px;background:var(--sopper-surface)}.sopper-bundle__image{display:block;width:100%;height:auto}.sopper-bundle__copy{position:absolute;inset:0 auto 0 0;width:40%;padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px}.sopper-bundle h2{margin:0;font-size:clamp(24px,3.2vw,40px);line-height:1.15}.sopper-bundle__button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;max-width:100%;padding:10px 20px;border:1px solid var(--color-foreground);border-radius:99px;background:var(--color-foreground);color:var(--color-background);font:inherit;font-size:14px;line-height:1.35;cursor:pointer}.sopper-bundle__button:hover{background:var(--sopper-surface);color:var(--color-foreground)}.sopper-bundle__button:focus-visible,.sopper-faq :is(button,a):focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px}.sopper-faq__heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-bottom:12px}.sopper-faq h2{margin:0;font-size:clamp(20px,2.2vw,28px);line-height:1.25}.sopper-faq__heading a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:inherit;font-size:13px;text-decoration:none}.sopper-faq__heading a:hover{text-decoration:underline;text-underline-offset:4px}.sopper-faq__items{border:1px solid var(--sopper-border);border-radius:8px}.sopper-faq__item+.sopper-faq__item{border-top:1px solid var(--sopper-border)}.sopper-faq h3{margin:0;font:inherit}.sopper-faq h3 button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:10px 16px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:14px;line-height:1.4;text-align:start;cursor:pointer}.sopper-faq h3 button:hover{background:var(--sopper-surface)}.sopper-faq__plus{position:relative;flex:0 0 16px;height:16px}.sopper-faq__plus:before,.sopper-faq__plus:after{content:"";position:absolute;inset:7px 0 auto;height:1px;background:currentColor}.sopper-faq__plus:after{transform:rotate(90deg)}.sopper-faq [aria-expanded=true] .sopper-faq__plus:after{transform:rotate(0)}.sopper-faq__answer{padding:0 16px 16px;color:var(--sopper-muted);font-size:14px;line-height:1.5;overflow-wrap:anywhere}.sopper-faq__answer[hidden]{display:none}.sopper-faq__answer p{margin:0}@media(max-width:749px){.sopper-bundle,.sopper-faq{padding:16px}.sopper-faq h3 button,.sopper-faq__answer{padding-inline:12px}}@media(max-width:989px){.sopper-bundle__banner{min-height:196px}.sopper-bundle__image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover;object-position:72% center}.sopper-bundle__copy{position:relative;min-height:196px;width:47%;padding:18px;gap:16px;background:linear-gradient(90deg,#000a,transparent)}.sopper-bundle h2{font-size:22px}.sopper-bundle__button{font-size:12px;padding:9px 12px;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sopper-home-extras.css.map */