.roast-me{--roast-primary: #121212;--roast-primary-hover: #000000;--roast-secondary: #1a73e8;--roast-success: #2e7d32;--roast-warning: #e65100;--roast-error: #c62828;--roast-text: #121212;--roast-text-secondary: #666666;--roast-border: #e8e8e1;--roast-border-dark: #d4d4d4;--roast-bg: #ffffff;--roast-bg-soft: #f6f6f4;--roast-radius: 0;--roast-radius-sm: 4px;--roast-transition: .15s ease;--roast-shadow: 0 1px 3px rgba(0, 0, 0, .08);--roast-shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--roast-font: inherit;--roast-max-width: 120rem;--roast-gutter: 1.5rem}.roast-me{position:relative;width:100%;max-width:var(--roast-max-width);margin:0 auto;padding:0 var(--roast-gutter);font-family:var(--roast-font);color:var(--roast-text);line-height:1.5}.roast-me *,.roast-me *:before,.roast-me *:after{box-sizing:border-box}.roast-intro{text-align:center;padding:3rem 1rem 2rem;max-width:72rem;margin:0 auto}.roast-intro__title{font-size:2.4rem;font-weight:400;letter-spacing:.06rem;text-transform:uppercase;margin:0 0 1rem;color:var(--roast-text)}.roast-intro__subtitle{font-size:1.4rem;color:var(--roast-text-secondary);margin:0 0 2rem;line-height:1.6}.roast-how-it-works{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:80rem;margin:0 auto;text-align:center}.roast-how-it-works__step{padding:1rem}.roast-how-it-works__number{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:var(--roast-primary);color:#fff;font-size:1.4rem;font-weight:600;border-radius:50%;margin-bottom:.75rem}.roast-how-it-works__text{font-size:1.3rem;color:var(--roast-text-secondary);line-height:1.4}@media (max-width: 749px){.roast-intro{padding:2rem .5rem 1.5rem}.roast-intro__title{font-size:2rem}.roast-how-it-works{grid-template-columns:repeat(2,1fr);gap:1rem}.roast-how-it-works__number{width:2.8rem;height:2.8rem;font-size:1.2rem}.roast-how-it-works__text{font-size:1.2rem}}.roast-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe0;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.roast-loading--visible{opacity:1;pointer-events:auto}.roast-loading__card{background:var(--roast-bg);border:1px solid var(--roast-border);box-shadow:var(--roast-shadow-lg);padding:2.5rem 3rem;text-align:center;max-width:32rem}.roast-spinner{width:3.6rem;height:3.6rem;border:2px solid var(--roast-border);border-top-color:var(--roast-primary);border-radius:50%;animation:roast-spin .8s linear infinite;margin:0 auto 1.2rem}@keyframes roast-spin{to{transform:rotate(360deg)}}.spinner-text{font-size:1.4rem;color:var(--roast-text-secondary);letter-spacing:.02rem;line-height:1.5;min-height:2.1rem}.roast-status{padding:1.2rem 1.6rem;margin:0 0 2rem;font-size:1.4rem;line-height:1.5;border:1px solid;text-align:center}.roast-status--info{background:#e3f2fd;color:#1565c0;border-color:#90caf9}.roast-status--success{background:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}.roast-status--warning{background:#fff3e0;color:#e65100;border-color:#ffcc80}.roast-status--error{background:#ffebee;color:#c62828;border-color:#ef9a9a}.roast-steps{max-width:72rem;margin:0 auto;padding-bottom:4rem}.roast-step{padding:2.5rem 0;border-bottom:1px solid var(--roast-border)}.roast-step:last-child{border-bottom:none}.roast-step__header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.roast-step__number{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:var(--roast-bg-soft);border:1px solid var(--roast-border);color:var(--roast-text);font-size:1.4rem;font-weight:600;border-radius:50%;flex-shrink:0}.roast-step__title{font-size:1.6rem;font-weight:400;letter-spacing:.06rem;text-transform:uppercase;margin:0;color:var(--roast-text)}.roast-step__description{color:var(--roast-text-secondary);font-size:1.4rem;margin:0 0 1.5rem;line-height:1.6;max-width:60rem}.roast-upload{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.roast-upload__dropzone{position:relative;width:100%;max-width:40rem}.roast-upload__input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:2}.roast-upload__label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;border:2px dashed var(--roast-border-dark);background:var(--roast-bg-soft);color:var(--roast-text-secondary);transition:var(--roast-transition);cursor:pointer;text-align:center}.roast-upload__input:hover+.roast-upload__label,.roast-upload__input:focus+.roast-upload__label{border-color:var(--roast-primary);background:#fff}.roast-upload__icon{color:var(--roast-text-secondary);margin-bottom:1rem;opacity:.6}.roast-upload__label span{font-size:1.5rem;font-weight:500;color:var(--roast-text);margin-bottom:.4rem}.roast-upload__label small{font-size:1.3rem;color:var(--roast-text-secondary)}.roast-upload__preview{width:100%;max-width:40rem;text-align:center}.roast-upload--has-image .roast-upload__dropzone{display:none}.roast-upload__preview-img{max-width:100%;max-height:30rem;border:1px solid var(--roast-border);box-shadow:var(--roast-shadow)}.roast-btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem 3rem;font-size:1.4rem;font-weight:500;letter-spacing:.1rem;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:var(--roast-transition);text-decoration:none;font-family:inherit}.roast-btn:disabled{opacity:.5;cursor:not-allowed}.roast-btn--primary{background:var(--roast-primary);color:#fff;border-color:var(--roast-primary)}.roast-btn--primary:hover:not(:disabled){background:var(--roast-primary-hover);border-color:var(--roast-primary-hover)}.roast-btn--secondary{background:transparent;color:var(--roast-primary);border-color:var(--roast-primary)}.roast-btn--secondary:hover:not(:disabled){background:var(--roast-primary);color:#fff}.roast-btn--large{width:100%;max-width:40rem;padding:1.6rem 3rem;font-size:1.5rem}.roast-mode-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:60rem}@media (max-width: 599px){.roast-mode-selector{grid-template-columns:1fr}}.roast-mode-option{cursor:pointer;display:block}.roast-mode-option input{position:absolute;opacity:0;pointer-events:none}.roast-mode-option__card{display:flex;flex-direction:column;padding:2rem 1.5rem;border:1px solid var(--roast-border);background:var(--roast-bg);transition:var(--roast-transition);text-align:center;position:relative}.roast-mode-option input:checked+.roast-mode-option__card{border-color:var(--roast-primary);box-shadow:inset 0 0 0 1px var(--roast-primary)}.roast-mode-option:hover .roast-mode-option__card{border-color:var(--roast-text-secondary)}.roast-mode-option__badge{position:absolute;top:-.8rem;right:1.2rem;background:var(--roast-primary);color:#fff;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05rem;padding:.4rem .8rem}.roast-mode-option__title{font-size:1.8rem;font-weight:400;letter-spacing:.04rem;text-transform:uppercase;color:var(--roast-text);margin-bottom:.4rem}.roast-mode-option__subtitle{font-size:1.3rem;color:var(--roast-text-secondary);margin-bottom:1rem}.roast-mode-option__description{font-size:1.3rem;color:var(--roast-text-secondary);line-height:1.5;margin-bottom:1rem}.roast-mode-option__price{font-size:1.8rem;font-weight:500;color:var(--roast-text)}.roast-selection-summary{background:var(--roast-bg-soft);border:1px solid var(--roast-border);padding:1.5rem;margin-bottom:2rem}.roast-selection-summary__item{font-size:1.4rem;margin-bottom:1.2rem}.roast-selection-summary__item:last-child{margin-bottom:0}.roast-selection-summary__item strong{font-weight:500;color:var(--roast-text)}.roast-selected-text{display:block;margin-top:.6rem;padding:1rem 1.2rem;background:#fff;border:1px solid var(--roast-border);font-style:italic;color:var(--roast-text);font-size:1.4rem;line-height:1.5}.roast-back-list{list-style:none;padding:0;margin:.6rem 0 0}.roast-back-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1.2rem;background:#fff;border:1px solid var(--roast-border);margin-bottom:.5rem;font-style:italic;font-size:1.3rem}.roast-back-list li:last-child{margin-bottom:0}.roast-remove-btn{background:none;border:none;color:var(--roast-error);font-size:1.8rem;cursor:pointer;padding:0 .4rem;line-height:1;opacity:.7;transition:var(--roast-transition)}.roast-remove-btn:hover{opacity:1}.roast-options__instructions{font-size:1.4rem;color:var(--roast-text-secondary);margin:0 0 1.5rem;padding:1.2rem 1.5rem;background:var(--roast-bg-soft);border-left:3px solid var(--roast-primary);line-height:1.6}.roast-options__premium-note{display:block;margin-top:.5rem}.roast-options__list{display:flex;flex-direction:column;gap:1rem;max-height:50rem;overflow-y:auto;padding-right:.5rem}.roast-options__list::-webkit-scrollbar{width:6px}.roast-options__list::-webkit-scrollbar-track{background:var(--roast-bg-soft)}.roast-options__list::-webkit-scrollbar-thumb{background:var(--roast-border-dark)}.roast-option{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--roast-bg);border:1px solid var(--roast-border);transition:var(--roast-transition)}.roast-option:hover{border-color:var(--roast-border-dark)}.roast-option--selected-front{border-color:var(--roast-primary);box-shadow:inset 0 0 0 1px var(--roast-primary);background:#fafafa}.roast-option--selected-back{border-color:var(--roast-secondary);box-shadow:inset 0 0 0 1px var(--roast-secondary);background:#f8fafd}.roast-option__text{font-size:1.5rem;line-height:1.5;color:var(--roast-text)}.roast-option__actions{display:flex;gap:.8rem;flex-wrap:wrap}.roast-option__btn{padding:.8rem 1.4rem;font-size:1.2rem;font-weight:500;letter-spacing:.05rem;text-transform:uppercase;border:1px solid;cursor:pointer;transition:var(--roast-transition);background:#fff;font-family:inherit}.roast-option__btn:disabled{opacity:.4;cursor:not-allowed}.roast-option__btn--front{border-color:var(--roast-primary);color:var(--roast-primary)}.roast-option__btn--front:hover:not(:disabled){background:var(--roast-primary);color:#fff}.roast-option__btn--front.active{background:var(--roast-primary);color:#fff}.roast-option__btn--back{border-color:var(--roast-secondary);color:var(--roast-secondary)}.roast-option__btn--back:hover:not(:disabled){background:var(--roast-secondary);color:#fff}.roast-option__btn--back.active{background:var(--roast-secondary);color:#fff}.roast-step-4{background:var(--roast-bg-soft);border:2px solid var(--roast-primary);padding:2rem;margin-top:1rem}.roast-step-4 .roast-step__header{margin-bottom:1.5rem}.roast-step-4 .roast-step__number{background:var(--roast-primary);color:#fff;border-color:var(--roast-primary)}.roast-step-4__description{margin-bottom:1.5rem}.roast-manifest{background-color:#f8f8f6;border:2px dashed var(--roast-border-dark);padding:1.5rem;font-family:Courier New,Courier,monospace;margin-bottom:1.5rem;position:relative}.roast-manifest__header{font-weight:700;letter-spacing:.1em;font-size:1.2rem;color:var(--roast-text-secondary);border-bottom:1px solid var(--roast-border);padding-bottom:.75rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase}.roast-manifest__icon{font-size:1.4rem}.roast-manifest__content{display:flex;flex-direction:column;gap:1rem}.roast-manifest__row{display:flex;flex-direction:column;gap:.25rem}.roast-manifest__label{font-weight:700;font-size:1.1rem;color:var(--roast-text-secondary);letter-spacing:.05em}.roast-manifest__value{font-size:1.3rem;line-height:1.4;color:var(--roast-text);word-break:break-word}.roast-manifest__value--empty{color:var(--roast-text-secondary);font-style:italic}@media (min-width: 750px){.roast-manifest__row{flex-direction:row;gap:1rem;align-items:flex-start}.roast-manifest__label{min-width:70px;flex-shrink:0}}.roast-step-4-actions{display:flex;justify-content:center}.roast-btn--handoff{width:100%;max-width:40rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.roast-btn__text{flex:1;text-align:center}.roast-btn__arrow{font-size:1.4em;line-height:1;opacity:.8}.roast-btn--handoff:disabled .roast-btn__arrow{display:none}.roast-mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--roast-bg);border-top:1px solid var(--roast-border);box-shadow:0 -2px 10px #0000001a;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.roast-mobile-cta__text{font-size:1.3rem;color:var(--roast-text);text-align:center;line-height:1.4}.roast-mobile-cta__text strong{font-weight:600}.roast-mobile-cta__btn{width:100%;max-width:32rem;padding:1.2rem 2rem}@media (min-width: 900px){.roast-mobile-cta{display:none!important}}@media (max-width: 899px){.roast-me{padding-bottom:10rem}}.roast-me-size-highlight{animation:roast-highlight-pulse .5s ease-in-out 2}@keyframes roast-highlight-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 4px #c628284d}}.roast-manifest__row--back{flex-direction:column;align-items:flex-start}.roast-manifest__list-container{width:100%;margin-top:.5rem}.roast-manifest__list{list-style:none;padding:0;margin:0}.roast-manifest__list li{font-size:1.2rem;line-height:1.4;color:var(--roast-text);padding:.25rem 0 .25rem 1rem;position:relative}.roast-manifest__list li:before{content:"\2022";position:absolute;left:0;color:var(--roast-text-secondary)}.roast-manifest__list--empty{font-style:italic;color:var(--roast-text-secondary)}.product-form,.product-form__buttons,.product-form__submit,form[action="/cart/add"],form[action="/cart/add"] [type=submit],form[action="/cart/add"] [name=add]{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;pointer-events:auto!important}@media (max-width: 749px){.roast-me{--roast-gutter: 1.5rem}.roast-step{padding:2rem 0}.roast-step__header{gap:1rem}.roast-step__number{width:2.8rem;height:2.8rem;font-size:1.3rem}.roast-step__title{font-size:1.4rem}.roast-step__description{font-size:1.3rem}.roast-upload__label{padding:3rem 1.5rem}.roast-btn{padding:1.2rem 2rem;font-size:1.3rem}.roast-btn--large{padding:1.4rem 2rem;font-size:1.4rem}.roast-option{padding:1.2rem}.roast-option__text{font-size:1.4rem}.roast-option__actions{flex-direction:column}.roast-option__btn{width:100%;text-align:center}}@media (max-width: 480px){.roast-intro__title{font-size:1.8rem}.roast-intro__subtitle{font-size:1.3rem}.roast-how-it-works{grid-template-columns:1fr;gap:.8rem}.roast-how-it-works__step{display:flex;align-items:center;gap:1rem;text-align:left;padding:.8rem 0}.roast-how-it-works__number{margin-bottom:0;flex-shrink:0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/roast-me.css.map */