.builder{position:relative;padding:0}.builder-head{margin-bottom:var(--s-8);max-width:62ch}.builder-head .label{margin-bottom:var(--s-3)}.builder-head .h2{margin-bottom:var(--s-4)}.builder-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2);margin-bottom:var(--s-10);background:var(--paper-sunk);border-radius:var(--r-lg);padding:var(--s-2)}.tier-card{background:transparent;border:none;border-radius:var(--r-md);padding:var(--s-5);cursor:pointer;text-align:left;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);font-family:var(--sans);position:relative;display:flex;flex-direction:column;gap:6px}.tier-card:hover{background:var(--ink-04)}.tier-card.on{background:var(--paper-card);box-shadow:var(--sh-rest)}.tier-card:hover.on{background:var(--paper-card)}.tier-card .tier-size{font-weight:700;font-size:1.4rem;letter-spacing:-.02em;color:var(--ink);line-height:1}.tier-card .tier-save{font-size:.74rem;font-weight:700;color:var(--clay-deep);letter-spacing:.1em;text-transform:uppercase}.tier-card .tier-price{font-size:.82rem;color:var(--ink-3);margin-top:4px}.tier-best{position:absolute;top:var(--s-4);right:var(--s-4);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--clay-deep);white-space:nowrap}.builder-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--s-10);align-items:start}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6) var(--s-5)}.color-card{display:flex;flex-direction:column;gap:var(--s-3);cursor:default}.color-illu{aspect-ratio:5/3;border-radius:var(--r-lg);position:relative;overflow:hidden;display:grid;place-items:center;background:var(--c, var(--sage-soft));transition:box-shadow var(--dur) var(--ease)}.color-card.picked .color-illu{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ink)}.color-illu:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 30% 20%,rgba(255,255,255,.2),transparent 60%)}.color-illu svg{position:relative;z-index:1;width:34%;max-width:56px;opacity:.85;color:#ffffffb3}.color-illu.ink-tone svg{color:#f4f3f7cc}.color-card.has-image .color-illu{background:var(--sage-soft)}.color-card.has-image .color-illu:after{display:none}.color-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.color-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.color-name{display:flex;align-items:center;gap:9px;font-weight:600;font-size:var(--fs-sm);color:var(--ink)}.color-dot{width:12px;height:12px;border-radius:50%}.color-stepper{display:flex;align-items:center;gap:2px}.color-stepper button{width:30px;height:30px;background:var(--paper-sunk);border:none;border-radius:var(--r-pill);cursor:pointer;font-size:16px;color:var(--ink);display:grid;place-items:center;padding:0;transition:background var(--dur),color var(--dur)}.color-stepper button:disabled{color:var(--ink-faint);background:transparent;cursor:not-allowed}.color-stepper button:not(:disabled):hover{background:var(--ink);color:var(--on-ink-1)}.color-stepper span{min-width:26px;text-align:center;font-weight:700;font-size:var(--fs-sm);color:var(--ink)}.builder-summary{background:var(--paper-warm);border-radius:var(--r-lg);padding:var(--s-6);position:sticky;top:96px;display:flex;flex-direction:column;gap:var(--s-4)}.builder-summary .label{margin:0}.summary-name{font-family:var(--sans);font-weight:700;font-size:1.5rem;letter-spacing:-.02em;color:var(--ink);margin:0}.summary-progress{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:30px}.summary-slot{flex:1;min-width:0;max-width:34px;aspect-ratio:1;border-radius:50%;background:var(--ink-08);transition:background var(--dur) var(--ease)}.summary-status{font-size:.85rem;color:var(--ink-2);margin:0}.summary-status.ready{color:var(--clay-deep);font-weight:700}.summary-rows{display:flex;flex-direction:column;gap:8px;padding-top:var(--s-2);border-top:1px solid var(--line)}.summary-row{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-sm);color:var(--ink-2);white-space:nowrap;gap:var(--s-3)}.summary-row strong{color:var(--ink);font-weight:700}.summary-row.total{margin-top:2px;font-size:1rem}.summary-row.total strong{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.summary-save{color:var(--clay-deep);font-weight:700}.summary-fine{font-size:.74rem;color:var(--ink-3);text-align:center;margin:0}.btn-build{width:100%}.btn-build:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.coming-soon{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-5);padding:var(--s-6) 0 0;border-top:1px solid var(--line);margin-top:var(--s-12)}.coming-soon-mark{width:42px;height:42px;border-radius:50%;background:var(--sage-soft);display:grid;place-items:center;color:var(--sage-deep);flex-shrink:0}.coming-soon-mark svg{width:20px;height:20px}.coming-soon-text strong{display:block;font-weight:700;font-size:.95rem;color:var(--ink);margin-bottom:2px;letter-spacing:-.01em}.coming-soon-text span{font-size:var(--fs-sm);color:var(--ink-3)}.coming-soon-btn{background:transparent;border:1px solid var(--line-strong);border-radius:var(--r-pill);padding:10px 18px;font-family:var(--sans);font-size:var(--fs-sm);font-weight:600;color:var(--ink);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease);white-space:nowrap}.coming-soon-btn:hover{background:var(--ink);color:var(--on-ink-1);border-color:var(--ink)}@media(max-width:1000px){.builder-tiers{grid-template-columns:1fr 1fr}}@media(max-width:900px){.builder-grid{grid-template-columns:1fr;gap:var(--s-6)}.builder-summary{position:static}.builder-tiers{grid-template-columns:1fr}.coming-soon{grid-template-columns:1fr;text-align:left}.coming-soon-btn{justify-self:start}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/flowza-builder.css.map */