.pd-box{background:var(--pink);padding-block:clamp(40px,6vw,88px)}.pd-box__step{margin-bottom:clamp(26px,3.5vw,42px)}.pd-box__step-label{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-family:var(--sans);font-weight:800;color:var(--cocoa);font-size:clamp(17px,1.8vw,21px)}.pd-box__step-label span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:var(--cocoa);color:var(--cream);font-size:14px;flex:none}.pd-box__sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pd-box__size{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:22px 14px 18px;background:var(--butter);border:2px solid var(--line);border-radius:var(--r);cursor:pointer;transition:transform .35s var(--bounce),border-color .25s,background .25s;text-align:center}.pd-box__size:hover{transform:translateY(-2px);border-color:var(--pink-deep)}.pd-box__size[aria-checked=true]{border-color:var(--cocoa);background:var(--cocoa)}.pd-box__size[aria-checked=true] .pd-box__size-count,.pd-box__size[aria-checked=true] .pd-box__size-price{color:var(--cream)}.pd-box__size[aria-checked=true] .pd-box__size-per{color:var(--on-dark-soft)}.pd-box__size:focus-visible{outline:3px solid var(--pink-deep);outline-offset:2px}.pd-box__size-count{font-family:var(--sans);font-weight:800;font-size:15px;color:var(--cocoa)}.pd-box__size-price{font-family:var(--sans);font-weight:800;font-size:clamp(22px,2.6vw,30px);color:var(--cocoa);font-variant-numeric:tabular-nums}.pd-box__size-per{font-size:12px;font-weight:600;color:var(--ink-faint);font-variant-numeric:tabular-nums}.pd-box__tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px}.pd-box__tag--popular{background:var(--pink-deep);color:var(--cocoa)}.pd-box__tag--value{background:var(--leaf);color:var(--cream)}.pd-box__flavors{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.pd-box__flavor{background:var(--butter);border:1px solid var(--line);border-radius:var(--r);padding:10px;display:flex;flex-direction:column;gap:10px;transition:border-color .25s,box-shadow .25s}.pd-box__flavor.is-active{border-color:var(--cocoa);box-shadow:0 8px 22px #3626191a}.pd-box__flavor.is-soldout{opacity:.55}.pd-box__flavor-media{position:relative;width:100%;aspect-ratio:1;border-radius:calc(var(--r) - 6px);overflow:hidden;background:var(--butter);margin-bottom:2px}.pd-box__flavor-media img{width:100%;height:100%;object-fit:cover;display:block}.pd-box__soldout-tag{display:inline-block;margin-left:7px;padding:2px 8px;border-radius:999px;background:var(--cocoa-soft);color:var(--cream);font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;vertical-align:1px}.pd-box__flavor-name{display:block;font-family:var(--sans);font-weight:700;color:var(--cocoa);font-size:14px}.pd-box__flavor-macro{display:block;font-size:11.5px;color:var(--ink-faint);font-weight:600;margin-top:2px}.pd-box__stepper{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:4px}.pd-box__step-btn{width:34px;height:34px;border:0;border-radius:999px;background:var(--cocoa);color:var(--cream);font-size:20px;line-height:1;cursor:pointer;flex:none;transition:transform .25s var(--bounce),background .25s}.pd-box__step-btn:hover:not([disabled]){transform:scale(1.08);background:var(--cocoa-deep)}.pd-box__step-btn[disabled]{background:var(--line);color:var(--ink-faint);cursor:default}.pd-box__step-btn:focus-visible{outline:3px solid var(--pink-deep);outline-offset:2px}.pd-box__qty{font-family:var(--sans);font-weight:800;font-size:16px;color:var(--cocoa);min-width:20px;text-align:center;font-variant-numeric:tabular-nums}.pd-box__tracker{margin:clamp(24px,3vw,34px) 0 0}.pd-box__count{font-family:var(--sans);font-weight:700;color:var(--cocoa);font-size:16px;margin-bottom:8px}.pd-box__count strong{font-weight:800}.pd-box__bar{height:10px;border-radius:999px;background:var(--butter);border:1px solid var(--line);overflow:hidden}.pd-box__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--pink-deep),var(--berry));width:0;transition:width .4s var(--ease)}.pd-box__upsell{margin-top:12px;padding:12px 16px;background:var(--butter);border-radius:var(--r);color:var(--cocoa);font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pd-box__upsell button{border:0;background:var(--cocoa);color:var(--cream);border-radius:999px;padding:8px 16px;font-family:var(--sans);font-weight:700;font-size:13px;cursor:pointer}.pd-box__cta{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}.pd-box__cta-price{display:flex;flex-direction:column}.pd-box__cta-total{font-family:var(--sans);font-weight:800;font-size:24px;color:var(--cocoa);font-variant-numeric:tabular-nums}.pd-box__cta-per{font-size:12px;font-weight:600;color:var(--ink-faint)}.pd-box__add{flex:1;min-width:220px;border:0;border-radius:999px;background:var(--cocoa);color:var(--cream);font-family:var(--sans);font-weight:700;font-size:16px;min-height:56px;cursor:pointer;transition:transform .4s var(--bounce),background .3s}.pd-box__add:hover:not([disabled]){transform:translateY(-2px);background:var(--cocoa-deep)}.pd-box__add[disabled]{background:var(--cocoa-soft);color:#faf4e9b3;cursor:default}.pd-box__note{margin:12px 0 0;font-size:13px;color:var(--ink-faint)}.pd-box [hidden]{display:none!important}.pd-box__modes{display:inline-flex;gap:4px;padding:4px;margin-bottom:16px;background:var(--butter);border:1px solid var(--line);border-radius:999px}.pd-box__mode{border:0;background:transparent;border-radius:999px;padding:9px 18px;cursor:pointer;font-family:var(--sans);font-weight:700;font-size:14px;color:var(--ink-faint);transition:background .18s ease,color .18s ease}.pd-box__mode[aria-selected=true]{background:var(--cocoa);color:var(--cream)}.pd-box__mode:focus-visible{outline:3px solid var(--pink-deep);outline-offset:2px}.pd-box__curated{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.pd-box__curated-card{position:relative;display:flex;flex-direction:column;gap:10px;text-align:left;padding:14px;background:var(--butter);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pd-box__curated-card:hover{transform:translateY(-2px);border-color:var(--pink-deep)}.pd-box__curated-card.is-active{border-color:var(--cocoa);box-shadow:0 8px 22px #3626191a}.pd-box__curated-card:focus-visible{outline:3px solid var(--pink-deep);outline-offset:2px}.pd-box__curated-media{display:block;width:100%;aspect-ratio:16/10;border-radius:calc(var(--r) - 6px);overflow:hidden;background:var(--cream)}.pd-box__curated-media img{width:100%;height:100%;object-fit:cover;display:block}.pd-box__curated-body{display:flex;flex-direction:column;gap:3px;flex:1}.pd-box__curated-name{font-family:var(--sans);font-weight:800;color:var(--cocoa);font-size:16px}.pd-box__curated-blurb{font-size:13px;color:var(--ink-faint);line-height:1.45}.pd-box__curated-meta{margin-top:4px;font-family:var(--sans);font-weight:700;font-size:13px;color:var(--cocoa);font-variant-numeric:tabular-nums}.pd-box__curated-cta{font-family:var(--sans);font-weight:700;font-size:13px;color:var(--berry)}.pd-box .pd-sub{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;max-width:560px}.pd-box .pd-sub__opt{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--butter);border:1px solid var(--line);border-radius:var(--r);cursor:pointer;transition:border-color .18s ease}.pd-box .pd-sub__opt:hover{border-color:var(--pink-deep)}.pd-box .pd-sub__opt:has(input:checked){border-color:var(--cocoa)}.pd-box .pd-sub__opt input{margin-top:3px;accent-color:var(--cocoa);width:18px;height:18px;flex:none}.pd-box .pd-sub__opt input:focus-visible{outline:3px solid var(--pink-deep);outline-offset:2px}.pd-box .pd-sub__opt--save.is-preview{opacity:.7}.pd-box .pd-sub__opt-main{display:flex;flex-direction:column;gap:3px;flex:1}.pd-box .pd-sub__opt-title{font-family:var(--sans);font-weight:700;color:var(--cocoa);font-size:15px}.pd-box .pd-sub__opt-sub{font-size:13px;color:var(--ink-faint);line-height:1.45}.pd-box .pd-sub__badge{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:999px;background:var(--leaf);color:var(--cream);font-size:11px;font-weight:800;letter-spacing:.02em}.pd-box .pd-sub__freq{display:flex;align-items:center;gap:10px;padding-left:2px}.pd-box .pd-sub__freq-label{font-family:var(--sans);font-weight:700;font-size:13px;color:var(--cocoa)}.pd-box .pd-sub__select{flex:1;max-width:240px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--butter);font-family:var(--sans);font-size:14px;color:var(--cocoa)}.pd-box .pd-sub__select:focus-visible{outline:3px solid var(--pink-deep);outline-offset:2px}.pd-box .pd-sub__note{margin:2px 0 0;font-size:12.5px;color:var(--ink-faint)}.pd-box .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:749px){.pd-box__modes{display:flex;width:100%}.pd-box__mode{flex:1;text-align:center;min-height:44px}.pd-box__curated{grid-template-columns:1fr}.pd-box__step-btn{width:44px;height:44px}.pd-box__cta{position:sticky;bottom:0;z-index:20;background:var(--pink);padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad)}.pd-box__flavors{grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(2,1fr);grid-auto-columns:calc(50% - 7px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px;overflow-y:hidden;overscroll-behavior-x:contain}.pd-box__flavors::-webkit-scrollbar{display:none}.pd-box .pd-sub__select{font-size:16px}.pd-box__flavor{scroll-snap-align:start}}@media(prefers-reduced-motion:reduce){.pd-box__size,.pd-box__step-btn,.pd-box__add,.pd-box__bar span,.pd-box__mode,.pd-box__curated-card{transition:none}}.pd-box__expand{display:flex;align-items:center;gap:14px;margin:clamp(6px,1vw,12px) auto 0;height:58px;padding:0 10px 0 30px;border:0;border-radius:999px;background:var(--cocoa);color:var(--cream);font-family:var(--sans);font-weight:700;font-size:16px;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 26px #21191338;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s}.pd-box__expand svg{width:38px;height:38px;padding:9px;box-sizing:border-box;border-radius:50%;background:var(--pink);color:var(--cocoa);animation:pd-box-nudge 1.8s ease-in-out infinite}.pd-box__expand:hover{transform:translateY(-2px);box-shadow:0 14px 32px #21191347}.pd-box__expand:active{transform:scale(.98)}.pd-box__expand[aria-expanded=true]{display:none}.pd-box__expand:focus-visible{outline:3px solid var(--pink-deep);outline-offset:3px}@keyframes pd-box-nudge{0%,to{translate:0 0}50%{translate:0 4px}}.pd-box__more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease);grid-template-columns:minmax(0,1fr)}.pd-box__more.is-open{grid-template-rows:1fr}.pd-box__more-in{min-height:0;min-width:0;overflow:hidden}.pd-box__more.is-open .pd-box__more-in{overflow:visible}@media(prefers-reduced-motion:reduce){.pd-box__more{transition:none}.pd-box__expand svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/prodani-box-builder.css.map */