:root{--accent: #b4572c;--ink: #2b211b;--muted: #6f5f55;--bg: #f7f1eb;--card: #ffffff;--shadow: 0 18px 40px rgba(43, 33, 27, .14);--radius: 14px;--tone-bright: #fde8c8;--tone-warm: #f2c7a4;--tone-ferrous: #c9c2d0}body.bundle-modal-open{overscroll-behavior:none}html.bundle-modal-open,body.bundle-modal-open{overflow:hidden;height:100%}.bundle-teaser{position:relative;--bundle-accent: var(--accent);--bundle-ink: var(--ink);--bundle-muted: var(--muted);--bundle-bg: var(--bg);--bundle-card: var(--card)}.bundle-teaser__header{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}.bundle-teaser__eyebrow{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bundle-muted, var(--muted));margin-bottom:.5rem}.bundle-teaser__title{font-size:clamp(1.5rem,2vw,2.2rem);margin:0 0 .4rem;color:var(--bundle-ink, var(--ink))}.bundle-teaser__subhead{color:var(--bundle-muted, var(--muted));margin:0}.bundle-teaser__cta{display:inline-flex;align-items:center;gap:.6rem;border-radius:999px;padding:.7rem 1.4rem;background:var(--bundle-accent, var(--accent));color:#fff;border:none;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 18px #b4572c33;flex-wrap:wrap}.bundle-teaser__cta:hover,.bundle-teaser__cta:focus-visible{transform:translateY(-2px);box-shadow:0 14px 24px #b4572c59}.bundle-teaser__cta-badge{background:#fff3;padding:.25rem .6rem;border-radius:999px;font-size:.7rem;line-height:1.2;text-align:center}.bundle-teaser__carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:1rem;overflow-x:auto;padding:1.5rem 0 .5rem;max-width:min(1100px,100%);margin-inline:auto;scroll-snap-type:x proximity}.bundle-card{background:var(--bundle-card, var(--card));border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:grid;gap:.75rem;position:relative;scroll-snap-align:start}.bundle-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #0f172a2e}.bundle-card__image{position:relative;background:#f3e8de;min-height:160px}.bundle-card__img{width:100%;height:100%;object-fit:cover;display:block}.bundle-card__img--placeholder{height:160px;background:linear-gradient(90deg,#f3e8de,#f8f0e7,#f3e8de);background-size:200% 100%;animation:shimmer 1.8s infinite}.bundle-card__badge{position:absolute;top:12px;right:12px;background:#111827;color:#fff;padding:.25rem .6rem;border-radius:999px;font-size:.75rem}.bundle-card__body{display:grid;gap:.5rem}.bundle-card__title{margin:0 0 .25rem;font-size:1.05rem}.bundle-card__desc{color:var(--bundle-muted, var(--muted));margin:0 0 .75rem}.bundle-card__items{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.25rem}.bundle-card__item{flex:0 0 auto;display:grid;gap:.2rem;min-width:140px;padding:.6rem .7rem;border-radius:12px;background:#f8f1ea;border:1px solid rgba(43,33,27,.08)}.bundle-card__item-dot{width:12px;height:12px;border-radius:999px;background:var(--bundle-accent, var(--accent))}.bundle-card__item-title{font-weight:600;font-size:.9rem}.bundle-card__item-variant{font-size:.75rem;color:var(--muted)}.bundle-card__meta{display:flex;justify-content:space-between;align-items:center}.bundle-card__price{font-weight:700;color:var(--bundle-ink, var(--ink))}.bundle-card__price-compare{color:#94a3b8;text-decoration:line-through;font-size:.85rem;margin-left:.35rem}.bundle-card__pill{background:#f4e2d5;color:#7a3f26;padding:.2rem .55rem;border-radius:999px;font-size:.7rem}.bundle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;--bundle-bg: var(--bg);--bundle-card: var(--card)}.bundle-modal.is-open{display:block}.bundle-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:background .25s ease,backdrop-filter .25s ease}.bundle-modal.is-open .bundle-modal__backdrop{background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bundle-modal__dialog{position:relative;background:radial-gradient(120% 140% at 20% 0%,#fff,#f7f1eb 55%,#efe5db);width:min(980px,92vw);max-height:92vh;height:92vh;margin:4vh auto;border-radius:18px;padding:.7rem .9rem .65rem;display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:.6rem;overflow:hidden;overscroll-behavior:contain;box-shadow:var(--shadow);transition:background .9s ease,box-shadow .4s ease;--bundle-color: #e7d4c5;--bundle-color-soft: #f7f1eb}.bundle-modal__dialog:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 10% 10%,var(--bundle-color-soft) 0%,transparent 55%),radial-gradient(130% 120% at 90% 10%,var(--bundle-color) 0%,transparent 55%),linear-gradient(140deg,var(--bundle-color) 0%,#fff 55%,#f5efe8 100%);opacity:.9;transition:background .9s ease,opacity .6s ease;z-index:0}.bundle-modal__dialog>*{position:relative;z-index:1}.bundle-modal__body{min-height:0;height:100%;overflow-y:auto;padding-right:.5rem;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.bundle-modal__close{background:#f1f5f9;border:1px solid #e2e8f0;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;font-size:1.4rem;cursor:pointer;transition:transform .2s ease,background .2s ease}.bundle-modal__close:hover,.bundle-modal__close:focus-visible{background:#e2e8f0;transform:translateY(-1px)}.bundle-modal__header{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:0}.bundle-modal__headline{display:grid;gap:.1rem;background:#ffffffd1;border:1px solid rgba(43,33,27,.08);border-radius:10px;padding:.25rem .45rem;box-shadow:0 6px 16px #2b211b1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bundle-modal__header-actions{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0}.bundle-modal__discount-stack{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;background:#ffffffd1;border:1px solid rgba(43,33,27,.08);border-radius:10px;padding:.25rem .45rem;box-shadow:0 6px 16px #2b211b1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bundle-modal__discount-stack .bundle-modal__discount-note{font-weight:600;margin-top:.1rem}.bundle-modal__eyebrow{font-size:.8rem;text-transform:uppercase;color:var(--muted);letter-spacing:.12em;margin-bottom:0}.bundle-modal__title{margin:0;font-size:1.2rem;line-height:1.15}.bundle-modal__desc{margin:0;color:var(--muted);font-size:.82rem}.bundle-modal__discount{background:#ffffffb3;color:var(--bundle-ink, var(--ink));padding:.25rem .55rem;border-radius:999px;font-weight:600;font-size:.75rem;white-space:nowrap;border:1px solid rgba(43,33,27,.1)}.bundle-confirm{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.bundle-confirm.is-open{display:flex}.bundle-confirm__card{background:#fff;border-radius:16px;padding:1.2rem 1.4rem;width:min(420px,90%);box-shadow:var(--shadow);display:grid;gap:.7rem}.bundle-confirm__title{margin:0;font-size:1.05rem}.bundle-confirm__desc{margin:0;color:var(--muted);font-size:.9rem}.bundle-confirm__actions{display:flex;gap:.6rem;justify-content:flex-end}.bundle-progress{height:6px;background:#eadfd5;border-radius:999px;overflow:hidden;margin:0}.bundle-progress__bar{height:100%;width:0%;background:var(--bundle-accent, var(--accent));transition:width .3s ease}.bundle-steps{display:grid;gap:1.5rem;margin:0;padding:0;list-style:none}.bundle-step{background:#ffffffd9;border-radius:var(--radius);padding:1rem;border:1px solid rgba(43,33,27,.08);box-shadow:0 8px 24px #2b211b14}.bundle-step__header{display:flex;gap:.85rem;align-items:center;margin-bottom:.75rem}.bundle-step__count{width:38px;height:38px;border-radius:999px;background:#f6e6d5;color:#6a3f2b;display:grid;place-items:center;font-weight:700}.bundle-step__helper{margin:.2rem 0 0;color:var(--bundle-muted, var(--muted))}.bundle-step__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}.bundle-option{background:#fff;border-radius:var(--radius);padding:.75rem;border:1px solid rgba(43,33,27,.12);cursor:pointer;display:grid;gap:.4rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.bundle-option--dye{position:relative;border-color:color-mix(in srgb,var(--dye-color, #b4572c) 10%,rgba(43,33,27,.12));box-shadow:0 0 0 1px color-mix(in srgb,var(--dye-color, #b4572c) 15%,transparent),0 6px 12px #0f172a0d;transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease,filter .25s ease}.bundle-option--dye:after{content:"";position:absolute;top:10px;left:10px;width:14px;height:14px;border-radius:999px;background:color-mix(in srgb,var(--dye-color, #b4572c) 25%,#ffffff 75%);box-shadow:0 0 0 2px #ffffffe6;opacity:.25;transition:opacity .25s ease,transform .25s ease,background .25s ease}.bundle-option:hover,.bundle-option:focus-visible{transform:translateY(-2px);border-color:var(--bundle-accent, var(--accent));box-shadow:0 10px 18px #0f172a1f}.bundle-option--dye:hover,.bundle-option--dye:focus-visible{border-color:var(--dye-color, var(--bundle-accent, var(--accent)));box-shadow:0 0 0 2px color-mix(in srgb,var(--dye-color, #b4572c) 45%,transparent),0 10px 18px #0f172a1f}.bundle-option.is-selected{border-color:var(--bundle-accent, var(--accent));box-shadow:0 0 0 2px #b4572c33}.bundle-option--dye.is-selected{border-color:var(--dye-color, var(--bundle-accent, var(--accent)));box-shadow:0 0 0 4px color-mix(in srgb,var(--dye-color, #b4572c) 85%,transparent),0 16px 26px #0f172a2e}.bundle-option--dye.is-selected:after{opacity:1;transform:scale(1.05);background:var(--dye-color, #b4572c)}.bundle-option__image{width:100%;aspect-ratio:1/1;border-radius:10px;background:#f5ede7;object-fit:cover}.bundle-option__title{font-weight:600}.bundle-option__meta{font-size:.85rem;color:var(--muted)}.bundle-option__swatch{display:none;width:100%;height:12px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffffff 0%,var(--swatch-color) 50%,#00000014 100%);border:1px solid rgba(43,33,27,.1)}.bundle-option__tone{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .55rem;border-radius:999px;width:fit-content;background:var(--tone-bright);color:#6a3f2b}.bundle-option__tone[data-tone=warm]{background:var(--tone-warm)}.bundle-option__tone[data-tone=ferrous]{background:var(--tone-ferrous);color:#3e3347}.bundle-option__note{font-size:.8rem;color:var(--bundle-muted, var(--muted));line-height:1.4}.bundle-option__prices{display:flex;align-items:baseline;gap:.5rem}.bundle-option__price-final{font-weight:700;color:var(--bundle-ink, var(--ink))}.bundle-option__price-compare{color:#94a3b8;text-decoration:line-through;font-size:.85rem}.bundle-option--skeleton{height:180px;background:linear-gradient(90deg,#f3e8de,#f8f0e7,#f3e8de);background-size:200% 100%;animation:shimmer 1.8s infinite;border:none}.bundle-suggestions{margin-top:1.75rem}.bundle-suggestions__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.bundle-suggestion{padding:.75rem;background:#fff;border-radius:var(--radius);border:1px dashed #cbd5f5;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.bundle-suggestion:hover,.bundle-suggestion:focus-visible{transform:translateY(-2px);border-color:var(--bundle-accent, var(--accent));box-shadow:0 10px 18px #0f172a1f}.bundle-modal__footer{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"progress progress" "total actions";gap:.35rem .6rem;align-items:center;background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.25);border-radius:14px;padding:.3rem .5rem .28rem;box-shadow:0 12px 30px #0f172a1f}.bundle-progress--footer{flex:1 1 100%;margin-bottom:.1rem;grid-area:progress}.bundle-modal__total-line{display:flex;align-items:baseline;gap:.4rem;font-weight:700;color:var(--bundle-ink, var(--ink));font-size:.9rem;line-height:1.1;grid-area:total;justify-content:flex-start}.bundle-modal__totals{display:grid;gap:.35rem;min-width:220px}.bundle-modal__totals-row{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.9rem}.bundle-modal__totals-row--total{color:var(--ink);font-weight:700;font-size:1rem}.bundle-modal__total-compare{margin-left:.15rem;color:#94a3b8;text-decoration:line-through;font-weight:500;font-size:.8rem}.bundle-modal__status{color:var(--bundle-muted, var(--muted));font-size:.8rem;line-height:1.2;margin-top:0;text-align:left;order:-1;flex:1 1 auto;min-width:0;background:transparent;padding:0;border-radius:0;display:none}.bundle-modal__status:empty{display:none}.bundle-modal__actions{display:flex;gap:.35rem;align-items:center;justify-content:flex-end;flex-wrap:wrap;grid-area:actions}.bundle-modal__discount-note{font-size:.7rem;color:#8a7a70;text-align:right;width:100%;line-height:1.2}.bundle-modal__action-group{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;width:auto}.bundle-btn{border-radius:999px;padding:.65rem 1.25rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:.35rem;appearance:none;-webkit-appearance:none;font:inherit;line-height:1.1;background-clip:padding-box}.bundle-btn--primary{background:var(--bundle-accent, var(--accent));color:#fff;min-width:190px;white-space:nowrap}.bundle-modal .bundle-btn--primary{background:var(--bundle-accent, var(--accent));color:#fff;border:1px solid transparent;box-shadow:0 12px 22px #b4572c3d;padding:.6rem 1.3rem;font-size:.9rem;border-radius:999px}.bundle-confirm .bundle-btn,.bundle-confirm .bundle-btn--primary,.bundle-confirm .bundle-btn--ghost{appearance:none;-webkit-appearance:none;font:inherit;border-radius:999px}.bundle-modal .bundle-btn--primary:hover,.bundle-modal .bundle-btn--primary:focus-visible{transform:translateY(-1px);box-shadow:0 14px 26px #b4572c52}.bundle-btn:disabled,.bundle-btn[aria-disabled=true]{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.bundle-modal .bundle-btn--primary:disabled,.bundle-modal .bundle-btn--primary[aria-disabled=true]{background:var(--bundle-accent, var(--accent));color:#fff;border-color:transparent}.bundle-btn--primary:hover,.bundle-btn--primary:focus-visible{transform:translateY(-1px);box-shadow:0 12px 22px #b4572c4d}.bundle-btn--ghost{background:transparent;border-color:#cbd5e1;color:var(--ink)}.bundle-btn--ghost:hover,.bundle-btn--ghost:focus-visible{background:#94a3b81f;border-color:#94a3b8}.bundle-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.bundle-confetti.is-active{animation:confetti .6s ease forwards}@keyframes confetti{0%{opacity:1;background:radial-gradient(circle at 20% 20%,#facc15 0,transparent 35%),radial-gradient(circle at 80% 20%,#f472b6 0,transparent 35%),radial-gradient(circle at 50% 80%,#38bdf8 0,transparent 35%)}to{opacity:0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:720px){.bundle-teaser__container{border-radius:0;padding:1.1rem 1rem}.bundle-modal__dialog{width:100%;height:100%;max-height:none;border-radius:0;margin:0;padding:.6rem .7rem .55rem}.bundle-modal__headline,.bundle-modal__title,.bundle-modal__desc{display:none}.bundle-modal__discount{font-size:.7rem;padding:.25rem .55rem}.bundle-modal__header{align-items:flex-start;justify-content:flex-end}.bundle-modal__header-actions{gap:.3rem;justify-content:flex-end;width:100%}.bundle-modal__discount-stack{align-items:flex-end;margin-left:auto;text-align:right}.bundle-modal__close{width:34px;height:34px;font-size:1.25rem;color:var(--bundle-accent, var(--accent))}.bundle-modal__body{padding-right:0}.bundle-modal__footer{grid-template-columns:1fr;grid-template-areas:"progress" "total" "actions";gap:.35rem;padding:.32rem .4rem .28rem}.bundle-modal__total-line{justify-content:space-between;font-size:.9rem}.bundle-modal__actions{width:100%;align-items:stretch;justify-content:stretch}.bundle-modal__action-group{width:100%;align-items:stretch;flex-direction:column}.bundle-modal__status{display:none;text-align:center;order:0}.bundle-modal__discount-note{text-align:right}.bundle-step__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.bundle-option__title{color:var(--bundle-accent, var(--accent))}.bundle-btn--ghost{display:none}.bundle-btn{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/bundle-builder.css.map */
