.otc-builder{max-width:1440px;margin:auto;padding:38px 22px 70px;color:#30232e}.otc-builder button,.otc-builder input{font:inherit}.otc-builder button{cursor:pointer}.otc-builder__intro{text-align:center;max-width:820px;margin:auto}.otc-builder__intro h1{font-size:clamp(38px,6vw,72px);line-height:1;margin:10px 0;color:#ed76b5;text-shadow:2px 3px 0 #a2e6f8}.otc-builder__eyebrow{font-weight:900;letter-spacing:.14em;font-size:12px}.otc-builder__steps{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:26px 0}.otc-builder__steps span{padding:7px 13px;border-radius:999px;background:#f7edf3;font-weight:800;font-size:12px}.otc-builder__steps .is-active{background:#b9ebf7}.otc-builder__container-types{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:980px;margin:0 auto}.otc-builder__container-types button,.otc-builder__sizes button{border:2px solid #ead7e1;background:#fff;border-radius:20px;padding:24px 14px;font-weight:900;font-size:20px;box-shadow:0 5px 18px #5d31400d}.otc-builder__container-types small,.otc-builder__sizes small{display:block;font-size:12px;font-weight:700;margin-top:7px;color:#71636b}.otc-builder__container-types button.is-active{border-color:#ec76b4;background:#fff3f9}.otc-builder__sizes{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px auto 30px}.otc-builder__sizes button{min-width:190px;padding:15px;font-size:15px}.otc-builder__workspace{margin-top:20px}.otc-builder__meter{position:sticky;top:8px;z-index:5;max-width:900px;margin:0 auto 28px;padding:15px 20px;background:#fff0f7;border:1px solid #f0c8dc;border-radius:18px;box-shadow:0 7px 22px #63344b17}.otc-builder__meter>div{display:flex;justify-content:space-between;gap:15px}.otc-builder__meter progress{width:100%;height:14px;margin:10px 0;accent-color:#ed76b5}.otc-builder__meter p{margin:0;text-align:right;font-weight:900}.otc-builder__layout{display:grid;grid-template-columns:210px minmax(0,1fr) 280px;gap:22px;align-items:start}.otc-builder__navigation,.otc-builder__bag{border:1px solid #ecdde5;border-radius:18px;padding:18px;background:#fff}.otc-builder__navigation input{width:100%;padding:12px;border:1px solid #dccbd4;border-radius:12px;margin-bottom:10px}.otc-builder__navigation details{border-bottom:1px solid #eee3e8}.otc-builder__navigation summary{padding:12px 0;font-weight:800;cursor:pointer}.otc-builder__navigation details div{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:12px}.otc-builder__navigation button{border:1px solid #ead8e2;background:#fff;border-radius:999px;padding:7px 9px;font-size:12px}.otc-builder__results{display:flex;justify-content:space-between;align-items:center}.otc-builder__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.otc-builder__card{border:1px solid #eee2e8;border-radius:16px;padding:10px;text-align:center;background:#fff;overflow:hidden}.otc-builder__card img,.otc-builder__placeholder{width:100%;aspect-ratio:1;object-fit:contain;border-radius:12px}.otc-builder__placeholder{display:grid;place-items:center;background:#fff5fa;font-size:40px}.otc-builder__card h3{font-size:14px;line-height:1.25;min-height:35px;margin:8px 0}.otc-builder__qty{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border:1px solid #dceaf0;border-radius:999px;overflow:hidden;background:#f1fbfe}.otc-builder__qty button{height:40px;border:0;background:#b9ebf7;font-weight:900;font-size:20px}.otc-builder__qty button:disabled{opacity:.35}.otc-builder__card small{display:block;margin-top:5px}.otc-builder__visual{height:210px;border:3px solid #7fcce2;border-radius:20px 20px 32px 32px;position:relative;overflow:hidden;background:#f9fdff;display:flex;align-items:flex-end;justify-content:center;margin-bottom:18px}.otc-builder__visual span{position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(135deg,#ffd2e8,#b9ebf7);transition:height .3s}.otc-builder__visual b{position:relative;z-index:1;padding:12px;text-align:center}.otc-builder__bag ul{list-style:none;padding:0;margin:0 0 12px;max-height:280px;overflow:auto}.otc-builder__bag li{display:flex;justify-content:space-between;border-bottom:1px solid #eee3e8;padding:8px 0;font-size:13px}.otc-builder__bag>button{width:100%;padding:12px;border-radius:999px;margin-top:8px;border:1px solid #d8c6d0;background:#fff}.otc-builder__bag>button[data-cart]{background:#176183;color:#fff;border:0;font-weight:900}.otc-builder__fly{position:fixed;width:48px;height:48px;object-fit:cover;border-radius:50%;z-index:99999;pointer-events:none;transition:transform .5s cubic-bezier(.2,.8,.3,1),opacity .5s;box-shadow:0 5px 15px #0002}.otc-builder [hidden]{display:none!important}@media(max-width:1000px){.otc-builder__layout{grid-template-columns:180px 1fr}.otc-builder__bag{grid-column:2}.otc-builder__container-types{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.otc-builder{padding:24px 12px 50px}.otc-builder__layout{grid-template-columns:1fr}.otc-builder__bag{grid-column:auto}.otc-builder__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.otc-builder__container-types{gap:8px}.otc-builder__container-types button{font-size:16px;padding:18px 8px}.otc-builder__meter{top:4px}.otc-builder__navigation details div{max-height:160px;overflow:auto}}.otc-builder__burst{position:fixed;width:38px;height:38px;object-fit:cover;border-radius:50%;z-index:99999;pointer-events:none;opacity:1;box-shadow:0 4px 12px #0003;transition:transform .72s cubic-bezier(.16,.82,.24,1),opacity .72s;transition-delay:var(--delay)}.otc-builder__burst.go{transform:translate(var(--bx),var(--by)) scale(1.15)}.otc-builder__burst.go{animation:otcCandyBurst .78s var(--delay) forwards}@keyframes otcCandyBurst{0%{transform:translate(0) scale(.35) rotate(0);opacity:0}18%{transform:translate(var(--bx),var(--by)) scale(1.12) rotate(90deg);opacity:1}48%{transform:translate(calc(var(--bx)*.8),calc(var(--by)*.8)) scale(.9) rotate(180deg);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(.18) rotate(420deg);opacity:.05}}.otc-builder__visual.otc-pop{animation:otcContainerPop .55s cubic-bezier(.2,.9,.25,1.35)}@keyframes otcContainerPop{0%,to{transform:scale(1)}35%{transform:scale(1.055) rotate(-1deg)}60%{transform:scale(.985) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.otc-builder__burst{display:none}.otc-builder__visual.otc-pop{animation:none}}.otc-builder__parent-image{display:block;width:100%;height:190px;object-fit:contain;margin:0 auto 10px}.otc-builder__container-types button b{display:block}.otc-builder__size-image{display:block;width:150px;height:170px;object-fit:contain;margin:0 auto 10px}.otc-builder__sizes button{vertical-align:top}.otc-builder__sizes button:has(.otc-builder__size-image){min-width:220px;padding:14px 16px 18px}@media(max-width:700px){.otc-builder__parent-image{height:135px}.otc-builder__size-image{width:120px;height:135px}.otc-builder__sizes button:has(.otc-builder__size-image){min-width:46%}}.otc-builder__sizes button[data-option="3.25L Victorian Jar"] .otc-builder__size-image{width:168px;transform:scaleX(1.08)}.otc-builder__container-types button[data-type=jar] .otc-builder__parent-image{transform:scaleX(1.08)}@media(max-width:700px){.otc-builder__sizes button[data-option="3.25L Victorian Jar"] .otc-builder__size-image{width:132px}}.otc-builder__sizes button[data-option="0.5L Mini Jar"] .otc-builder__size-image{height:145px;transform:scaleY(.84);transform-origin:center bottom}@media(max-width:700px){.otc-builder__sizes button[data-option="0.5L Mini Jar"] .otc-builder__size-image{height:118px}}.otc-builder__sizes button.is-selected{border-color:#57c9ee!important;background:#dff7ff!important;box-shadow:0 0 0 4px #b9ebf7,0 8px 24px #57c9ee55!important;transform:translateY(-2px);color:#145d78}.otc-builder__sizes button.is-selected .otc-builder__size-image{filter:drop-shadow(0 7px 12px #57c9ee55)}.otc-builder__sizes button.is-selected small{color:#145d78}.otc-builder__guide,.otc-builder__next,.otc-builder__sweet-guide{max-width:980px;margin:22px auto 14px;display:flex;align-items:center;gap:13px;padding:14px 18px;border-radius:18px;background:#f3fbfe;border:2px solid #b9ebf7}.otc-builder__guide>span,.otc-builder__next>span,.otc-builder__sweet-guide>span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#57c9ee;color:#fff;font-size:20px;font-weight:900}.otc-builder__guide strong,.otc-builder__next strong,.otc-builder__sweet-guide strong{display:block;font-size:18px;color:#145d78}.otc-builder__guide small,.otc-builder__next small,.otc-builder__sweet-guide small{display:block;margin-top:2px;color:#655761}.otc-builder__arrow{margin-left:auto;font-size:28px;color:#57c9ee;animation:otcArrow 1s ease-in-out infinite}@keyframes otcArrow{50%{transform:translateY(5px)}}.otc-builder__sweet-guide{background:#fff3f9;border-color:#f2b9d7}.otc-builder__sweet-guide>span{background:#ed76b5}.otc-builder__sweet-guide strong{color:#a63e75}@media(max-width:700px){.otc-builder__guide,.otc-builder__next,.otc-builder__sweet-guide{padding:12px}.otc-builder__guide strong,.otc-builder__next strong,.otc-builder__sweet-guide strong{font-size:16px}}.otc-builder__sizes button[data-option="5L Bucket"] .otc-builder__size-image{width:172px;height:184px;transform:scale(1.08);transform-origin:center bottom}.otc-builder__container-types button[data-type=bucket] .otc-builder__parent-image{transform:scale(1.07);transform-origin:center bottom}@media(max-width:700px){.otc-builder__sizes button[data-option="5L Bucket"] .otc-builder__size-image{width:136px;height:148px}}.otc-builder__size-photo{position:relative;display:block;width:max-content;max-width:100%;margin:0 auto 10px}.otc-builder__size-photo .otc-builder__size-image{margin:0 auto}.otc-builder__brand-badge{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fff url(/cdn/shop/files/ot-candy-round-badge-source.jpg?v=1791216633) center/145% auto no-repeat;box-shadow:0 1px 4px #0002;border:2px solid #fff;pointer-events:none}@media(max-width:700px){.otc-builder__brand-badge{width:39px;height:39px}}.otc-builder__parent-photo{position:relative;display:block;width:max-content;max-width:100%;margin:0 auto 10px}.otc-builder__parent-photo .otc-builder__parent-image{margin:0 auto}.otc-builder__parent-photo .otc-builder__brand-badge{z-index:3;width:52px;height:52px}.otc-builder__brand-badge{display:block!important;z-index:4!important;background-color:#fff!important}.otc-builder,.otc-builder *{box-sizing:border-box}.otc-builder{width:100%;max-width:100%;overflow-x:hidden}.otc-builder__container-types,.otc-builder__sizes,.otc-builder__workspace,.otc-builder__grid{max-width:100%;min-width:0}.otc-builder__container-types button,.otc-builder__sizes button{min-width:0;max-width:100%}.otc-builder__parent-photo,.otc-builder__size-photo{width:100%;max-width:100%;overflow:visible}.otc-builder__parent-image,.otc-builder__size-image{max-width:100%!important}.otc-builder__brand-badge{width:30px!important;height:30px!important;top:57%!important;border-width:1px!important;box-shadow:0 1px 3px #0002!important;background-size:145% auto!important}.otc-builder__parent-photo .otc-builder__brand-badge{width:32px!important;height:32px!important}@media(max-width:700px){html,body{max-width:100%;overflow-x:hidden}.otc-builder{overflow-x:hidden}.otc-builder__container-types{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}.otc-builder__container-types button{width:100%!important;min-width:0!important;padding:10px 7px!important}.otc-builder__parent-photo{width:100%!important}.otc-builder__parent-image{width:100%!important;height:118px!important;object-fit:contain!important;transform:none!important}.otc-builder__sizes{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;overflow:visible!important}.otc-builder__sizes button,.otc-builder__sizes button:has(.otc-builder__size-image){width:100%!important;min-width:0!important;max-width:100%!important;padding:10px 6px 13px!important}.otc-builder__size-photo{width:100%!important}.otc-builder__size-image,.otc-builder__sizes button[data-option="5L Bucket"] .otc-builder__size-image,.otc-builder__sizes button[data-option="3.25L Victorian Jar"] .otc-builder__size-image,.otc-builder__sizes button[data-option="0.5L Mini Jar"] .otc-builder__size-image{width:100%!important;max-width:130px!important;height:120px!important;object-fit:contain!important;transform:none!important}.otc-builder__brand-badge,.otc-builder__parent-photo .otc-builder__brand-badge{width:25px!important;height:25px!important}.otc-builder__workspace{display:block!important;width:100%!important}.otc-builder__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:10px!important}.otc-builder__card{min-width:0!important;width:100%!important;max-width:100%!important}img{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/otc-mix-builder.css.map */