:root{--roast-selection-width: 700px}.subscription-step>div>.step-label,.label-text,.subscription-subtext,.grind-type-text,.quantity-label,.quantity-price,.quantity-description,.frequency-number,.frequency-text{font-family:Sofia_Pro_Regular!important}.subscription-page,.subscription-step,.subscription-options{text-transform:uppercase}.subscription-page{display:flex;justify-content:center;background:#31281f}.subscription-page form{display:flex;flex-direction:column;width:100%;align-items:center}.subscription-page h2,.subscription-options,.subscription-subtext p{color:#fff!important;text-align:center;margin-top:0}.subscription-subtext{text-transform:none}.subscription-step{width:60%;max-width:700px;margin-top:80px}.subscription-step_text{display:flex;align-items:center;column-gap:5px;line-height:1}.subscription-step>div>.circle,.subscription-step>div>.step-label{color:#ca9a56!important}.subscription-step>div>.step-label{font-size:12px}.subscription-step h2{font-size:36px}#step-3{width:90%;max-width:95vw}#step-3 h2,#step-3 .subscription-subtext,#step-3 .subscription-step_text{max-width:700px;width:100%;margin:auto}#step-3 .subscription-subtext{margin-top:20px;margin-bottom:50px}@media (max-width: 989px){:root{--roast-selection-width: 480px}.subscription-step{width:90%}.quantity-label,.price-container .quantity-compare-price,.price-container .quantity-price{font-size:15px!important}}@media (max-width: 489px){:root{--roast-selection-width: 320px}}.subscription-options{text-align:center;font-family:Arial,sans-serif}.roast-selection{position:relative;width:var(--roast-selection-width);margin:70px auto 0;display:flex;justify-content:space-between;align-items:center;min-height:150px}.roast-selection:before,.roast-selection:after{content:"";position:absolute;top:39.15%;height:1px;z-index:1}.roast-selection:before{width:calc(var(--roast-selection-width) / 2);background:linear-gradient(to right,#f9f3eb,#e4cba8)}.roast-selection:after{left:calc(var(--roast-selection-width) / 2);width:calc(var(--roast-selection-width) / 2);background:linear-gradient(to right,#e4cba8,#ca9a56)}.roast-option{flex:1;position:relative;text-align:center;cursor:pointer}.roast-option input[type=radio]{display:none}.custom-radio{display:inline-block;width:21px;height:21px;border-radius:50%;background-color:#31281f;position:relative;vertical-align:middle;z-index:2}.custom-radio:nth-child(1){border:2px solid #f9f3eb}.custom-radio:nth-child(2){border:2px solid #e4cba8}.custom-radio:nth-child(3){border:2px solid #ca9a56}.custom-radio svg{position:absolute;top:-55px;left:50%;transform:translate(-50%);width:124px;height:40px;opacity:0;pointer-events:none;transition:opacity .5s ease}.custom-radio svg path{fill:transparent;transition:fill .5s ease}.roast-option:nth-child(1) input[type=radio]:checked+.custom-radio{background-color:#f9f3eb;border-color:#f9f3eb}.roast-option:nth-child(1) input[type=radio]:checked+.custom-radio svg{opacity:1}.roast-option:nth-child(1) input[type=radio]:checked+.custom-radio svg path{fill:#f9f3eb}.roast-option:nth-child(2) input[type=radio]:checked+.custom-radio{background-color:#e4cba8;border-color:#e4cba8}.roast-option:nth-child(2) input[type=radio]:checked+.custom-radio svg{opacity:1}.roast-option:nth-child(2) input[type=radio]:checked+.custom-radio svg path{fill:#e4cba8}.roast-option:nth-child(3) input[type=radio]:checked+.custom-radio{background-color:#ca9a56;border-color:#ca9a56}.roast-option:nth-child(3) input[type=radio]:checked+.custom-radio svg{opacity:1}.roast-option:nth-child(3) input[type=radio]:checked+.custom-radio svg path{fill:#ca9a56}.label-text{display:block;margin-top:8px;font-size:14px;font-weight:700;text-transform:uppercase}.roast-option:nth-child(1) .label-text{color:#f9f3eb}.roast-option:nth-child(2) .label-text{color:#e4cba8}.roast-option:nth-child(3) .label-text{color:#ca9a56}.grind-type-selection{position:relative;width:var(--container-width);margin:0 auto;display:flex;justify-content:center;align-items:center;gap:50px;min-height:120px}.grind-type-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-align:center;position:relative;z-index:2}.grind-type-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.grind-type-radio{width:125px;height:125px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;opacity:.5;transition:opacity .5s ease}.grind-type-text{font-size:16px;color:#fff;opacity:.5;transition:opacity .5s ease}.grind-type-option input[type=radio]:checked+.grind-type-radio{opacity:1}.grind-type-option input[type=radio]:checked~.grind-type-text{opacity:1}.grind-type-option:hover .grind-type-radio,.grind-type-option:hover .grind-type-text{opacity:.8}@media (max-width: 989px){.grind-type-selection{gap:40px}}.quantity-selection{position:relative;width:var(--container-width);margin:0 auto;display:flex;min-height:120px;gap:15px}.quantity-option{position:relative;cursor:pointer;display:flex;flex-direction:column}.quantity-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.quantity-image{width:100%;height:100%;margin-bottom:15px;opacity:.5;transition:opacity .5s ease}.quantity-text-container{background:#ca9a56;padding:45px 30px 15px;border-radius:20px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto auto;column-gap:30px;opacity:.5;transition:opacity .5s ease;position:relative;padding-top:}.quantity-radio-visual{width:20px;height:20px;border:2px solid white;border-radius:50%;grid-row:1 / 5;align-self:center;position:relative}.quantity-option input[type=radio]:checked~.quantity-text-container .quantity-radio-visual:after{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.quantity-label{color:#fff;font-weight:600;font-size:16px;grid-column:2;grid-row:1;text-align:left}.quantity-price{color:#fff;font-weight:600;font-size:16px;grid-column:3;grid-row:1}.quantity-compare-price{color:#fff;font-weight:400;font-size:16px;font-family:Sofia_Pro_Regular!important;opacity:.8}.quantity-option .img-src.discount-percent{display:inline-flex;padding:0 12px 0 5px;border-radius:12px;margin-right:8px;gap:6px;align-items:center;margin-top:2px;background:linear-gradient(77deg,var(--recurpay_cart_transition_color) 0,var(--recurpay_cart_primary_color));white-space:nowrap;width:max-content;line-height:24px;font-size:13px;color:var(--recurpay_cart_button_text_color, #fff);margin-bottom:5px;position:absolute;top:10px;right:20px}.quantity-option .img-src.discount-percent img{width:14px;height:14px;min-width:14px;max-width:14px}.quantity-option .img-src.discount-percent span{margin:0;color:var(--recurpay_cart_button_text_color);line-height:24px;font-size:13px;font-family:Sofia_Pro_Regular!important}.quantity-text-container:after{content:"";grid-column:2 / 4;grid-row:2;height:1px;background-color:#fff3;margin:5px 0}.quantity-description{color:#fff;font-size:14px;grid-column:2 / 4;grid-row:3;opacity:.8;text-align:left;text-transform:none}.quantity-option input[type=radio]:checked~.quantity-image,.quantity-option input[type=radio]:checked~.quantity-text-container{opacity:1}.quantity-option:hover .quantity-image,.quantity-option:hover .quantity-text-container{opacity:.8}@media (max-width: 989px){.quantity-selection-container{position:relative}.quantity-selection{gap:0}.quantity-text-container{column-gap:10px}}.frequency-selection{position:relative;width:var(--container-width);margin:0 auto;display:flex;justify-content:center;align-items:center;gap:50px;min-height:120px}.frequency-option{position:relative;cursor:pointer;text-align:center}.frequency-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.frequency-radio{width:125px;height:125px;border:2px solid #ca9a56;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.5;transition:opacity .5s ease}.frequency-number{color:#fff;font-size:24px;font-weight:700;margin-bottom:5px}.frequency-text{color:#fff;font-size:14px;line-height:1.2;text-transform:uppercase}.frequency-option input[type=radio]:checked+.frequency-radio{opacity:1}.frequency-option:hover .frequency-radio{opacity:.8}@media (max-width: 989px){.frequency-selection{gap:40px;flex-wrap:wrap}}.submit-section{margin:50px 0}.subscribe-button{border-radius:100px;cursor:pointer;background:#ca9a56;border:none;padding:20px 30px;color:#fff;font-size:20px;font-family:Sofia_Pro_Regular,sans-serif!important;font-weight:500;line-height:1;transition:all .2s ease-in}.subscribe-button:hover{scale:1.1}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0;cursor:none}.swiper-button-next,.swiper-button-prev{top:40%;color:#cb9a57}
/*# sourceMappingURL=/cdn/shop/t/9/assets/cc-subscription.css.map */