.custom-flow{--cf-bg: #0d0d0d;--cf-bg-elevated: #1a1a1a;--cf-bg-card: #141414;--cf-text: #ffffff;--cf-text-secondary: #a0a0a0;--cf-text-muted: #666666;--cf-accent: #92c02c;--cf-accent-hover: #7da525;--cf-border: #2a2a2a;--cf-border-hover: #444444;--cf-error: #ef4444;--cf-radius: 12px;--cf-radius-sm: 8px;--cf-radius-pill: 100px;--cf-transition: .3s cubic-bezier(.4, 0, .2, 1);--cf-max-width: 720px}body:has(.custom-flow) .header-wrapper,body:has(.custom-flow) sticky-header{height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:none!important;overflow:visible!important}body:has(.custom-flow) header.header{visibility:hidden!important;height:0!important;overflow:hidden!important}body:has(.custom-flow) cart-drawer{visibility:visible!important}body:has(.custom-flow) cart-drawer>details>summary{display:none!important}body:has(.custom-flow) .announcement-bar-section,body:has(.custom-flow) .shopify-section-announcement-bar,body:has(.custom-flow) .shopify-section-footer,body:has(.custom-flow) .shopify-section-footer-group,body:has(.custom-flow) .shopify-section-overlay-group{display:none!important}.custom-flow{background-color:var(--cf-bg);color:var(--cf-text);min-height:100vh;min-height:100dvh;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-flow *,.custom-flow *:before,.custom-flow *:after{box-sizing:border-box}.cf-header{display:flex;align-items:center;justify-content:center;padding:24px 20px;position:relative;z-index:10}.cf-header__logo{position:absolute;left:20px;top:50%;transform:translateY(-50%);text-decoration:none;display:flex;align-items:center}.cf-header__logo img{height:64px;width:auto;display:block}.cf-header__logo-text{font-size:20px;font-weight:700;color:var(--cf-text);letter-spacing:.02em}.cf-header__cart{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;color:var(--cf-text);transition:color var(--cf-transition)}.cf-header__cart:hover{color:var(--cf-accent)}.cf-header__cart svg{width:24px;height:24px}.cf-header__cart-count{position:absolute;top:2px;right:2px;background:var(--cf-accent);color:#000;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.cf-category-toggle{display:inline-flex;background:var(--cf-bg-elevated);border:1px solid var(--cf-border);border-radius:var(--cf-radius-pill);padding:4px}.cf-category-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border:none;border-radius:var(--cf-radius-pill);background:transparent;color:var(--cf-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--cf-transition);white-space:nowrap;line-height:1.4}.cf-category-btn:hover{color:var(--cf-text)}.cf-category-btn.is-active{background:var(--cf-accent);color:#000}.cf-category-btn svg{width:16px;height:16px;flex-shrink:0}.cf-steps{text-align:center;padding:20px 20px 0}.cf-steps ol{display:inline-flex;align-items:center;gap:12px;list-style:none;margin:0;padding:0}.cf-step{font-size:14px;color:var(--cf-text-muted);transition:color var(--cf-transition)}.cf-step.is-active{color:var(--cf-text);font-weight:600}.cf-step.is-completed{color:var(--cf-accent)}.cf-step-divider{color:var(--cf-text-muted);font-size:14px;-webkit-user-select:none;user-select:none}.cf-hero{text-align:center;padding:24px 20px 16px;max-width:640px;margin:0 auto}.cf-hero__title{font-size:clamp(28px,5vw,48px);font-weight:400;line-height:1.2;margin:0 0 12px;color:var(--cf-text);display:none}.cf-hero__title.is-active{display:block}.cf-hero__title em{font-style:italic}.cf-hero__subtitle{font-size:16px;color:var(--cf-text-secondary);margin:0;line-height:1.5}.cf-form{max-width:var(--cf-max-width);margin:0 auto;padding:0 20px}.cf-panel{display:none;animation:cfFadeSlideIn .4s ease forwards}.cf-panel.is-active{display:block}@keyframes cfFadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cf-upload-zone{border:2px dashed var(--cf-border);border-radius:var(--cf-radius);background:var(--cf-bg-elevated);transition:all var(--cf-transition);overflow:hidden}.cf-upload-zone.is-dragover{border-color:var(--cf-accent);background:#92c02c0d}.cf-upload-zone.has-file{border-style:solid}.cf-upload-zone__idle{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px;text-align:center;cursor:pointer;transition:background var(--cf-transition)}.cf-upload-zone__idle:hover{background:#ffffff05}.cf-upload-zone__icon{width:48px;height:48px;border-radius:50%;background:var(--cf-bg-card);border:1px solid var(--cf-border);display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative}.cf-upload-zone__icon svg{width:22px;height:22px;color:var(--cf-text-secondary)}.cf-upload-zone__icon:after{content:"+";position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:var(--cf-accent);color:#000;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.cf-upload-zone__text{font-size:16px;font-weight:500;color:var(--cf-text);margin:0 0 4px}.cf-upload-zone__hint{font-size:14px;color:var(--cf-text-muted);margin:0}.cf-upload-zone__browse,.cf-upload-zone__browse input[type=file]{display:none}.cf-upload-zone__formats{font-size:12px;color:var(--cf-text-muted);margin:4px 0 0}.cf-upload-zone__preview{display:flex;align-items:center;gap:16px;padding:20px}.cf-upload-zone__preview[hidden]{display:none}.cf-upload-zone__thumb{width:80px;height:80px;border-radius:var(--cf-radius-sm);overflow:hidden;flex-shrink:0;background:var(--cf-bg-card)}.cf-upload-zone__thumb img{width:100%;height:100%;object-fit:cover;display:block}.cf-upload-zone__info{flex:1;min-width:0}.cf-upload-zone__filename{font-size:14px;font-weight:500;color:var(--cf-text);margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-upload-zone__change{background:none;border:1px solid var(--cf-border);border-radius:var(--cf-radius-pill);color:var(--cf-text-secondary);font-size:13px;padding:6px 14px;cursor:pointer;transition:all var(--cf-transition)}.cf-upload-zone__change:hover{border-color:var(--cf-text-secondary);color:var(--cf-text)}.cf-upload-error{text-align:center;font-size:13px;color:var(--cf-error);margin:8px 0 0;display:none}.cf-upload-error.is-visible{display:block}.cf-idea-divider{display:flex;align-items:center;gap:16px;margin:16px 0;color:var(--cf-text-muted);font-size:13px}.cf-idea-divider:before,.cf-idea-divider:after{content:"";flex:1;height:1px;background:var(--cf-border)}.cf-idea-textarea{min-height:72px}.cf-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border:none;cursor:pointer;transition:all var(--cf-transition);text-decoration:none;line-height:1.4}.cf-btn--primary{background:var(--cf-accent);color:#000;border-radius:var(--cf-radius-pill);font-size:15px;padding:14px 32px}.cf-btn--primary:hover:not(:disabled){background:var(--cf-accent-hover);transform:translateY(-1px)}.cf-btn--primary:active:not(:disabled){transform:translateY(0)}.cf-btn--primary:disabled{opacity:.35;cursor:not-allowed}.cf-btn--next{width:100%;margin-top:16px}.cf-btn--back{background:none;border:none;color:var(--cf-text-secondary);font-size:14px;padding:8px 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;transition:color var(--cf-transition)}.cf-btn--back:hover{color:var(--cf-text)}.cf-btn--back svg{width:16px;height:16px}.cf-upload-summary{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--cf-bg-elevated);border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);margin-bottom:28px}.cf-upload-summary__thumb{width:48px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0}.cf-upload-summary__thumb img{width:100%;height:100%;object-fit:cover;display:block}.cf-upload-summary__name{flex:1;font-size:14px;color:var(--cf-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-upload-summary__edit{background:none;border:none;color:var(--cf-accent);font-size:13px;font-weight:500;cursor:pointer;flex-shrink:0;padding:4px 8px}.cf-upload-summary__edit:hover{text-decoration:underline}.cf-option-group{margin-bottom:28px}.cf-option-group__title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--cf-text);margin:0 0 12px}.cf-optional{font-weight:400;text-transform:none;letter-spacing:0;color:var(--cf-text-muted)}.cf-art-styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.cf-art-style{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;background:var(--cf-bg-elevated);border:2px solid var(--cf-border);border-radius:var(--cf-radius);cursor:pointer;transition:all var(--cf-transition);color:var(--cf-text-secondary)}.cf-art-style:hover{border-color:var(--cf-border-hover);color:var(--cf-text)}.cf-art-style.is-active{border-color:var(--cf-accent);color:var(--cf-text)}.cf-art-style__img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:calc(var(--cf-radius) - 4px)}.cf-art-style__placeholder{width:100%;aspect-ratio:1;background:var(--cf-bg-card);border-radius:calc(var(--cf-radius) - 4px);display:flex;align-items:center;justify-content:center}.cf-art-style__placeholder svg{width:28px;height:28px;color:var(--cf-text-muted)}.cf-art-style__label{font-size:12px;font-weight:500;text-align:center}.cf-size-pills{display:flex;flex-wrap:wrap;gap:8px}.cf-pill{padding:10px 20px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-pill);background:transparent;color:var(--cf-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--cf-transition);white-space:nowrap}.cf-pill:hover{border-color:var(--cf-text-secondary);color:var(--cf-text)}.cf-pill.is-active{border-color:var(--cf-accent);background:#92c02c1a;color:var(--cf-accent)}.cf-pill.is-unavailable{opacity:.35;cursor:not-allowed;text-decoration:line-through}.cf-swatch.is-unavailable,.cf-art-style.is-unavailable{opacity:.35;cursor:not-allowed}.cf-frame-swatches{display:flex;flex-wrap:wrap;gap:12px}.cf-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:2px solid transparent;border-radius:var(--cf-radius-sm);background:none;cursor:pointer;transition:all var(--cf-transition);min-width:64px}.cf-swatch:hover{border-color:var(--cf-border)}.cf-swatch.is-active{border-color:var(--cf-accent)}.cf-swatch__visual{width:48px;height:48px;border-radius:8px;border:2px solid var(--cf-border);transition:border-color var(--cf-transition);background-size:cover;background-position:center}.cf-swatch.is-active .cf-swatch__visual{border-color:var(--cf-accent)}.cf-swatch__visual[data-frame=black-frame]{background-image:url(frame-black.jpeg)}.cf-swatch__visual[data-frame=white-frame]{background-image:url(frame-white.jpeg)}.cf-swatch__visual[data-frame=dark-wood-frame]{background-image:url(frame-dark-wood.jpeg)}.cf-swatch__visual[data-frame=light-wood-frame]{background-image:url(frame-light-wood.jpg)}.cf-swatch__visual[data-frame=stretched-canvas]{background-image:url(frame-stretched-canvas.jpeg)}.cf-swatch__visual[data-frame=without-frame-rolled]{background:var(--cf-bg-card);border-style:dashed}.cf-swatch__label{font-size:11px;color:var(--cf-text-muted);transition:color var(--cf-transition);text-align:center;line-height:1.3}.cf-swatch.is-active .cf-swatch__label{color:var(--cf-text)}.cf-textarea{width:100%;min-height:80px;padding:12px 16px;background:var(--cf-bg-elevated);border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);color:var(--cf-text);font-size:14px;line-height:1.5;resize:vertical;transition:border-color var(--cf-transition);font-family:inherit}.cf-textarea::placeholder{color:var(--cf-text-muted)}.cf-textarea:focus{outline:none;border-color:var(--cf-accent)}.cf-footer{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#0d0d0df2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--cf-border);padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--cf-transition)}.cf-footer.is-visible{transform:translateY(0)}body.mini-cart--open .cf-footer,body.mini-cart--opening .cf-footer,body.mini-cart--closing .cf-footer{transform:translateY(100%)!important;pointer-events:none}.cf-footer__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--cf-max-width);margin:0 auto;gap:16px}.cf-footer__price{display:flex;align-items:baseline;gap:8px}.cf-footer__price-label{font-size:13px;color:var(--cf-text-muted)}.cf-footer__price-value{font-size:24px;font-weight:700;color:var(--cf-text)}.cf-footer__price-compare{font-size:14px;color:var(--cf-text-muted);text-decoration:line-through}.cf-btn--cart{flex-shrink:0;padding:14px 28px}.cf-social-proof{text-align:center;padding:20px 0}.cf-social-proof__review-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--cf-text);transition:opacity var(--cf-transition)}.cf-social-proof__review-link:hover{opacity:.8}.cf-social-proof__stars{color:var(--cf-accent);font-size:18px;letter-spacing:2px}.cf-social-proof__rating{font-size:16px;font-weight:700;color:var(--cf-text)}.cf-social-proof__review-count{font-size:14px;color:var(--cf-text-secondary);text-decoration:underline;text-underline-offset:2px}.cf-social-proof__tagline{font-size:14px;color:var(--cf-text-muted);margin:8px 0 0;display:none}.cf-social-proof__tagline.is-active{display:block}.cf-showcase{max-width:var(--cf-max-width);margin:0 auto;padding:0 20px 20px}.cf-showcase__group{display:none}.cf-showcase__group.is-active{display:block}.cf-showcase__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cf-showcase__slot{position:relative;aspect-ratio:3 / 4;border-radius:var(--cf-radius);overflow:hidden;background:var(--cf-bg-elevated)}.cf-showcase__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease-in-out}.cf-showcase__img.is-active{opacity:1;z-index:1}.cf-showcase__placeholder{width:100%;height:100%;background:var(--cf-bg-card)}@media screen and (min-width:768px){.cf-header{padding:28px 40px}.cf-header__logo{left:40px}.cf-header__cart{right:40px}.cf-hero{padding:28px 40px 16px}.cf-form{padding:0 40px}.cf-upload-zone__idle{padding:20px 40px}.cf-art-styles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.cf-gallery{padding:56px 40px 48px}.cf-gallery__grid{gap:16px}.cf-footer{position:relative;transform:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:none;padding:32px 0 0;margin-top:8px;display:none}.cf-footer.is-visible{display:block;transform:none}.cf-footer__inner{background:var(--cf-bg-elevated);border:1px solid var(--cf-border);border-radius:var(--cf-radius);padding:20px 24px}.cf-btn--cart{padding:14px 40px}}@media screen and (max-width:767px){.cf-header{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:10px 16px 12px}.cf-header__logo{position:static;transform:none}.cf-header__logo img{height:36px}.cf-header__cart{position:static;transform:none}.cf-category-toggle{width:100%;justify-content:center}.cf-category-btn{flex:1;justify-content:center;padding:10px 14px;font-size:14px}.cf-category-btn svg{width:14px;height:14px}.cf-steps{padding:12px 16px 0}.cf-step{font-size:12px}.cf-hero{padding:14px 16px 12px}.cf-hero__title{font-size:24px}.cf-hero__subtitle{font-size:14px}.cf-form{padding:0 16px 16px}.cf-upload-zone__idle{padding:24px 16px}.cf-upload-zone__icon{width:40px;height:40px;margin-bottom:10px}.cf-upload-zone__icon svg{width:18px;height:18px}.cf-upload-zone__text{font-size:14px}.cf-option-group{margin-bottom:20px}.cf-option-group__title{font-size:12px;margin-bottom:10px}.cf-pill{padding:8px 14px;font-size:13px}.cf-art-styles{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.cf-art-style{padding:8px 6px;gap:6px}.cf-art-style__label{font-size:11px}.cf-swatch{min-width:56px;padding:6px}.cf-swatch__visual{width:40px;height:40px}.cf-swatch__label{font-size:10px}.cf-footer__price-value{font-size:20px}.cf-btn--cart{padding:12px 20px;font-size:14px}.cf-upload-summary{padding:10px 12px;margin-bottom:20px}.cf-upload-summary__thumb{width:40px;height:40px}.cf-btn--next{margin-top:20px;padding:12px 24px;font-size:14px}.cf-textarea{font-size:13px;min-height:64px}.cf-social-proof{padding:16px 0}.cf-social-proof__stars,.cf-social-proof__rating{font-size:14px}.cf-social-proof__review-count,.cf-social-proof__tagline{font-size:12px}.cf-idea-divider{margin:16px 0}.cf-showcase{padding:0 12px 20px}.cf-showcase__grid{gap:8px}}.cf-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;animation:cfOverlayIn .3s ease forwards}.cf-popup-overlay[hidden]{display:none}@keyframes cfOverlayIn{0%{opacity:0}to{opacity:1}}.cf-popup{background:var(--cf-bg-elevated, #1a1a1a);border:1px solid var(--cf-border, #2a2a2a);border-radius:16px;padding:40px 32px;max-width:420px;width:100%;text-align:center;transform:translateY(20px) scale(.96);animation:cfPopupIn .35s cubic-bezier(.34,1.56,.64,1) .1s forwards}@keyframes cfPopupIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cf-popup__icon{width:64px;height:64px;margin:0 auto 20px;background:#92c02c1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.cf-popup__icon svg{width:32px;height:32px;color:var(--cf-accent, #4ade80)}.cf-popup__title{font-size:22px;font-weight:600;color:var(--cf-text, #ffffff);margin:0 0 12px;line-height:1.3}.cf-popup__message{font-size:15px;line-height:1.6;color:var(--cf-text-secondary, #a0a0a0);margin:0 0 8px}.cf-popup__note{font-size:13px;color:var(--cf-text-muted, #666666);margin:0 0 28px}.cf-popup__cta{width:100%;padding:16px 32px;font-size:16px}.cf-hidden{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/77/assets/custom-flow.css.map */