.bayu-builder{padding-block:var(--fib-34) var(--fib-144)}.bayu-builder__intro{display:grid;gap:var(--fib-13);margin-bottom:var(--fib-34)}.bayu-builder__title{font-size:clamp(34px,5vw,55px)}.bayu-builder__layout{display:grid;gap:var(--fib-34)}.bayu-builder__progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0 0 var(--fib-34);padding:0 0 var(--fib-13);list-style:none;border-bottom:1px solid var(--bayu-line)}.bayu-builder__progress li{position:relative;min-width:0}.bayu-builder__progress li+li:before{content:"";position:absolute;top:20px;right:50%;width:100%;height:1px;background:var(--bayu-line)}.bayu-builder__progress li+li.has-line:before{background:var(--bayu-ink)}.bayu-builder__step-btn{position:relative;display:grid;justify-items:center;gap:6px;width:100%;padding:0 2px;border:0;background:none;font:inherit;color:var(--bayu-ink-3);cursor:default;text-align:center}.bayu-builder__step-ico{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1.5px solid var(--bayu-line-strong, var(--bayu-line));background:var(--bayu-surface);color:var(--bayu-ink-3);transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.bayu-builder__step-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.bayu-builder__step-label{font-family:var(--font-body);font-weight:500;font-size:var(--fs-sm);line-height:1.2;color:var(--bayu-ink-3);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.bayu-builder__step-btn.is-done{cursor:pointer}.bayu-builder__step-btn.is-done .bayu-builder__step-ico{background:var(--bayu-ink);border-color:var(--bayu-ink);color:#fff}.bayu-builder__step-btn.is-done .bayu-builder__step-label{color:var(--bayu-ink-2)}.bayu-builder__step-btn.is-done:hover .bayu-builder__step-label{color:var(--bayu-ink)}.bayu-builder__step-btn[aria-current=step] .bayu-builder__step-ico{background:var(--bayu-red);border-color:var(--bayu-red);color:#fff;box-shadow:0 0 0 4px var(--bayu-red-soft, #fbeae7)}.bayu-builder__step-btn[aria-current=step] .bayu-builder__step-label{color:var(--bayu-ink);font-weight:600}.bayu-builder__step-btn:focus-visible{outline:none}.bayu-builder__step-btn:focus-visible .bayu-builder__step-ico{box-shadow:var(--bayu-focus-ring)}@media(max-width:599px){.bayu-builder__step-btn{padding:0}.bayu-builder__step-ico{width:34px;height:34px}.bayu-builder__step-ico svg{width:17px;height:17px}.bayu-builder__progress li+li:before{top:17px}.bayu-builder__step-label{font-size:10px;letter-spacing:-.02em;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15}}@media(min-width:1024px){.bayu-builder__step-ico{width:44px;height:44px}.bayu-builder__step-ico svg{width:22px;height:22px}.bayu-builder__progress li+li:before{top:22px}.bayu-builder__step-label{font-size:var(--fs-base)}}.bayu-builder__card--battery .bayu-builder__card-foot{flex-wrap:wrap;gap:var(--fib-8)}.bayu-builder__card--battery .bayu-builder__kit-qty{margin-right:auto}.bayu-builder__step{display:grid;gap:var(--fib-21);animation:bayu-step-in var(--dur) var(--ease)}@keyframes bayu-step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bayu-builder__choices{display:grid;gap:var(--fib-13)}.bayu-builder__choice{display:flex;align-items:center;min-height:64px;padding:0 var(--fib-21);border:1px solid var(--bayu-line);border-radius:var(--radius-lg);background:var(--bayu-surface);font-family:var(--font-heading);font-weight:600;font-size:var(--fs-base);color:var(--bayu-ink);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.bayu-builder__choice:hover{border-color:var(--bayu-ink)}.bayu-builder__choice.is-on{border-color:var(--bayu-red);box-shadow:inset 0 0 0 1px var(--bayu-red)}.bayu-builder__choice:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}@media(min-width:600px){.bayu-builder__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.bayu-builder__filters{display:flex;flex-wrap:wrap;gap:var(--fib-8);padding-bottom:2px}.bayu-builder__chip{flex:none;min-height:var(--touch, 44px);padding:0 var(--fib-13);border:1px solid var(--bayu-line);border-radius:999px;background:var(--bayu-surface);font-family:var(--font-body);font-weight:500;font-size:var(--fs-sm);color:var(--bayu-ink-2);cursor:pointer;white-space:nowrap}.bayu-builder__chip.is-on{border-color:var(--bayu-ink);color:var(--bayu-ink);background:var(--bayu-surface-2)}.bayu-builder__chip:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}.bayu-builder__grid{display:grid;gap:var(--fib-13);margin:0;padding:0;list-style:none}.bayu-builder__card{display:grid;gap:var(--fib-13);padding:var(--fib-13);border:1px solid var(--bayu-line);border-radius:var(--radius-lg);background:var(--bayu-surface);transition:border-color var(--dur-fast) var(--ease)}.bayu-builder__card.is-added{border-color:var(--bayu-ink)}.bayu-builder__card-media{display:block;aspect-ratio:1 / 1;border-radius:var(--radius);background:#fff;border:1px solid var(--bayu-line);overflow:hidden;cursor:pointer;padding:0}.bayu-builder__card-media img{width:100%;height:100%;object-fit:contain;padding:var(--fib-13)}.bayu-builder__card-media:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}.bayu-builder__noimg{display:grid;place-items:center;width:100%;height:100%;font-family:var(--font-heading);font-weight:700;letter-spacing:.12em;color:var(--bayu-line-strong)}.bayu-builder__card-body{display:grid;gap:var(--fib-8);align-content:start}.bayu-builder__card-title{font-family:var(--font-body);font-weight:600;font-size:var(--fs-base);line-height:1.3}.bayu-builder__card-link{padding:0;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.bayu-builder__card-link:hover{text-decoration:underline;text-underline-offset:.15em}.bayu-builder__card-link:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring);border-radius:var(--radius)}.bayu-builder__card-desc{max-width:40ch}.bayu-builder__facts{display:grid;gap:4px;margin:0;font-size:var(--fs-sm)}.bayu-builder__facts>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--fib-8)}.bayu-builder__facts dt{color:var(--bayu-ink-3)}.bayu-builder__facts dd{margin:0;font-weight:600}.bayu-builder__compat{display:flex;align-items:center;gap:var(--fib-8);font-size:var(--fs-xs);font-weight:600;color:var(--bayu-ink-2)}.bayu-builder__compat-dot{width:8px;height:8px;border-radius:999px;background:var(--bayu-ink-3);flex:none}.bayu-builder__compat--verified{color:var(--bayu-success)}.bayu-builder__compat--verified .bayu-builder__compat-dot{background:var(--bayu-success)}.bayu-builder__compat--not-listed{color:var(--bayu-warning)}.bayu-builder__compat--not-listed .bayu-builder__compat-dot{background:var(--bayu-warning)}.bayu-builder__card-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--fib-13);padding-top:var(--fib-8);border-top:1px solid var(--bayu-line);margin-top:auto}.bayu-builder__price{font-weight:600}.bayu-builder__price--tbc{font-weight:400;font-size:var(--fs-xs);color:var(--bayu-ink-3);max-width:16ch}.bayu-builder__add{min-height:40px;padding-inline:var(--fib-13)}.bayu-builder__add.is-added{border-color:var(--bayu-success);color:var(--bayu-success)}@media(min-width:600px){.bayu-builder__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.bayu-builder__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bayu-builder__grid--batteries{grid-template-columns:repeat(2,minmax(0,1fr))}}.bayu-builder__grid--attachments{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--fib-21)}.bayu-builder__grid--attachments .bayu-builder__card{grid-template-rows:auto 1fr;padding:var(--fib-21);gap:var(--fib-21)}.bayu-builder__grid--attachments .bayu-builder__card-body{gap:var(--fib-13)}.bayu-builder__grid--attachments .bayu-builder__card-media img{padding:var(--fib-21)}.bayu-builder__grid--attachments .bayu-builder__card-title{font-size:var(--fs-md);line-height:1.25}.bayu-builder__grid--attachments .bayu-builder__card-desc{max-width:60ch;font-size:var(--fs-base);line-height:1.5;color:var(--bayu-ink-2)}.bayu-builder__grid--attachments .bayu-builder__compat{font-size:var(--fs-sm)}.bayu-builder__grid--attachments .bayu-builder__card-foot{padding-top:var(--fib-13)}.bayu-builder__grid--attachments .bayu-builder__price{font-size:var(--fs-md)}.bayu-builder__grid--attachments .bayu-builder__add{min-height:var(--touch, 44px);padding-inline:var(--fib-21)}.bayu-builder__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--fib-13);padding-top:var(--fib-21);border-top:1px solid var(--bayu-line)}.bayu-builder__nav .bayu-btn--tertiary{padding-inline:0}.bayu-builder__recs{display:grid;gap:var(--fib-13);margin:0;padding:0;list-style:none}.bayu-builder__rec{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--fib-13);padding:var(--fib-13);border:1px solid var(--bayu-line);border-radius:var(--radius-lg)}.bayu-builder__rec-media{aspect-ratio:1 / 1;border-radius:var(--radius);background:#fff;border:1px solid var(--bayu-line);overflow:hidden}.bayu-builder__rec-media img{width:100%;height:100%;object-fit:contain;padding:var(--fib-8)}.bayu-builder__rec-body{display:grid;gap:var(--fib-8)}.bayu-builder__rec-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fib-8) var(--fib-21)}.bayu-builder__rec-actions .bayu-btn--tertiary{padding-inline:0}.bayu-builder__form{display:grid;gap:var(--fib-13);max-width:520px}.bayu-builder__form .bayu-btn{justify-self:start}.bayu-builder__rate-list{display:grid;gap:var(--fib-8);margin:0;padding:0;list-style:none}.bayu-builder__rate{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"radio name price" "radio note price";align-items:center;column-gap:var(--fib-13);padding:var(--fib-13);border:1px solid var(--bayu-line);border-radius:var(--radius-lg);cursor:pointer}.bayu-builder__rate input{grid-area:radio}.bayu-builder__rate-name{grid-area:name;font-weight:600}.bayu-builder__rate>.bayu-small{grid-area:note}.bayu-builder__rate-price{grid-area:price;font-weight:600}.bayu-builder__rate.is-on{border-color:var(--bayu-ink)}@media(min-width:600px){.bayu-builder__form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.bayu-builder__form .bayu-btn{grid-column:1 / -1}}.bayu-builder__review{display:grid;gap:var(--fib-13)}.bayu-builder__review-group{display:grid;gap:var(--fib-8);padding:var(--fib-13) 0;border-top:1px solid var(--bayu-line)}.bayu-builder__review-group ul:not(.bayu-builder__review-rows){display:grid;gap:4px;margin:0;padding:0;list-style:none}.bayu-builder__review-group li:not(.bayu-builder__review-row){display:flex;justify-content:space-between;gap:var(--fib-13)}.bayu-builder__totals{display:grid;gap:var(--fib-8);margin:0;padding-top:var(--fib-13);border-top:1px solid var(--bayu-line);font-size:var(--fs-sm)}.bayu-builder__totals>div{display:flex;justify-content:space-between;gap:var(--fib-13)}.bayu-builder__totals dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.bayu-builder__total{padding-top:var(--fib-8);border-top:1px solid var(--bayu-line);font-size:var(--fs-base)}.bayu-builder__review-intro{max-width:60ch}.bayu-builder__review-rows{display:grid;gap:var(--fib-8);margin:0;padding:0;list-style:none}.bayu-builder__review-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"thumb meta total" "thumb controls controls";gap:var(--fib-8) var(--fib-13);align-items:start;padding:var(--fib-13);border:1px solid var(--bayu-line);border-radius:var(--radius-lg);background:var(--bayu-surface)}.bayu-builder__review-thumb{grid-area:thumb}.bayu-builder__review-meta{grid-area:meta}.bayu-builder__review-total{grid-area:total}.bayu-builder__review-controls{grid-area:controls}.bayu-builder__review-thumb{display:block;width:72px;height:72px;min-width:0;border-radius:var(--radius);background:#fff;border:1px solid var(--bayu-line);overflow:hidden}.bayu-builder__review-thumb img{display:block;width:100%;height:100%;object-fit:contain;padding:4px}.bayu-builder__review-thumb .bayu-builder__noimg{font-size:10px}.bayu-builder__review-meta{display:grid;gap:4px;min-width:0}.bayu-builder__review-name{font-weight:600;font-size:var(--fs-base);line-height:1.3;overflow-wrap:anywhere}.bayu-builder__review-unit{color:var(--bayu-ink-2);font-variant-numeric:tabular-nums}.bayu-builder__review-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--fib-8) var(--fib-21);min-width:0}.bayu-builder__review-controls .bayu-builder__kit-qty{margin-top:0;gap:var(--fib-8)}.bayu-builder__review-controls .bayu-builder__kit-qty>span{min-width:2ch;text-align:center;font-weight:600;font-size:var(--fs-base)}.bayu-builder__review-controls .bayu-builder__qty-btn{width:40px;height:40px;font-size:18px}.bayu-builder__review-remove{min-height:40px;padding-inline:0;font-size:var(--fs-sm);font-weight:400}.bayu-builder__review-total{font-weight:600;font-size:var(--fs-base);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.bayu-builder__review-actions{display:grid;gap:var(--fib-8);width:100%}.bayu-builder__review-actions .bayu-btn{justify-content:center;min-height:48px}.bayu-builder__totals--review{font-size:var(--fs-base)}.bayu-builder__totals--review .bayu-builder__total{font-size:var(--fs-lg)}@media(max-width:599px){.bayu-builder__review-row{grid-template-columns:64px minmax(0,1fr) auto}.bayu-builder__review-thumb{width:64px;height:64px}.bayu-builder__step[data-step=review] .bayu-builder__nav{flex-direction:column-reverse;align-items:stretch}.bayu-builder__step[data-step=review] .bayu-builder__nav>.bayu-btn--tertiary{justify-content:center;min-height:44px}}@media(min-width:600px){.bayu-builder__review-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--fib-13);width:auto}.bayu-builder__step[data-step=review] .bayu-builder__nav{flex-wrap:wrap}}.bayu-builder__warranty{padding:var(--fib-13);border:1px solid var(--bayu-line);border-radius:var(--radius);background:var(--bayu-surface-2);max-width:52ch}.bayu-builder__warranty a{text-decoration:underline;text-underline-offset:.15em}.bayu-builder__closed{max-width:44ch;color:var(--bayu-ink-3)}.bayu-builder__checkout{min-height:48px}.bayu-builder__kit{display:grid;gap:var(--fib-13);align-content:start;padding:var(--fib-21);border:1px solid var(--bayu-line);border-radius:var(--radius-lg);background:var(--bayu-surface)}.bayu-builder__kit-head{display:flex;align-items:center;justify-content:space-between}.bayu-builder__kit-items{display:grid;gap:var(--fib-8);margin:0;padding:0;list-style:none}.bayu-builder__kit-item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--fib-13);align-items:start;padding:var(--fib-8) 0;border-top:1px solid var(--bayu-line)}.bayu-builder__kit-item.is-new{animation:bayu-kit-in .36s var(--ease)}@keyframes bayu-kit-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.bayu-builder__kit-thumb{display:block;min-width:0;aspect-ratio:1 / 1;border-radius:var(--radius);background:#fff;border:1px solid var(--bayu-line);overflow:hidden}.bayu-builder__kit-thumb img{display:block;width:100%;height:100%;object-fit:contain;padding:4px}.bayu-builder__kit-thumb .bayu-builder__noimg{font-size:10px}.bayu-builder__kit-meta{display:grid;gap:2px;min-width:0}.bayu-builder__kit-name{font-weight:600;font-size:var(--fs-sm)}.bayu-builder__kit-qty{display:inline-flex;align-items:center;gap:var(--fib-8);margin-top:4px;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.bayu-builder__qty-btn{width:28px;height:28px;border:1px solid var(--bayu-line);border-radius:999px;background:var(--bayu-surface);cursor:pointer;font-size:16px;line-height:1}.bayu-builder__qty-btn:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}.bayu-builder__kit-price{display:grid;justify-items:end;gap:2px;font-size:var(--fs-sm);font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.bayu-builder__kit-remove{min-height:28px;font-size:var(--fs-xs);font-weight:400}.bayu-builder__bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);padding:var(--fib-8) var(--gutter) calc(var(--fib-8) + env(safe-area-inset-bottom));background:var(--bayu-surface);border-top:1px solid var(--bayu-line)}.bayu-builder__bar[hidden]{display:none}.bayu-builder__bar-btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:0 var(--fib-21);border:0;border-radius:var(--radius);background:var(--bayu-ink);color:#fff;font-family:var(--font-heading);font-weight:600;font-size:var(--fs-sm);letter-spacing:.04em;cursor:pointer}.bayu-builder__bar-btn:focus-visible{outline:none;box-shadow:var(--bayu-focus-ring)}@media(max-width:1023px){.bayu-builder{padding-bottom:calc(var(--fib-144) + 64px)}.bayu-builder__kit{position:fixed;inset:auto 0 0 0;z-index:calc(var(--z-header) + 1);max-height:80vh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -12px 40px #14181b2e;transform:translateY(105%);transition:transform var(--dur) var(--ease)}.bayu-builder__kit.is-open{transform:none}.bayu-builder__kit-close{display:inline-flex!important}}@media(min-width:1024px){.bayu-builder__layout{grid-template-columns:minmax(0,var(--golden)) minmax(0,var(--golden-minor));gap:var(--fib-55);align-items:start}.bayu-builder__kit{position:sticky;top:calc(var(--header-h) + var(--fib-21))}.bayu-builder__bar{display:none}}.bayu-builder__dialog{width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid var(--bayu-line);border-radius:var(--radius-lg);background:var(--bayu-surface);color:var(--bayu-ink)}.bayu-builder__dialog::backdrop{background:#14181b8c}.bayu-builder__qv{position:relative;display:grid;gap:var(--fib-21);padding:var(--fib-21)}.bayu-builder__qv-close{position:absolute;top:var(--fib-8);right:var(--fib-8)}.bayu-builder__qv-media{aspect-ratio:1 / 1;border-radius:var(--radius);background:#fff;border:1px solid var(--bayu-line);overflow:hidden}.bayu-builder__qv-media img{width:100%;height:100%;object-fit:contain;padding:var(--fib-21)}.bayu-builder__qv-body{display:grid;gap:var(--fib-13);align-content:start}.bayu-builder__qv-list{display:grid;gap:4px;margin:0;padding-left:1.1em;font-size:var(--fs-sm)}@media(min-width:720px){.bayu-builder__qv{grid-template-columns:minmax(0,var(--golden-minor)) minmax(0,var(--golden));gap:var(--fib-34);padding:var(--fib-34)}}.bayu-builder__nojs{display:grid;gap:var(--fib-13)}.bayu-builder__nojs-list{display:grid;gap:4px;padding-left:1.1em}@media(prefers-reduced-motion:reduce){.bayu-builder__step,.bayu-builder__kit-item.is-new{animation:none}.bayu-builder__kit,.bayu-builder__card,.bayu-builder__choice{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bayu-builder.css.map */