.builder-bg{background:var(--cream)}.builder-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.builder-steps{display:flex;flex-direction:column;gap:28px}.builder-step{background:#fff;border-radius:var(--radius);padding:24px;border:2px solid transparent;transition:border-color var(--transition),box-shadow var(--transition),opacity var(--transition)}.builder-step.active{border-color:var(--lavender);box-shadow:0 0 0 4px #c9c0e826}.builder-step[data-image-step][style*="display:none"],.builder-step[data-image-step].hidden{display:none!important}.step-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-num{width:30px;height:30px;background:var(--lavender);color:#5c4fa0;border-radius:50%;font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-header h4{font-family:Nunito,sans-serif;font-weight:800;font-size:1rem;color:var(--text)}.shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.shape-option{background:var(--cream);border:2px solid var(--border);border-radius:var(--radius);padding:16px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);position:relative}.shape-option:hover{border-color:var(--lavender);transform:translateY(-3px);box-shadow:var(--shadow)}.shape-option.selected{border-color:#9b8dd4;box-shadow:0 0 0 3px #9b8dd440}.shape-option img{width:80px;height:80px;object-fit:contain;border-radius:8px}.shape-placeholder{font-size:2.5rem;line-height:1}.shape-name{font-size:.78rem;font-weight:700;color:var(--text);line-height:1.3}.shape-name small{font-size:.68rem;color:var(--text-mid);font-weight:500}.shape-option .check{position:absolute;top:6px;right:6px;width:20px;height:20px;background:#9b8dd4;border-radius:50%;color:#fff;font-size:.65rem;display:none;align-items:center;justify-content:center}.shape-option.selected .check{display:flex}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.img-option{aspect-ratio:1;border-radius:10px;background:var(--cream);border:2px solid var(--border);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.4rem;transition:border-color var(--transition),transform var(--transition);position:relative;gap:4px;padding:6px}.img-option:hover{transform:scale(1.05);border-color:var(--lavender)}.img-option.selected{border-color:#9b8dd4;box-shadow:0 0 0 3px #9b8dd440}.img-option img{width:100%;height:60%;object-fit:cover;border-radius:6px}.img-label{font-size:.6rem;font-weight:600;color:var(--text-mid);text-align:center;line-height:1.2}.img-option .check{position:absolute;top:4px;right:4px;width:18px;height:18px;background:#9b8dd4;border-radius:50%;color:#fff;font-size:.6rem;display:none;align-items:center;justify-content:center}.img-option.selected .check{display:flex}.color-swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:36px;height:36px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:transform var(--transition),border-color var(--transition);position:relative}.swatch:hover{transform:scale(1.15)}.swatch.selected{border-color:#9b8dd4;transform:scale(1.15)}.swatch-label{font-size:.7rem;color:var(--text-mid);margin-top:4px;text-align:center;width:36px}.swatch-wrap{display:flex;flex-direction:column;align-items:center}.scent-select{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-family:Poppins,sans-serif;font-size:.88rem;color:var(--text);background:var(--cream);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%239B8DD4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer;transition:border-color var(--transition)}.scent-select:focus{outline:none;border-color:var(--lavender)}.atc-box{background:#fff;border-radius:var(--radius);padding:24px;border:2px solid var(--border)}.selected-summary{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-mid)}.summary-row strong{color:var(--text)}.btn-atc{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#9b8dd4,#b5c9b1);color:#fff;padding:18px;border-radius:50px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);box-shadow:0 6px 24px #9b8dd459;font-family:Poppins,sans-serif;text-decoration:none}.btn-atc:hover{transform:translateY(-2px);box-shadow:0 10px 32px #9b8dd473}.btn-atc:active{transform:scale(.98)}.btn-atc:disabled{opacity:.6;cursor:not-allowed;transform:none}.preview-panel{position:sticky;top:90px}.preview-card{background:#fff;border-radius:24px;padding:32px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:20px}.preview-title{font-family:Nunito,sans-serif;font-weight:800;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;color:var(--text-light)}.preview-freshie{width:200px;height:200px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .4s ease;position:relative;box-shadow:0 16px 48px #0000001a;overflow:hidden}.preview-freshie:after{content:"";position:absolute;top:16px;left:22px;width:40px;height:40px;background:#ffffff73;border-radius:50%;filter:blur(8px);pointer-events:none}.preview-monogram-wrap{display:flex;align-items:center;justify-content:center;width:200px;height:200px}#trendyMonogram{width:190px;height:190px;display:block}.preview-string{width:3px;height:40px;background:linear-gradient(180deg,#d4c9f0,#c9c0e8);border-radius:2px;margin-bottom:-30px;order:-1}.preview-details{width:100%;background:var(--cream);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:8px}.preview-detail{display:flex;justify-content:space-between;font-size:.82rem}.preview-detail span:first-child{color:var(--text-light)}.preview-detail span:last-child{font-weight:600;color:var(--text)}.preview-price{font-family:Nunito,sans-serif;font-size:1.8rem;font-weight:900;color:var(--text)}.preview-price sup{font-size:1rem;vertical-align:top;margin-top:6px}.preview-freshie.shape-monogram{background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.preview-freshie.shape-heart{border-radius:50% 50% 0 0/60% 60% 0 0}@media(max-width:900px){.builder-layout{grid-template-columns:1fr}.preview-panel{position:static;order:-1}.builder-steps{order:1}.image-grid{grid-template-columns:repeat(4,1fr)}.shape-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media(max-width:480px){.image-grid{grid-template-columns:repeat(3,1fr)}.preview-freshie{width:160px;height:160px}}#trendyMonogram{width:180px;height:180px;color:#fff;display:block}
/*# sourceMappingURL=/cdn/shop/t/50/assets/builder.css.map */