:root{--pack-primary: #ff4d8f;--pack-primary-dark: #e6357a;--pack-secondary: #000000;--pack-accent: #ffd700;--pack-success: #4caf50;--pack-warning: #ff9800;--pack-error: #f44336;--pack-bg: #f8f9fa;--pack-card-bg: #ffffff;--pack-text: #212529;--pack-text-light: #6c757d;--pack-border: #dee2e6;--pack-shadow: rgba(0, 0, 0, .1);--pack-transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}.pack-builder-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;background:var(--pack-bg)}.pack-builder-header{background:#fff;padding:30px 20px 20px;border-bottom:1px solid var(--pack-border);margin-bottom:0}.pack-builder-title{font-size:2rem;font-weight:800;margin:0 0 10px;color:var(--pack-text);text-align:center}.pack-builder-description{font-size:1rem;color:var(--pack-text-light);margin:0;text-align:center}.pack-counter{display:none}.pack-builder-main{display:grid;grid-template-columns:1fr 380px;gap:0;max-width:1600px;margin:0 auto;min-height:calc(100vh - 150px)}.pack-builder-products{padding:30px;overflow-y:auto}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.product-card{background:var(--pack-card-bg);border-radius:16px;overflow:hidden;transition:var(--pack-transition);cursor:pointer;position:relative;box-shadow:0 2px 8px #00000014}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.product-card.selected{box-shadow:0 0 0 3px var(--pack-primary)}.product-image-wrapper{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.product-image{width:100%;height:100%;object-fit:cover;transition:var(--pack-transition)}.product-card:hover .product-image{transform:scale(1.05)}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:900;color:#ffffffe6;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.product-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;z-index:10;transition:var(--pack-transition)}.btn-add-corner,.btn-remove-corner{width:48px;height:48px;border-radius:50%;background:var(--pack-primary);color:#fff;border:none;font-size:2rem;font-weight:700;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff4d8f66;transition:var(--pack-transition)}.btn-remove-corner{background:var(--pack-secondary);box-shadow:0 4px 12px #0000004d;opacity:0;transform:scale(.8);pointer-events:none}.product-card.selected .btn-remove-corner{opacity:1;transform:scale(1);pointer-events:auto}.btn-add-corner:hover,.btn-remove-corner:hover{transform:scale(1.1)}.btn-remove-corner:hover{background:#333}.btn-add-corner:active,.btn-remove-corner:active{transform:scale(.95)}.product-overlay{display:none}.product-quantity-badge{position:absolute;top:12px;left:12px;background:var(--pack-secondary);color:#fff;width:32px;height:32px;border-radius:50%;display:none;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;box-shadow:0 2px 8px #0000004d;z-index:10}.product-info{padding:16px;text-align:center}.product-title{font-size:.95rem;font-weight:600;margin:0 0 6px;color:var(--pack-text);line-height:1.3;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:1.1rem;font-weight:700;color:var(--pack-text);margin:0 0 8px}.product-style{display:inline-block;background:var(--pack-bg);color:var(--pack-text-light);padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pack-builder-footer{background:#fff;border-left:1px solid var(--pack-border);padding:30px 25px;position:sticky;top:0;height:fit-content;max-height:100vh;overflow-y:auto;box-shadow:none;bottom:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sidebar-title{font-size:1.5rem;font-weight:800;margin:0;color:var(--pack-text)}.btn-clear{background:none;border:none;color:var(--pack-primary);font-size:.9rem;font-weight:600;cursor:pointer;padding:0;transition:var(--pack-transition)}.btn-clear:hover{color:var(--pack-primary-dark);text-decoration:underline}.sidebar-subtitle{font-size:.9rem;color:var(--pack-text-light);margin:0 0 20px}.pack-size-selector{display:flex;gap:10px;margin-bottom:25px}.pack-size-option{flex:1;padding:12px 16px;background:var(--pack-bg);border:2px solid var(--pack-border);border-radius:12px;text-align:center;cursor:pointer;transition:var(--pack-transition)}.pack-size-option.active{background:var(--pack-secondary);border-color:var(--pack-secondary);color:#fff}.pack-size-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.pack-size-discount{font-size:.85rem;font-weight:700}.selected-beers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px;padding:20px 0}.beer-slot{aspect-ratio:1;border-radius:50%;background:#f8e6f0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;color:#999;position:relative;transition:var(--pack-transition)}.beer-slot.filled{background:#f8e6f0;color:var(--pack-text);position:relative}.beer-slot.filled:before{content:"\2713";position:absolute;top:2px;right:2px;width:16px;height:16px;background:var(--pack-primary);color:#fff;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center}.beer-slot-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.pack-summary{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:20px 0;border-top:1px solid var(--pack-border)}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:.95rem;color:var(--pack-text);font-weight:600}.summary-value{font-size:1.1rem;font-weight:700;color:var(--pack-text)}.summary-value.highlight{color:var(--pack-primary);font-size:1.3rem}.summary-price{color:var(--pack-secondary);font-size:1.4rem}.btn-add-pack{width:100%;background:var(--pack-text-light);color:#fff;border:none;padding:18px 30px;border-radius:12px;font-size:1rem;font-weight:700;cursor:not-allowed;transition:var(--pack-transition);text-transform:capitalize;margin-bottom:15px;opacity:.5}.btn-add-pack.enabled{background:var(--pack-secondary);cursor:pointer;opacity:1}.btn-add-pack.enabled:hover{background:var(--pack-text);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.btn-add-pack:disabled{cursor:not-allowed}.pack-message{font-size:.9rem;margin:0;padding:12px;border-radius:8px;text-align:center;min-height:20px}.pack-message.message-success{background:#4caf501a;color:var(--pack-success);font-weight:600}.pack-message.message-info{background:#2196f31a;color:#2196f3}.pack-message.message-warning{background:#ff98001a;color:var(--pack-warning);font-weight:600}.pack-message.message-error{background:#f443361a;color:var(--pack-error);font-weight:600}@media (max-width: 1200px){.pack-builder-main{grid-template-columns:1fr 340px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 992px){.pack-builder-main{grid-template-columns:1fr}.pack-builder-footer{position:fixed;bottom:0;left:0;right:0;top:auto;max-height:50vh;border-left:none;border-top:1px solid var(--pack-border);z-index:1000;box-shadow:0 -4px 20px #0000001a;padding:20px}.pack-builder-products{padding-bottom:360px}.sidebar-header{margin-bottom:12px}.sidebar-subtitle{margin:0 0 12px;font-size:.85rem}.selected-beers-grid{gap:8px;padding:12px 0}.pack-summary{padding:12px 0;margin-bottom:12px}.btn-add-pack{padding:14px 24px;font-size:.95rem;margin-bottom:10px}}@media (max-width: 768px){.pack-builder-title{font-size:1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.pack-builder-products{padding:20px 20px 340px}.pack-builder-footer{padding:16px;max-height:45vh}.sidebar-title{font-size:1.3rem}.sidebar-subtitle{display:none}.sidebar-header{margin-bottom:10px}.selected-beers-grid{gap:6px;padding:10px 0;grid-template-columns:repeat(4,1fr)}.beer-slot{font-size:.85rem}.pack-summary{padding:10px 0;margin-bottom:10px}.summary-label{font-size:.85rem}.summary-value{font-size:1rem}.btn-add-pack{padding:12px 20px;font-size:.9rem;margin-bottom:8px}.pack-message{font-size:.8rem;padding:8px}}@media (max-width: 480px){.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pack-builder-products{padding:15px 15px 320px}.pack-builder-footer{padding:12px;max-height:42vh}.sidebar-title{font-size:1.1rem}.selected-beers-grid{gap:5px;padding:8px 0}.beer-slot{font-size:.75rem}.pack-summary{padding:8px 0;margin-bottom:8px}.btn-add-pack{padding:10px 16px;font-size:.85rem}}.cart-item a[href*=pack]~* button[aria-label=button-minus],.cart-item a[href*=pack]~* button[aria-label=button-plus]{display:none!important;visibility:hidden!important}
/*# sourceMappingURL=/cdn/shop/t/5/assets/pack-builder.css.map */