.project-planner-wrapper{margin:20px 0;padding:0;border-top:1px solid rgba(0,0,0,.08)}.planner-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;background:none;border:none;cursor:pointer;text-align:left;color:inherit;font-size:.95rem;font-weight:500;opacity:.85;transition:opacity .2s ease}.planner-toggle:hover{opacity:1}.planner-toggle-title{display:flex;align-items:center;gap:.5rem}.planner-toggle-arrow{font-size:.85rem;transition:transform .2s ease}.project-planner-content{overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.project-planner-content.is-collapsed{max-height:0;opacity:0}.project-planner-content.is-expanded{max-height:500px;opacity:1}.project-planner{padding:0 0 16px}.planner-header{display:none}.planner-title{margin:0;font-size:.95rem;line-height:1.4;font-weight:500;color:inherit;display:flex;align-items:center;gap:.5rem}.planner-sub{margin:4px 0 0;font-size:.85rem;opacity:.6}.planner-controls{display:grid;gap:12px}.planner-input{display:flex;align-items:center;gap:8px;justify-content:flex-start}.qty-adjust{width:36px;height:36px;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;transition:all .2s ease}.qty-adjust:hover{opacity:1;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.qty-adjust:active{transform:scale(.95)}.qty-adjust:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px;opacity:1}.qty-input{width:48px;height:36px;text-align:center;font-size:1rem;font-weight:600;border:none;border-bottom:1.5px solid currentColor;border-radius:0;background:transparent;color:inherit;-moz-appearance:textfield}.qty-input:focus{outline:none;border-bottom-width:2px}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-label{font-size:.85rem;opacity:.6}.planner-presets{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.15);border-radius:999px;padding:8px 14px;font-size:.8rem;color:inherit;background:transparent;transition:all .2s ease;cursor:pointer}.preset-btn:hover{border-color:currentColor;background:#00000008}.preset-btn.active,.preset-btn:focus-visible{border-color:currentColor;background:rgb(var(--color-foreground));color:rgb(var(--color-background));outline:none}.stock-summary{margin-top:16px}.summary-alert{display:flex;align-items:flex-start;gap:10px;padding:0;border:none;background:transparent;font-size:.9rem;color:inherit}.summary-success .alert-icon{color:#4a7c59}.summary-none .alert-icon{color:#c53030}.alert-icon{font-size:1.25rem;flex-shrink:0;line-height:1.4}.alert-content{flex-grow:1}.alert-title{margin:0;font-weight:500;font-size:.9rem}.alert-subtitle{margin:2px 0 0;font-size:.8rem;opacity:.6}.alert-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.alert-link:hover{opacity:.7}.available-colors{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.color-chip{border:1px solid rgba(0,0,0,.1);border-radius:999px;padding:4px 10px;background:transparent;font-size:.75rem;font-weight:500}.color-stock{opacity:.5;font-weight:400}.color-more{background:#0000000d}.project-planner--inline{padding:0;border:0;background:transparent;margin:12px 0 0;border-top:none}.project-planner--inline .planner-header{display:none}.project-planner--inline .planner-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project-planner--inline .stock-summary{margin-top:0}.project-planner--compact{padding-top:16px;margin:16px 0}.project-planner--compact .planner-title{font-size:.9rem}li.insufficient-stock{position:relative}li.insufficient-stock:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffa6;border-radius:inherit;pointer-events:none}@media (max-width: 640px){.project-planner{margin:16px 0;padding-top:16px}.qty-adjust{width:40px;height:40px}.qty-input{width:52px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/project-planner.css.map */