.builder-page{padding:var(--space-5) 0 var(--space-8)}.crumbs{display:flex;align-items:center;gap:10px;font-size:var(--text-xs);color:var(--taupe);margin-bottom:var(--space-5)}.crumbs a{transition:color var(--dur-fast) var(--ease-out)}.crumbs a:hover{color:var(--terracotta)}.crumbs [aria-current]{color:var(--charcoal)}.builder{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,1rem + 4vw,4.5rem);align-items:start}.preview-sticky{position:sticky;top:calc(74px + var(--space-4))}.preview-stage{display:grid;place-items:center;aspect-ratio:1/1;border-radius:var(--r-lg);background:radial-gradient(120% 100% at 50% 0%,var(--white) 0%,var(--cream-alt) 55%,var(--cream-deep) 100%);border:1px solid var(--border);padding:clamp(1.5rem,1rem + 3vw,3.5rem);overflow:hidden}.preview-magnet{position:relative;width:78%;--prev-t:7px;--prev-r:var(--r-md);perspective:1400px;transform:rotate(-2deg);transition:width var(--dur-slow) var(--ease-spring),aspect-ratio var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-spring)}.preview-magnet[data-shape=square]{aspect-ratio:1/1;--prev-r:var(--r-md)}.preview-magnet[data-shape=rect]{aspect-ratio:75/55;--prev-r:var(--r-md);width:92%}.preview-magnet[data-shape=circle]{aspect-ratio:1/1;--prev-r:50%;width:82%}.preview-magnet.is-morphing{transform:rotate(-2deg) scale(1.035)}.preview-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(-9deg) rotateX(3deg);transition:transform .9s var(--ease-spring)}.preview-magnet.is-flipped .preview-flip{transform:rotateY(171deg) rotateX(3deg)}.preview-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--prev-r);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1px 2px #2a242033,0 12px 24px -10px #2a24204d,0 36px 64px -28px #2a242073}.preview-front{transform:translateZ(var(--prev-t));background:var(--white);border:1px solid rgba(255,255,255,.7);overflow:hidden}.preview-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(126deg,#ffffff57,#ffffff1a 15%,#fff0 36% 70%,#ffffff17 94%);box-shadow:inset 0 1px #fff9,inset 0 -1px #2a242024}.preview-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--prev-r);transform-style:preserve-3d;transform:translateZ(0);background:linear-gradient(180deg,#6b5f55,#332c27 45%,#1e1a17)}.preview-edge:before,.preview-edge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:inherit}.preview-edge:before{transform:translateZ(calc(var(--prev-t) * .62))}.preview-edge:after{transform:translateZ(calc(var(--prev-t) * -.62))}.preview-back{transform:rotateY(180deg) translateZ(var(--prev-t));display:grid;place-content:center;justify-items:center;text-align:center;border:2px solid rgba(250,247,242,.52);background:radial-gradient(120% 90% at 30% 12%,rgba(250,247,242,.1),transparent 60%),repeating-linear-gradient(93deg,#faf7f208 0 1px,#0000 1px 7px),linear-gradient(155deg,#463e37,#2a2420 55%,#37302a)}.preview-back:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(250,247,242,.16);border-radius:calc(var(--prev-r) - 5px);pointer-events:none}.preview-magnet[data-shape=circle] .preview-back:after{border-radius:50%}.preview-back .magnet-mark{font-family:var(--font-display);font-size:clamp(.8rem,.5rem + 1vw,1.05rem);line-height:1.3;letter-spacing:.03em;color:#faf7f2bf}.preview-inner{position:absolute;top:5px;right:5px;bottom:5px;left:5px;overflow:hidden;border-radius:inherit;background:linear-gradient(140deg,var(--cream-alt),var(--terracotta-pale));display:grid;place-items:center}.preview-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-top:var(--space-4)}.preview-caption{margin:0}.preview-flip-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--white);font-size:var(--text-xs);color:var(--charcoal-mid);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.preview-flip-btn:hover{border-color:var(--terracotta);color:var(--terracotta)}.preview-flip-btn svg{transition:transform var(--dur-slow) var(--ease-spring)}.preview-flip-btn[aria-pressed=true] svg{transform:rotate(180deg)}.set-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.set-progress{margin:0;font-size:var(--text-sm);color:var(--taupe);font-variant-numeric:tabular-nums}.set-progress.is-done{color:#2f7d4f;font-weight:500}.slot-list{display:grid;gap:10px}.slot{display:grid;gap:var(--space-3);grid-template-columns:1fr auto;align-items:center;padding:12px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--white);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.slot:hover{border-color:var(--terracotta-soft)}.slot.is-active{border-color:var(--terracotta);background:var(--terracotta-pale)}.slot.is-nudge{animation:nudge .64s var(--ease-out)}@keyframes nudge{0%,to{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.slot-main{display:flex;align-items:center;gap:12px;min-width:0}.slot-thumb{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;padding:0;overflow:hidden;border:1px dashed var(--border-strong);border-radius:var(--r-sm);background:var(--cream);color:var(--terracotta);transition:border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.slot-thumb:hover{border-color:var(--terracotta);transform:scale(1.04)}.slot-thumb svg{width:19px;height:19px}.slot.is-filled .slot-thumb{border-style:solid;border-color:var(--border)}.slot-thumb img{width:100%;height:100%;object-fit:cover}.slot-info{min-width:0}.slot-n{margin:0;font-size:var(--text-sm);font-weight:500}.slot-status{margin:0;font-size:var(--text-xs);color:var(--taupe);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16ch}.slot.is-filled .slot-status{color:#2f7d4f}.slot-clear{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:none;border-radius:50%;background:transparent;color:var(--taupe);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.slot-clear:hover{background:var(--cream-alt);color:var(--charcoal)}.slot-clear svg{width:14px;height:14px}.slot-shapes{display:flex;gap:6px}.shape-btn{display:grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--white);transition:border-color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.shape-btn:hover{border-color:var(--terracotta-soft)}.shape-btn.is-on{border-color:var(--terracotta);background:var(--terracotta)}.shape-ico{background:var(--charcoal);transition:background-color var(--dur-fast) var(--ease-out)}.shape-btn.is-on .shape-ico{background:var(--white)}.shape-ico--square{width:17px;height:17px;border-radius:3px}.shape-ico--rect{width:22px;height:16px;border-radius:3px}.shape-ico--circle{width:18px;height:18px;border-radius:50%}@media(max-width:520px){.slot{grid-template-columns:1fr}.slot-shapes{justify-content:flex-start}}.preview-inner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:photoIn var(--dur-slow) var(--ease-out)}@keyframes photoIn{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.preview-empty{display:grid;justify-items:center;gap:12px;padding:var(--space-3);text-align:center;color:var(--taupe-light)}.preview-empty svg{width:36px;height:36px}.preview-empty span{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.preview-caption{margin-top:var(--space-3);text-align:center;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--taupe)}.builder-head{margin-bottom:var(--space-6)}.builder-head h1{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.builder-lede{font-size:var(--text-lg);color:var(--charcoal-mid);max-width:44ch}.step-block{margin-bottom:var(--space-6)}.step-title{display:flex;align-items:center;gap:12px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;margin-bottom:var(--space-3)}.step-num{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--terracotta-pale);color:var(--terracotta);font-size:12px;font-weight:600}.pack-row{display:grid;gap:10px}.pack-opt{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"qty price" "each price";align-items:center;gap:0 var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--white);text-align:left;transition:border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.pack-opt:hover{border-color:var(--terracotta-soft);transform:translateY(-2px)}.pack-opt.is-selected{border-color:var(--terracotta);background:var(--terracotta-pale)}.pack-opt-qty{grid-area:qty;font-size:var(--text-base);font-weight:500}.pack-opt-each{grid-area:each;font-size:var(--text-xs);color:var(--taupe)}.pack-opt-price{grid-area:price;font-family:var(--font-display);font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.pack-opt-tag{position:absolute;top:-9px;right:var(--space-4);background:var(--charcoal);color:var(--cream);font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pill)}.pack-opt-tag--best{background:var(--terracotta);color:var(--white)}.pack-note{margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--taupe)}.summary{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--white);padding:var(--space-4);box-shadow:var(--shadow-sm)}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);color:var(--taupe);padding-bottom:var(--space-2)}.summary-row span:last-child{color:var(--charcoal);text-align:right}.summary-total{border-top:1px solid var(--border);padding-top:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-base);color:var(--charcoal)}.summary-total span:last-child{font-family:var(--font-display);font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums}.summary-fine{display:flex;align-items:center;justify-content:center;gap:8px;margin:var(--space-3) 0 0;font-size:var(--text-xs);color:var(--taupe);text-align:center}.summary-fine svg{width:14px;height:14px;color:var(--terracotta);flex-shrink:0}.accordion{margin-top:var(--space-5);border-top:1px solid var(--border)}.acc-item{border-bottom:1px solid var(--border)}.acc-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) 0;font-size:var(--text-sm);font-weight:500;cursor:pointer;list-style:none;transition:color var(--dur-fast) var(--ease-out)}.acc-item summary::-webkit-details-marker{display:none}.acc-item summary:hover{color:var(--terracotta)}.acc-chev{width:18px;height:18px;flex-shrink:0;color:var(--taupe);transition:transform var(--dur-base) var(--ease-out)}.acc-item[open] .acc-chev{transform:rotate(180deg)}.acc-body{padding-bottom:var(--space-4)}.acc-body p{font-size:var(--text-sm);color:var(--taupe);margin:0}.sticky-bar{display:none}@media(max-width:900px){.builder{grid-template-columns:1fr}.preview-sticky{position:static}.preview-stage{max-width:24rem;margin-inline:auto}.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:12px var(--gutter);padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--cream) 96%,transparent);border-top:1px solid var(--border);box-shadow:0 -8px 24px -18px #2a242066;transform:translateY(110%);transition:transform var(--dur-slow) var(--ease-out)}@supports (backdrop-filter: blur(10px)){.sticky-bar{-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px)}}.sticky-bar.is-on{transform:translateY(0)}.sticky-info{display:grid;gap:1px;min-width:0}.sticky-total{font-family:var(--font-display);font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums}.sticky-desc{font-size:var(--text-xs);color:var(--taupe);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticky-bar .btn{flex-shrink:0}.builder-page{padding-bottom:var(--space-7)}.site-footer{padding-bottom:88px}}.slot-thumb{cursor:pointer;position:relative}.slot-thumb-img{width:100%;height:100%;object-fit:cover}.slot-thumb-icon{width:19px;height:19px}.slot[hidden]{display:none!important}.form-success{margin:0 0 var(--space-3);padding:12px 16px;border-radius:var(--r-sm);background:#eaf5ee;border:1px solid #BCDCC8;color:#2f7d4f;font-size:var(--text-sm)}.cart-line{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.cart-line p{margin:0 0 4px;font-size:var(--text-sm)}.cart-prop{color:var(--taupe);font-size:var(--text-xs)!important}.cart-total{margin:var(--space-4) 0;text-align:right;font-size:var(--text-lg)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/builder.css.map */