:root{--combo-accent: #c9a96e;--combo-accent-hover: #b8944d;--combo-accent-light: rgba(201, 169, 110, .1);--combo-dark: #1a1a1a;--combo-dark-mid: #2a2a2a;--combo-border: #e8e5e0;--combo-muted: #999;--combo-radius: 8px;--combo-card-radius: 10px;--combo-transition: .3s cubic-bezier(.4, 0, .2, 1)}.combo-section{margin-top:0!important;padding-top:0!important;--section-outer-spacing-block: 0px;--section-inner-spacing-block: 0px}.combo{padding:80px 0;position:relative;contain:layout style;content-visibility:auto;contain-intrinsic-size:auto 800px}.combo__header{text-align:center;margin-bottom:40px;max-width:640px;margin-left:auto;margin-right:auto}.combo__subheading{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.25em;opacity:.45;margin:0 0 10px}.combo__heading{font-size:clamp(1.5rem,3.5vw,2rem);font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px;font-family:var(--heading-font-family);line-height:1.2}.combo__ornament{display:flex;justify-content:center;margin-bottom:20px}.combo__diamond{width:8px;height:8px;background:var(--combo-accent);transform:rotate(45deg)}.combo__tier-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.combo__tier-badge{display:inline-flex;align-items:center;gap:4px;padding:7px 18px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--combo-border);border-radius:100px;background:#fff;color:var(--combo-dark);white-space:nowrap}.combo__tier-count{font-weight:800;color:var(--combo-accent)}.combo__tier-badge--best{background:var(--combo-accent);border-color:var(--combo-accent);color:#fff}.combo__tier-badge--best .combo__tier-count{color:#fff}.combo__steps{display:flex;justify-content:center;gap:0;margin-bottom:36px;position:relative;overflow:visible;border-bottom:1px solid var(--combo-border)}.combo__step{display:flex;align-items:center;gap:10px;padding:14px 28px;background:none;border:none;cursor:pointer;position:relative;white-space:nowrap;transition:color var(--combo-transition);color:var(--combo-muted);font-family:var(--heading-font-family);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.combo__step:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%) scaleX(0);width:70%;height:2px;background:var(--combo-accent);transition:transform var(--combo-transition)}.combo__step.is-active{color:var(--combo-dark)}.combo__step.is-active:after{transform:translate(-50%) scaleX(1)}.combo__step.is-complete{color:var(--combo-accent)}.combo__step-num{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--combo-border);font-size:.6rem;font-weight:700;transition:all var(--combo-transition);flex-shrink:0}.combo__step.is-active .combo__step-num,.combo__step.is-complete .combo__step-num{border-color:var(--combo-accent);background:var(--combo-accent);color:#fff}.combo__step-check{display:none}.combo__step-check svg{width:12px;height:12px}.combo__step.is-complete .combo__step-check{display:none}.combo__step.is-complete .combo__step-number-text{display:inline}.combo__step-discount{font-size:.5rem;font-weight:800;color:var(--combo-accent);background:#c9a96e1a;padding:2px 8px;border-radius:100px;letter-spacing:.05em;white-space:nowrap}.combo__products{position:relative;margin-bottom:0;min-height:320px}.combo__products-inner{transition:opacity .2s ease,transform .2s ease;will-change:opacity,transform}.combo__products-inner.is-transitioning{opacity:0;transform:translate(20px);pointer-events:none}.combo__scroll{display:flex;gap:20px;padding:4px 0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.combo__scroll::-webkit-scrollbar{display:none}.combo__scroll .combo__card{min-width:220px;max-width:240px;flex-shrink:0;scroll-snap-align:start}.combo__arrow{position:absolute;top:40%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border-radius:50%;background:#fffffff5;border:1px solid var(--combo-border);box-shadow:0 2px 12px #00000014;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--combo-transition),background var(--combo-transition);padding:0}.combo__products:hover .combo__arrow{opacity:1}.combo__arrow:hover{background:#fff;box-shadow:0 4px 16px #0000001f}.combo__arrow--left{left:-20px}.combo__arrow--right{right:-20px}.combo__arrow svg{width:16px;height:16px;color:var(--combo-dark)}.combo__card{border:1.5px solid var(--combo-border);border-radius:var(--combo-card-radius);overflow:hidden;cursor:pointer;transition:border-color var(--combo-transition),box-shadow var(--combo-transition),transform var(--combo-transition);background:#fff;position:relative;display:flex;flex-direction:column}.combo__card:hover{border-color:#ccc;box-shadow:0 6px 24px #0000000f;transform:translateY(-3px)}.combo__card.is-selected{border-color:var(--combo-accent);box-shadow:0 0 0 1px var(--combo-accent),0 6px 24px #c9a96e2e}.combo__card.is-soldout{opacity:.45;pointer-events:none}.combo__card-media{position:relative;aspect-ratio:1;overflow:hidden;background:#f5f5f3}.combo__card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;will-change:transform}.combo__card:hover .combo__card-media img{transform:scale(1.05)}.combo__card-check{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:var(--combo-accent);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:all .25s ease;z-index:2}.combo__card.is-selected .combo__card-check{opacity:1;transform:scale(1)}.combo__card-check svg{width:14px;height:14px;color:#fff}.combo__card-soldout{position:absolute;top:10px;left:10px;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--combo-dark);color:#fff;padding:4px 10px;border-radius:4px}.combo__card-discount-badge{position:absolute;top:10px;left:10px;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--combo-accent);color:#fff;padding:5px 12px;border-radius:4px;z-index:2;line-height:1}.combo__card-discount-badge--free{background:#2e7d32}.combo__card-price--free{color:#2e7d32;font-size:.8rem;font-weight:800;text-transform:uppercase}.combo__card-info{padding:16px;display:flex;flex-direction:column;flex:1}.combo__card-title{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2em;color:var(--combo-dark)}.combo__card-prices{display:flex;align-items:center;gap:8px;margin-bottom:14px}.combo__card-price{font-size:.8rem;font-weight:700;color:var(--combo-dark)}.combo__card-compare{font-size:.65rem;text-decoration:line-through;opacity:.4}.combo__card-btn{width:100%;padding:10px 0;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border:1.5px solid var(--combo-border);border-radius:6px;background:transparent;color:var(--combo-dark);cursor:pointer;transition:all var(--combo-transition);margin-top:auto}.combo__card-btn:hover{border-color:var(--combo-dark)}.combo__card.is-selected .combo__card-btn{background:var(--combo-accent);border-color:var(--combo-accent);color:#fff}.combo__variants{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}.combo__variant-chip{padding:5px 12px;font-size:.55rem;font-weight:600;border:1px solid var(--combo-border);border-radius:100px;background:transparent;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.combo__variant-chip:hover{border-color:var(--combo-accent)}.combo__variant-chip.is-active{background:var(--combo-accent);border-color:var(--combo-accent);color:#fff}.combo__variant-chip:disabled{opacity:.3;cursor:not-allowed}.combo__summary{background:rgb(var(--background));color:rgb(var(--text-color));padding:20px 0;margin-top:40px;position:sticky;bottom:0;z-index:10;border-top:1px solid var(--combo-border);box-shadow:0 -4px 20px #0000000f}.combo__summary-inner{display:flex;align-items:center;justify-content:center;gap:32px}.combo__summary-left{flex-shrink:0}.combo__summary-label{font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;opacity:.5;margin:0 0 8px}.combo__summary-items{display:flex;align-items:center;gap:10px;flex-shrink:0}.combo__summary-slot{width:60px;height:60px;border-radius:8px;overflow:hidden;border:2px solid var(--combo-border);background:#f5f5f3;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer;flex-shrink:0}.combo__summary-slot.is-filled{border-color:var(--combo-accent)}.combo__summary-slot.is-filled img{width:100%;height:100%;object-fit:cover}.combo__summary-slot:not(.is-filled){border-style:dashed}.combo__summary-slot-empty{width:16px;height:16px;opacity:.35}.combo__summary-plus{font-size:.7rem;opacity:.3;flex-shrink:0}.combo__summary-right{display:flex;align-items:center;gap:24px;flex-shrink:1;min-width:0}.combo__summary-price-block{text-align:center}.combo__summary-price-block .combo__summary-pricing{display:flex;align-items:baseline;justify-content:center;gap:10px}.combo__summary-price-block .combo__summary-savings{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#2e7d32;white-space:nowrap;margin-top:4px}.combo__summary-original{font-size:.8rem;text-decoration:line-through;opacity:.4}.combo__summary-final{font-size:1.3rem;font-weight:700;font-family:var(--heading-font-family)}.combo__summary-savings.is-bumped{animation:combo-bump .4s ease}.combo__summary-nudge{font-size:.6rem;opacity:.5;letter-spacing:.03em;text-align:center;white-space:nowrap}.combo__summary-actions{flex-shrink:0}.combo__summary-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;background:var(--combo-dark);color:#fff;border:2px solid var(--combo-dark);border-radius:6px;cursor:pointer;transition:all var(--combo-transition);white-space:nowrap;position:relative}.combo__summary-cta:hover:not(:disabled){background:var(--combo-accent);border-color:var(--combo-accent)}.combo__summary-cta:disabled{opacity:.35;cursor:not-allowed}.combo__summary-cta-spinner{display:none}.combo__summary-cta.is-loading{pointer-events:none;color:transparent}.combo__summary-cta.is-loading .combo__summary-cta-spinner{display:block;position:absolute}.combo__summary-cta.is-loading .combo__summary-cta-spinner svg{width:18px;height:18px;animation:combo-spin .6s linear infinite;color:#fff}.combo__skeleton{display:flex;gap:20px;padding:4px 0;overflow:hidden}.combo__skeleton-card{min-width:220px;max-width:240px;flex-shrink:0;border-radius:var(--combo-card-radius);overflow:hidden;border:1.5px solid var(--combo-border)}.combo__skeleton-img{aspect-ratio:1;background:linear-gradient(90deg,#f0eeeb 25%,#e8e5e0,#f0eeeb 75%);background-size:200% 100%;animation:combo-shimmer 1.5s ease infinite;will-change:background-position}.combo__skeleton-info{padding:16px}.combo__skeleton-line{height:10px;border-radius:4px;background:linear-gradient(90deg,#f0eeeb 25%,#e8e5e0,#f0eeeb 75%);background-size:200% 100%;animation:combo-shimmer 1.5s ease infinite;margin-bottom:8px}.combo__skeleton-line:nth-child(1){width:80%}.combo__skeleton-line:nth-child(2){width:50%}.combo__skeleton-line:nth-child(3){width:100%;height:34px;margin-top:14px;margin-bottom:0}.combo__empty{text-align:center;padding:80px 20px;opacity:.5}.combo__empty-icon{font-size:2.5rem;margin-bottom:16px}.combo__empty-text{font-size:.75rem;letter-spacing:.05em}.combo__retry{margin-top:16px;padding:10px 28px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:none;border:1.5px solid var(--combo-border);border-radius:6px;cursor:pointer;transition:border-color var(--combo-transition)}.combo__retry:hover{border-color:var(--combo-dark)}@keyframes combo-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes combo-bump{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes combo-spin{to{transform:rotate(360deg)}}@keyframes combo-slot-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:989px){.combo__scroll .combo__card,.combo__skeleton-card{min-width:200px;max-width:220px}.combo__arrow{display:none}}@media(max-width:749px){.combo{padding:16px 0 0}.combo__heading{font-size:1.3rem}.combo__tier-badges{gap:8px}.combo__tier-badge{padding:5px 12px;font-size:.5rem}.combo__steps{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:24px}.combo__steps::-webkit-scrollbar{display:none}.combo__step{padding:12px 18px;font-size:.6rem}.combo__step-num{width:22px;height:22px;font-size:.5rem}.combo__scroll .combo__card{min-width:160px;max-width:180px}.combo__scroll{gap:12px}.combo__skeleton-card{min-width:160px;max-width:180px}.combo__skeleton-card--desktop-only{display:none}.combo__skeleton{gap:12px}.combo__card-info{padding:12px}.combo__card-title{font-size:.65rem}.combo__card-price{font-size:.72rem}.combo__card-btn{padding:8px 0;font-size:.55rem}.combo__arrow{display:none}.combo__summary{padding:16px 0;margin-top:24px}.combo__summary-inner{flex-wrap:wrap;gap:16px}.combo__summary-left{order:1}.combo__summary-slot{width:48px;height:48px}.combo__summary-right{order:2;flex-direction:column;align-items:stretch;gap:12px;width:100%}.combo__summary-details{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.combo__summary-nudge{text-align:left}.combo__summary-final{font-size:1.05rem}.combo__summary-cta{width:100%;padding:14px;min-width:auto}}@media(prefers-reduced-motion:reduce){.combo__products-inner,.combo__card,.combo__card-media img,.combo__card-check,.combo__step:after,.combo__step-num,.combo__summary-slot,.combo__summary-savings{transition:none;animation:none}.combo__skeleton-img,.combo__skeleton-line{animation:none;background:#eee}}.combo__step:focus-visible,.combo__card:focus-visible,.combo__summary-slot:focus-visible,.combo__summary-cta:focus-visible,.combo__variant-chip:focus-visible{outline:2px solid var(--combo-accent);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/45/assets/create-your-own-combo.css.map */