.subscription-customizer{padding-top:var(--PT);padding-bottom:var(--PB);border-radius:var(--spacing-radius-radius-rounded, 40px);border-top:1px solid var(--color-neutral-100, #D5D2D0);border-bottom:1px solid var(--color-neutral-100, #D5D2D0);background:#f9faec;margin-top:2px}.subscription-customizer__inner{max-width:880px;margin-left:auto;margin-right:auto}.subscription-customizer__title{text-align:center;color:var(--color-neutral-900, #384332);font-size:56px;font-weight:600;letter-spacing:-2.8px;line-height:1.1;margin:0 0 80px;text-transform:none}.subscription-customizer__step{margin-bottom:64px}.subscription-customizer__step:last-of-type{margin-bottom:0}.subscription-customizer__step-heading{color:var(--sub-customizer-accent, #384332);font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0 0 32px;text-transform:none}.subscription-customizer__coffee-list{display:flex;flex-wrap:wrap;gap:29px;list-style:none;padding:0;margin:0 0 12px}.subscription-customizer__coffee-list:not(.is-expanded) .subscription-customizer__coffee-card:nth-child(n+5){display:none}.subscription-customizer__coffee-card{flex:0 0 auto;width:calc(25% - 21.75px);min-width:140px}.subscription-customizer__coffee-card-inner{position:relative;transition:border-color .2s ease,border-width .2s ease;cursor:pointer}.subscription-customizer__coffee-card .subscription-customizer__coffee-card-inner .subscription-customizer__coffee-image{border-radius:var(--spacing-radius-radius-md, 20px);border:2px solid #E0D9CE;background:#fff;padding:20px}.subscription-customizer__coffee-card.is-selected .subscription-customizer__coffee-card-inner .subscription-customizer__coffee-image{border:2px solid var(--sub-customizer-accent, #384332);border-radius:var(--spacing-radius-radius-md, 20px)}.subscription-customizer__coffee-check,.subscription-customizer__coffee-radio{position:absolute;top:20px;right:20px;width:28px;height:28px;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%}.subscription-customizer__coffee-check{display:none;background:var(--sub-customizer-accent, #384332)}.subscription-customizer__coffee-check svg{width:16px;height:16px;stroke:#fff}.subscription-customizer__coffee-card.is-selected .subscription-customizer__coffee-check{display:flex}.subscription-customizer__coffee-card.is-selected .subscription-customizer__coffee-radio{display:none}.subscription-customizer__coffee-radio{border:2px solid var(--color-neutral-500, #978F8A);border-radius:50%;background:#fff;box-sizing:border-box}.subscription-customizer__coffee-image-link{display:block;text-decoration:none;color:inherit}.subscription-customizer__coffee-image{border-radius:var(--spacing-radius-radius-sm, 8px);overflow:hidden;aspect-ratio:1;background:var(--sub-customizer-accent-light, #E8DED3);margin-bottom:32px}.subscription-customizer__coffee-img img,.subscription-customizer__coffee-image .image-wrapper{width:100%;height:100%;object-fit:cover}.subscription-customizer__coffee-placeholder{width:100%;height:100%;min-height:120px}.subscription-customizer__coffee-title{font-size:20px;font-weight:600;letter-spacing:-.5px;color:var(--color-neutral-900, #384332);margin:0 0 20px;line-height:1.3}.subscription-customizer__coffee-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.subscription-customizer__coffee-roast{font-size:16px;text-transform:uppercase;letter-spacing:.5px;color:var(--sub-customizer-badge, #CD7F2F);margin:0;font-weight:400}.subscription-customizer__coffee-price{font-size:16px;color:var(--color-neutral-500, #414141);margin:0;font-weight:400}.subscription-customizer__view-more{display:inline-flex;align-items:center;gap:6px;color:var(--color-neutral-900, #384332);text-decoration:none;font-size:16px;font-weight:600;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;margin-top:20px}.subscription-customizer__view-more:hover{color:var(--sub-customizer-accent, #384332)}.subscription-customizer__view-more[aria-expanded=true] .subscription-customizer__view-more-icon{transform:rotate(180deg)}.subscription-customizer__view-more-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit}.subscription-customizer__view-more-icon .icon{width:16px;height:16px}.subscription-customizer__view-more-icon .icon path{stroke:currentColor}.subscription-customizer__view-more-icon{transition:transform .25s ease}.subscription-customizer__size-list{display:flex;flex-wrap:wrap;gap:12px}.subscription-customizer__size-placeholder{color:var(--color-neutral-500, #978F8A);font-size:15px;margin:0}.subscription-customizer__size-pill{padding:16px 20px;border-radius:var(--spacing-radius-radius-full, 4px);border:1px solid var(--border-border-inactive, #C1BCB9);background:#fff;color:#414141;font-size:18px;font-weight:400;cursor:pointer;transition:background .2s ease,color .2s ease}.subscription-customizer__size-pill:hover{background:var(--color-neutral-200, #E8E6E4)}.subscription-customizer__size-pill.is-selected{border-color:#384332;color:#384332}.subscription-customizer__quantity-wrap{max-width:140px}.subscription-customizer__quantity .quantity-selector{display:flex;align-items:center;justify-content:space-between;min-width:122px;height:54px;padding:12px 24px;border-radius:var(--spacing-radius-radius-sm, 8px);border:1px solid var(--sub-customizer-accent, #384332);background:#fff;font-weight:500;font-size:18px;color:#384332}.subscription-customizer__quantity .quantity__minus,.subscription-customizer__quantity .quantity__plus{padding:0;min-width:32px;background:none;border:none;cursor:pointer;color:inherit;font-size:20px;font-weight:500;line-height:1}.subscription-customizer__quantity .quantity__minus{left:24px}.subscription-customizer__quantity .quantity__plus{right:24px}.subscription-customizer__quantity .quantity__input{min-width:2ch;border:none;background:transparent;font-size:18px;font-weight:500;font-family:inherit;color:var(--color-neutral-900, #384332);-webkit-text-fill-color:var(--color-neutral-900, #384332);text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.subscription-customizer__quantity .quantity__input::-webkit-outer-spin-button,.subscription-customizer__quantity .quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.subscription-customizer__grind-wrap{max-width:100%}.subscription-customizer__grind-select-wrap{position:relative;display:block}.subscription-customizer__grind-select{width:100%;max-width:100%;height:54px;padding:0 44px 0 20px;border-radius:var(--spacing-radius-radius-sm, 8px);border:1px solid #384332;background:#fff;font-size:18px;color:#384332;font-weight:400;-webkit-appearance:none;appearance:none;cursor:pointer;margin-top:0;margin-bottom:0}.subscription-customizer__grind-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;color:#2f1e15}.subscription-customizer__grind-arrow svg{width:12px;height:7px;flex-shrink:0}.subscription-customizer__grind-select:focus{outline:none;border-color:var(--sub-customizer-accent, #384332)}.subscription-customizer__frequency-list{display:flex;flex-direction:column;gap:16px}.subscription-customizer__frequency-option{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 24px;border-radius:var(--spacing-radius-radius-sm, 8px);border:1px solid var(--color-neutral-200, #E0D9CE);background:#fff;cursor:pointer;transition:border-color .2s ease;min-height:68px}.subscription-customizer__frequency-option:hover{border-color:var(--color-neutral-300, #C4BFBB)}.subscription-customizer__frequency-option:has(input:checked){border-color:var(--color-neutral-900, #2F1E15);background:#fff}.subscription-customizer__frequency-option input{position:absolute;opacity:0;pointer-events:none}.subscription-customizer__frequency-radio{flex-shrink:0;width:18px;height:18px;border:1px solid var(--color-neutral-300, #384332);border-radius:50%;background:#fff;position:relative;transition:border-color .2s ease,background .2s ease}.subscription-customizer__frequency-option:has(input:checked) .subscription-customizer__frequency-radio{border-color:var(--sub-customizer-badge, #C0743E);background:var(--sub-customizer-badge, #C0743E)}.subscription-customizer__frequency-option:has(input:checked) .subscription-customizer__frequency-radio:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:#fff}.subscription-customizer__frequency-label-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;flex:1;min-width:0}.subscription-customizer__frequency-label{font-size:18px;font-weight:400;color:#384332}.subscription-customizer__badge{display:inline-block;padding:10px 8px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;border-radius:var(--spacing-radius-radius-xs, 4px);background:var(--background-bg-brand-1, #CD7F2F);color:#fff}.subscription-customizer__frequency-price{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--color-neutral-900, #414141);flex-shrink:0}.subscription-customizer__frequency-compare{font-size:16px;font-weight:400;color:var(--color-neutral-500, #414141);text-decoration:line-through}.subscription-customizer__summary-holder{margin-top:48px;padding:24px;background:#fff;border-radius:8px;border:1px solid var(--color-neutral-100, #D5D2D0)}.subscription-customizer__summary-heading{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--sub-customizer-accent, #384332);margin:0 0 20px;padding:0;text-transform:none;font-family:inherit}.subscription-customizer__summary-list{margin:0 0 20px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.subscription-customizer__summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:6px 0;font-size:15px;color:var(--color-neutral-800, #2F1E15)}.subscription-customizer__summary-row dt{margin:0;font-weight:400;font-size:15px;color:var(--color-neutral-800, #2F1E15)}.subscription-customizer__summary-row dd{margin:0;text-align:right;font-size:15px;font-weight:400;color:var(--color-neutral-800, #2F1E15)}.subscription-customizer__summary-row--subtotal{border-top:1px solid var(--color-neutral-100, #E8E4E0);margin-top:8px;padding-top:14px}.subscription-customizer__summary-row--subtotal dt,.subscription-customizer__summary-row--subtotal dd{font-weight:400;font-size:15px;color:var(--color-neutral-800, #2F1E15)}.subscription-customizer__summary-row--discount dt{font-weight:400;font-size:15px;color:#6b6b6b;margin-right:0}.subscription-customizer__summary-row--discount dd{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0;font-weight:400;font-size:15px}.subscription-customizer__summary-row--discount .subscription-customizer__badge{background:#d88d2d;color:#f9e9be;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:5px 12px;border-radius:999px;box-shadow:0 1px 3px #0000001f}.subscription-customizer__summary-discount-amount{color:#6b6b6b;font-weight:400;font-size:15px;flex-shrink:0}.subscription-customizer__summary-row--total{padding-top:14px;margin-top:4px;border-top:1px solid var(--color-neutral-100, #E8E4E0);font-size:18px}.subscription-customizer__summary-row--total dt{font-weight:700;font-size:24px;color:#384332}.subscription-customizer__summary-total{font-size:24px!important;font-weight:700!important;color:#384332!important}.subscription-customizer__form{margin-bottom:20px}.subscription-customizer__cta{width:100%;justify-content:center;padding:16px 24px;border-radius:var(--spacing-radius-radius-full, 999px);border:2px solid var(--color-brand-Tertiary-2, #384332);background:var(--background-bg-brand-2, #8E9F75);color:#fff!important;font-size:16px;font-weight:400;letter-spacing:1.6px;text-transform:uppercase}.subscription-customizer__cta:hover:not(:disabled){background:#cd7f2f!important;color:#fff!important}.subscription-customizer__cta:disabled{opacity:.6;cursor:not-allowed}.subscription-customizer__cta:after{display:none}.subscription-customizer__cta .icon-nav-arrow-right,.subscription-customizer__cta .subscription-customizer__cta-arrow,.subscription-customizer__cta .subscription-customizer__cta-arrow svg{width:21px;height:10px;flex-shrink:0}.subscription-customizer__cta .subscription-customizer__cta-arrow{display:inline-flex;align-items:center;justify-content:center;color:inherit}.subscription-customizer__disclaimer{text-align:center;color:#414141;font-size:16px;margin:0;line-height:1.5}@media screen and (min-width:990px){.subscription-customizer{padding-top:128px;padding-bottom:58px}.subscription-customizer__inner{max-width:1440px;padding-left:64px;padding-right:64px}}@media screen and (max-width:989px){.subscription-customizer__title{font-size:40px;letter-spacing:-2px;margin-bottom:36px}.subscription-customizer__coffee-card{width:calc((100% - 58px) / 3);min-width:0}}@media screen and (max-width:768px){.subscription-customizer__title{font-size:32px;margin-bottom:32px}.subscription-customizer__step{margin-bottom:32px}.subscription-customizer__coffee-list{gap:12px}.subscription-customizer__coffee-card{width:100%;min-width:0}.subscription-customizer__summary-holder{margin-top:36px;padding:22px 20px 20px}.subscription-customizer__summary-total{font-size:20px}}.subscription-customizer__view-more-text{color:var(--text-text-heading, #384332);font-size:var(--typography-text-size-Text-Small, 16px);font-style:normal;font-weight:700;line-height:150%}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-subscription-customizer.css.map */