.pack-progress-container{background:#fff;padding:var(--padding-lg);border-radius:var(--card-border-radius);box-shadow:0 2px 8px #0000001a;margin-bottom:var(--margin-xl)}.pack-progress-steps{display:flex;justify-content:flex-start;margin-bottom:var(--margin-lg);gap:0;position:relative}.step-indicator{display:flex;flex-direction:column;align-items:flex-start;position:relative;min-width:120px;padding-right:var(--padding-md)}.step-number{width:24px;height:24px;border-radius:4px;background:rgb(var(--color-border-rgb, 229 231 235));color:rgb(var(--color-foreground-rgb) / 65%);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:var(--margin-2xs);font-size:12px;transition:all .3s ease}.step-indicator.active .step-number,.step-indicator.completed .step-number{background:var(--color-success, #22c55e);color:#fff}.step-label{font-size:14px;color:rgb(var(--color-foreground-rgb) / 65%);text-align:left;font-weight:500}.step-indicator.active .step-label,.step-indicator.completed .step-label{color:var(--color-foreground);font-weight:600}.step-indicator.active .step-number{background:rgb(var(--color-button-rgb));color:var(--color-button-text)}.step-indicator.completed .step-number{background:rgb(var(--color-accent-rgb));color:#fff}.step-label{font-size:var(--font-size-sm);color:var(--color-foreground-muted);text-align:center}.step-indicator.active .step-label,.step-indicator.completed .step-label{color:var(--color-foreground);font-weight:500}.pack-size-options{display:grid;gap:var(--gap-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--margin-xl)}.pack-option-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--margin-sm)}.pack-option-title{font-size:var(--font-h3--size);margin:0;color:var(--color-foreground)}.pack-option-badge{background:rgb(var(--color-accent-rgb));color:#fff;padding:var(--padding-2xs) var(--padding-xs);border-radius:12px;font-size:var(--font-size-xs);font-weight:600}.pack-option-badge--popular{background:rgb(var(--color-button-rgb))}.pack-option-description{color:var(--color-foreground-muted);margin-bottom:var(--margin-md);line-height:1.5}.pack-option-pricing{display:flex;flex-direction:column;gap:var(--gap-2xs)}.pack-option-price{font-size:var(--font-h2--size);font-weight:700;color:rgb(var(--color-button-rgb))}.pack-option-per-item{color:var(--color-foreground-muted);font-size:var(--font-size-sm)}.product-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-lg);flex-wrap:wrap;gap:var(--gap-sm)}.selection-counter{background:rgb(var(--color-accent-rgb) / .1);padding:var(--padding-xs) var(--padding-sm);border-radius:20px;font-weight:500;color:var(--color-foreground)}.pack-item{background:#fff;border-radius:var(--card-border-radius);overflow:hidden;transition:all .3s ease}.pack-item-image{position:relative;overflow:hidden}.pack-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.pack-item:hover .pack-item-image img{transform:scale(1.05)}.pack-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background-alt)}.pack-item-content{padding:var(--padding-sm)}.pack-item-title{font-size:var(--font-h4--size);font-weight:400;margin:0 0 var(--margin-xs);color:var(--color-foreground);line-height:1.3}.pack-item-price{font-size:var(--font-size-lg);font-weight:700;color:rgb(var(--color-button-rgb));margin-bottom:var(--margin-xs)}.pack-item-nutrition{display:flex;gap:var(--gap-sm);margin-bottom:var(--margin-xs);flex-wrap:wrap}.nutrition-item{background:rgb(var(--color-accent-rgb) / .1);padding:var(--padding-2xs) var(--padding-xs);border-radius:12px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-foreground)}.pack-item-description{color:var(--color-foreground-muted);font-size:var(--font-size-sm);line-height:1.4;margin:0}.frequency-options{display:flex;flex-direction:column;gap:var(--gap-md);margin-bottom:var(--margin-xl)}.frequency-info{flex:1}.frequency-title{font-size:var(--font-h4--size);margin:0 0 var(--margin-2xs);color:var(--color-foreground)}.frequency-description{color:var(--color-foreground-muted);margin:0;font-size:var(--font-size-sm)}.frequency-radio{display:flex;align-items:center}.frequency-radio input[type=radio]{margin:0;width:20px;height:20px}.delivery-zone-checker{background:rgb(var(--color-accent-rgb) / .05);padding:var(--padding-lg);border-radius:var(--card-border-radius);margin-bottom:var(--margin-xl);border:1px solid rgb(var(--color-accent-rgb) / .2)}.zip-code-label{display:block;font-weight:500;margin-bottom:var(--margin-sm);color:var(--color-foreground)}.zip-code-input-wrapper{margin-bottom:var(--margin-sm)}.zip-code-input{width:100%;max-width:200px;padding:var(--padding-sm);border:2px solid var(--color-border);border-radius:var(--card-border-radius);font-size:var(--font-size-base);transition:border-color .3s ease}.zip-code-input:focus{outline:none;border-color:rgb(var(--color-button-rgb))}.delivery-note{color:var(--color-foreground-muted);font-size:var(--font-size-sm);margin:0;line-height:1.4}.subscription-benefits{background:rgb(var(--color-button-rgb) / .05);padding:var(--padding-lg);border-radius:var(--card-border-radius);border:1px solid rgb(var(--color-button-rgb) / .2)}.subscription-benefits h3{margin:0 0 var(--margin-md);color:var(--color-foreground)}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{margin-bottom:var(--margin-xs);color:var(--color-foreground);font-size:var(--font-size-sm);line-height:1.4}.pack-summary-content{background:#fff;padding:var(--padding-lg);border-radius:var(--card-border-radius);box-shadow:0 4px 12px #0000001a}.pack-summary-heading{font-size:var(--font-h3--size);font-weight:var(--font-heading--weight);margin:0 0 var(--margin-lg);color:var(--color-foreground)}.pack-summary-details{margin-bottom:var(--margin-lg)}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--margin-sm)}.summary-label{color:var(--color-foreground-muted);font-size:var(--font-size-sm)}.summary-value{font-weight:500;color:var(--color-foreground)}.summary-divider{border:none;border-top:1px solid var(--color-border);margin:var(--margin-md) 0}.summary-total{font-size:var(--font-size-lg);font-weight:700;padding-top:var(--padding-sm);border-top:2px solid var(--color-border)}.summary-per-item{text-align:center;color:var(--color-foreground-muted);font-size:var(--font-size-sm);margin-top:var(--margin-xs)}.per-item-price{font-weight:500;color:rgb(var(--color-button-rgb))}.loyalty-points{display:flex;align-items:center;gap:var(--gap-sm);background:linear-gradient(135deg,rgb(var(--color-primary-rgb, 254 243 199)),rgb(var(--color-primary-rgb, 251 191 36)));padding:var(--padding-md);border-radius:var(--card-border-radius);margin-bottom:var(--margin-lg)}.loyalty-icon{font-size:24px;flex-shrink:0}.loyalty-info{flex:1}.loyalty-info strong{display:block;color:rgb(var(--color-primary-rgb, 146 64 14));margin-bottom:var(--margin-2xs)}.loyalty-info p{margin:0;font-size:var(--font-size-xs);color:rgb(var(--color-primary-rgb, 146 64 14));line-height:1.3}.loyalty-points-amount{color:var(--color-error, #dc2626)}.pack-summary-actions{display:flex;flex-direction:column;gap:var(--gap-md)}.add-pack-to-cart{width:100%;padding:var(--padding-md);font-size:var(--font-size-base);font-weight:600;border-radius:var(--card-border-radius);border:none;cursor:pointer;transition:all .3s ease;background-color:#000;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center}.add-pack-to-cart:not(:disabled){background:rgb(var(--color-button-rgb));color:var(--color-button-text)}.add-pack-to-cart:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.add-pack-to-cart:disabled{background:var(--color-border);color:var(--color-foreground-muted);cursor:not-allowed}.pack-management-links{display:flex;flex-direction:column;gap:var(--gap-xs);padding-top:var(--padding-sm);border-top:1px solid var(--color-border)}.pack-link{color:rgb(var(--color-button-rgb));text-decoration:none;font-size:var(--font-size-sm);font-weight:500;text-align:center;padding:var(--padding-xs);border-radius:var(--border-radius);transition:all .3s ease}.pack-link:hover{background:rgb(var(--color-button-rgb) / .1);text-decoration:underline}.pack-overflow-notice{background:rgb(var(--color-accent-rgb) / .1);padding:var(--padding-md);border-radius:var(--border-radius);margin-top:var(--margin-lg);border-left:4px solid rgb(var(--color-accent-rgb))}.pack-overflow-notice p{margin:0;font-size:var(--font-size-sm);color:var(--color-foreground);line-height:1.4}.subscription-management{padding-top:var(--padding-lg);border-top:1px solid var(--color-border)}.subscription-management h4{margin:0 0 var(--margin-md);font-size:var(--font-size-base);color:var(--color-foreground)}.subscription-actions{display:flex;flex-direction:column;gap:var(--gap-xs)}.subscription-action{background:transparent;border:1px solid var(--color-border);padding:var(--padding-sm);border-radius:var(--border-radius);font-size:var(--font-size-sm);color:var(--color-foreground);cursor:pointer;transition:all .3s ease}.subscription-action:hover{background:var(--color-background-alt);border-color:rgb(var(--color-button-rgb))}@media screen and (max-width: 989px){.pack-builder-wrapper{grid-template-columns:1fr}.pack-summary-sidebar{order:-1;margin-bottom:var(--margin-xl)}.pack-progress-steps{flex-wrap:wrap;gap:var(--gap-sm)}.pack-size-options{grid-template-columns:1fr}}@media screen and (max-width: 749px){.product-selection-header{flex-direction:column;align-items:flex-start;gap:var(--gap-md)}.dietary-filters{justify-content:center}.pack-progress-steps:before{display:none}.step-indicator{flex-direction:row;gap:var(--gap-xs)}.step-number{width:32px;height:32px;margin-bottom:0}.step-label{font-size:var(--font-size-xs)}}.pack-option:focus,.frequency-option:focus,.dietary-filter:focus{outline:2px solid rgb(var(--color-button-rgb));outline-offset:2px}.pack-item:focus,.pack-item:focus-visible,.pack-item:focus-within{outline:none}.pack-builder-loading{position:relative;overflow:hidden}.pack-builder-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.product-selection-grid::-webkit-scrollbar{width:8px}.product-selection-grid::-webkit-scrollbar-track{background:var(--color-background-alt);border-radius:4px}.product-selection-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.product-selection-grid::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-button-rgb) / .5)}.pack-item-actions{margin-top:var(--margin-sm);display:flex;align-items:center;justify-content:center}.pack-add-btn{background:var(--color-primary, #f97316);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;width:100%;margin-top:12px;pointer-events:auto}.pack-add-btn:disabled{background:rgb(var(--color-border-rgb, 209 213 219));color:rgb(var(--color-foreground-rgb) / 50%);cursor:not-allowed}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:12px;background:var(--color-success, #22c55e);border-radius:8px;padding:8px}.quantity-btn{background:#fff;color:var(--color-success, #22c55e);border:none;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease}.quantity-btn:hover:not(:disabled){background:rgb(var(--color-foreground-rgb) / .06)}.quantity-display{color:#fff;font-weight:700;font-size:16px;min-width:20px;text-align:center}.pack-add-btn:hover:not(:disabled){background:rgb(var(--color-primary-rgb, 234 88 12) / 90%);transform:translateY(-1px)}.pack-add-btn:disabled{background:var(--color-border);color:var(--color-foreground-muted);cursor:not-allowed}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);width:100%}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.pack-item.selected{border-color:var(--color-success, #22c55e);outline:calc(var(--border-width-md) / 2) solid currentColor;outline-color:var(--color-success, #22c55e);outline-offset:-2px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/pack-builder-styles.css.map */