:root{--lpc-cream: #FDF8F3;--lpc-brown: #8B7355;--lpc-taupe: #A69080;--lpc-dusty-rose: #C9B8A8;--lpc-dark: #3D3229;--lpc-light-rose: #E8E0D8;--lpc-scent-lavender: linear-gradient(135deg, #E8D8E8 0%, #D4C8D4 100%);--lpc-scent-vanilla: linear-gradient(135deg, #F5E6D3 0%, #E8D4BC 100%);--lpc-scent-sandalwood: linear-gradient(135deg, #D4C8B8 0%, #C8B8A0 100%);--lpc-scent-linen: linear-gradient(135deg, #E8F0F0 0%, #D8E4E4 100%);--lpc-scent-ocean: linear-gradient(135deg, #D0E8F0 0%, #B8D8E8 100%);--lpc-scent-rose: linear-gradient(135deg, #F0D8E0 0%, #E8C8D0 100%);--lpc-font-heading: "Playfair Display", Georgia, serif;--lpc-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--lpc-space-xs: .25rem;--lpc-space-sm: .5rem;--lpc-space-md: 1rem;--lpc-space-lg: 1.5rem;--lpc-space-xl: 2rem;--lpc-space-2xl: 3rem;--lpc-transition-fast: .15s ease;--lpc-transition-normal: .3s ease;--lpc-transition-slow: .4s ease-out;--lpc-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--lpc-shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--lpc-shadow-lg: 0 4px 20px rgba(61, 50, 41, .12);--lpc-shadow-selected: 0 4px 16px rgba(139, 115, 85, .25)}.lpc-product-stepper{display:flex;flex-direction:column;gap:var(--lpc-space-lg);padding:var(--lpc-space-lg) 0}@media screen and (min-width:768px){.lpc-product-stepper{flex-direction:row;gap:var(--lpc-space-2xl);padding:var(--lpc-space-xl) 0}}.lpc-preview-column{flex:0 0 100%;order:1}@media screen and (min-width:768px){.lpc-preview-column{flex:0 0 50%;order:1}}.lpc-preview-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--lpc-cream);border-radius:12px;overflow:hidden}@media screen and (min-width:768px){.lpc-preview-wrapper{aspect-ratio:4 / 5;border-radius:12px;box-shadow:var(--lpc-shadow-lg)}}.lpc-preview-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity var(--lpc-transition-normal)}.lpc-preview-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;aspect-ratio:1 / .6;background:#fff;border-radius:4px;box-shadow:0 2px 12px #0000001a;display:flex;align-items:center;justify-content:center;overflow:hidden}.lpc-preview-photo{width:100%;height:100%;object-fit:cover;border-radius:2px}.lpc-preview-text{font-family:var(--lpc-font-heading);font-style:italic;font-size:14px;color:var(--lpc-dark);text-align:center;padding:8px;word-break:break-word;max-width:90%}.lpc-preview-scent-badge{position:absolute;bottom:12px;right:12px;width:40px;height:40px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--lpc-shadow-md);opacity:0;transform:scale(.8);transition:all var(--lpc-transition-normal)}.lpc-preview-scent-badge.visible{opacity:1;transform:scale(1)}.lpc-preview-scent-badge svg{width:20px;height:20px;color:var(--lpc-brown)}.lpc-steps-column{flex:0 0 100%;order:2}@media screen and (min-width:768px){.lpc-steps-column{flex:0 0 45%;order:2}}.lpc-step-progress{display:flex;gap:8px;margin-bottom:var(--lpc-space-lg)}.lpc-step-progress-bar{flex:1;height:4px;background:var(--lpc-light-rose);border-radius:2px;overflow:hidden}.lpc-step-progress-fill{height:100%;width:0;background:var(--lpc-brown);border-radius:2px;transition:width var(--lpc-transition-slow)}.lpc-step-progress-bar.active .lpc-step-progress-fill{width:100%}.lpc-step{display:none;animation:lpc-fadeIn var(--lpc-transition-normal)}.lpc-step.active{display:block}@keyframes lpc-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lpc-step-header{margin-bottom:var(--lpc-space-lg)}.lpc-step-title{font-family:var(--lpc-font-heading);font-size:1.5rem;font-weight:600;color:var(--lpc-dark);margin:0 0 4px}.lpc-step-subtitle{font-family:var(--lpc-font-body);font-size:.875rem;color:var(--lpc-taupe);margin:0}.lpc-scent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--lpc-space-md)}@media screen and (min-width:768px){.lpc-scent-grid{grid-template-columns:repeat(3,1fr);gap:var(--lpc-space-lg)}}.lpc-scent-swatch{display:flex;flex-direction:column;align-items:center;gap:var(--lpc-space-sm);padding:var(--lpc-space-md);background:transparent;border:none;cursor:pointer;transition:all var(--lpc-transition-fast)}.lpc-scent-swatch:focus-visible{outline:2px solid var(--lpc-brown);outline-offset:4px;border-radius:8px}.lpc-swatch-circle{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid transparent;box-shadow:var(--lpc-shadow-sm);transition:all var(--lpc-transition-fast);position:relative;overflow:hidden}@media screen and (min-width:768px){.lpc-swatch-circle{width:72px;height:72px}}.lpc-swatch-circle:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;transition:all var(--lpc-transition-fast)}.lpc-scent-swatch:hover .lpc-swatch-circle{box-shadow:var(--lpc-shadow-md);transform:translateY(-2px)}.lpc-scent-swatch.selected .lpc-swatch-circle{border-color:var(--lpc-brown);box-shadow:var(--lpc-shadow-selected)}.lpc-scent-swatch.selected .lpc-swatch-circle:before{top:6px;right:6px;bottom:6px;left:6px}.lpc-scent-swatch[data-scent=lavender] .lpc-swatch-circle:before{background:var(--lpc-scent-lavender)}.lpc-scent-swatch[data-scent=vanilla] .lpc-swatch-circle:before{background:var(--lpc-scent-vanilla)}.lpc-scent-swatch[data-scent=sandalwood] .lpc-swatch-circle:before{background:var(--lpc-scent-sandalwood)}.lpc-scent-swatch[data-scent=linen] .lpc-swatch-circle:before{background:var(--lpc-scent-linen)}.lpc-scent-swatch[data-scent=ocean] .lpc-swatch-circle:before{background:var(--lpc-scent-ocean)}.lpc-scent-swatch[data-scent=rose] .lpc-swatch-circle:before{background:var(--lpc-scent-rose)}.lpc-swatch-icon{width:28px;height:28px;color:var(--lpc-dark);position:relative;z-index:1}@media screen and (min-width:768px){.lpc-swatch-icon{width:32px;height:32px}}.lpc-swatch-name{font-family:var(--lpc-font-body);font-size:.75rem;font-weight:500;color:var(--lpc-dark);text-align:center;line-height:1.3}.lpc-scent-swatch.selected .lpc-swatch-name{color:var(--lpc-brown);font-weight:600}.lpc-upload-area{display:flex;flex-direction:column;align-items:center;gap:var(--lpc-space-lg)}.lpc-upload-button{display:flex;align-items:center;justify-content:center;gap:var(--lpc-space-sm);width:100%;max-width:280px;height:48px;padding:0 var(--lpc-space-lg);background:var(--lpc-cream);border:2px dashed var(--lpc-dusty-rose);border-radius:8px;font-family:var(--lpc-font-body);font-size:.9375rem;font-weight:500;color:var(--lpc-brown);cursor:pointer;transition:all var(--lpc-transition-fast)}.lpc-upload-button:hover{background:#fff;border-color:var(--lpc-brown)}.lpc-upload-button:focus-visible{outline:2px solid var(--lpc-brown);outline-offset:2px}.lpc-upload-button svg{width:20px;height:20px}.lpc-upload-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.lpc-upload-hint{font-family:var(--lpc-font-body);font-size:.8125rem;color:var(--lpc-taupe);text-align:center}.lpc-preview-frame{position:relative;width:200px;padding:12px 12px 44px;background:#fff;border-radius:4px;box-shadow:var(--lpc-shadow-lg);transform:rotate(-2deg);display:none}.lpc-preview-frame.visible{display:block;animation:lpc-frameIn var(--lpc-transition-normal)}@keyframes lpc-frameIn{0%{opacity:0;transform:rotate(-2deg) scale(.95)}to{opacity:1;transform:rotate(-2deg) scale(1)}}.lpc-preview-frame img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:2px}.lpc-preview-frame-caption{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:var(--lpc-font-body);font-size:.6875rem;color:#999;white-space:nowrap}.lpc-remove-photo{position:absolute;top:-12px;right:-12px;width:32px;height:32px;background:var(--lpc-dark);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--lpc-transition-fast);box-shadow:var(--lpc-shadow-md)}.lpc-remove-photo:hover{background:#2a241d;transform:scale(1.1)}.lpc-remove-photo:focus-visible{outline:2px solid var(--lpc-brown);outline-offset:2px}.lpc-remove-photo svg{width:14px;height:14px}.lpc-message-form{display:flex;flex-direction:column;gap:var(--lpc-space-md)}.lpc-message-input-wrapper{position:relative}.lpc-message-input{width:100%;height:48px;padding:0 60px 0 16px;border:1.5px solid var(--lpc-dusty-rose);border-radius:8px;font-family:var(--lpc-font-body);font-size:1rem;color:var(--lpc-dark);background:#fff;transition:all var(--lpc-transition-fast)}.lpc-message-input::placeholder{color:var(--lpc-taupe)}.lpc-message-input:focus{outline:none;border-color:var(--lpc-brown);box-shadow:0 0 0 3px #8b73551a}.lpc-message-counter{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-family:var(--lpc-font-body);font-size:.8125rem;color:var(--lpc-taupe);pointer-events:none}.lpc-message-counter.near-limit{color:var(--lpc-brown);font-weight:500}.lpc-message-preview-label{display:flex;align-items:center;justify-content:center;padding:var(--lpc-space-md);background:#fff;border-radius:8px;box-shadow:var(--lpc-shadow-sm)}.lpc-message-preview-text{font-family:var(--lpc-font-heading);font-style:italic;font-size:1rem;color:var(--lpc-dark);text-align:center;word-break:break-word;max-width:200px}.lpc-step-nav{display:flex;gap:var(--lpc-space-md);margin-top:var(--lpc-space-xl);padding-top:var(--lpc-space-lg);border-top:1px solid var(--lpc-light-rose)}.lpc-btn{flex:1;height:48px;padding:0 var(--lpc-space-lg);border:none;border-radius:8px;font-family:var(--lpc-font-body);font-size:.9375rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--lpc-space-sm);transition:all var(--lpc-transition-fast)}.lpc-btn:focus-visible{outline:2px solid var(--lpc-brown);outline-offset:2px}.lpc-btn-secondary{background:transparent;color:var(--lpc-brown);border:1.5px solid var(--lpc-dusty-rose)}.lpc-btn-secondary:hover{background:var(--lpc-cream);border-color:var(--lpc-brown)}.lpc-btn-primary{background:var(--lpc-brown);color:#fff}.lpc-btn-primary:hover{background:#7a6548;transform:translateY(-1px);box-shadow:var(--lpc-shadow-md)}.lpc-btn-primary:disabled{background:var(--lpc-dusty-rose);cursor:not-allowed;transform:none;box-shadow:none}.lpc-btn svg{width:16px;height:16px}.lpc-trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--lpc-space-md);padding:var(--lpc-space-lg);background:var(--lpc-cream);border-top:1px solid var(--lpc-light-rose);margin-top:var(--lpc-space-xl)}@media screen and (min-width:768px){.lpc-trust-badges{gap:var(--lpc-space-lg);padding:var(--lpc-space-xl)}}.lpc-trust-badge{display:flex;flex-direction:column;align-items:center;gap:var(--lpc-space-xs);flex:0 1 auto}@media screen and (min-width:768px){.lpc-trust-badge{flex-direction:row;gap:var(--lpc-space-sm)}}.lpc-trust-badge-icon{width:24px;height:24px;color:var(--lpc-brown)}.lpc-trust-badge-text{font-family:var(--lpc-font-body);font-size:.75rem;font-weight:500;color:var(--lpc-dark);text-align:center;white-space:nowrap}@media screen and (min-width:768px){.lpc-trust-badge-text{font-size:.8125rem;text-align:left}}.lpc-product-form-wrapper{margin-top:var(--lpc-space-xl)}.product-form__input{margin-bottom:var(--lpc-space-lg)}.lpc-hidden{display:none!important}@media(prefers-reduced-motion:reduce){.lpc-step,.lpc-swatch-circle,.lpc-btn,.lpc-preview-scent-badge,.lpc-preview-frame,.lpc-step-progress-fill{animation:none!important;transition:none!important}}@keyframes lpc-pulse{0%,to{opacity:1}50%{opacity:.6}}.lpc-loading{animation:lpc-pulse 1.5s ease-in-out infinite}
/*# sourceMappingURL=/cdn/shop/t/15/assets/lpc-product-stepper.css.map */