:root{--byob-primary: #D4AF37;--byob-selected-border: #D4AF37;--byob-progress-color: #D4AF37;--byob-button-color: #000000;--byob-button-text: #FFFFFF;--byob-button-radius: 25px;--byob-card-radius: 12px;--byob-image-radius: 8px;--byob-sticky-bg: rgba(255, 255, 255, .95);--byob-sticky-btn-color: #000000;--byob-sticky-btn-text: #FFFFFF;--byob-spacing-sm: 8px;--byob-spacing-md: 16px;--byob-spacing-lg: 24px;--byob-spacing-xl: 32px;--byob-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif}.byob-container{max-width:1440px;margin:0 auto;padding:0 20px;font-family:var(--byob-font-family)}.byob-header{text-align:center;margin-bottom:var(--byob-spacing-xl)}.byob-heading{font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:var(--byob-spacing-sm);letter-spacing:-.5px}.byob-subheading{font-size:1.25rem;color:#666;margin-bottom:var(--byob-spacing-md)}.byob-description{font-size:1rem;color:#888;max-width:600px;margin:0 auto;line-height:1.6}.byob-progress-wrapper{margin-bottom:var(--byob-spacing-xl);max-width:600px;margin-left:auto;margin-right:auto}.byob-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--byob-spacing-sm);font-size:.9rem;color:#666}.byob-progress-text{font-weight:500}.byob-progress-percentage{font-weight:600;color:var(--byob-progress-color)}.byob-progress-bar{width:100%;height:6px;background-color:#e0e0e0;border-radius:3px;overflow:hidden}.byob-progress-fill{height:100%;background:linear-gradient(90deg,var(--byob-progress-color),var(--byob-primary));border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.byob-controls{display:flex;flex-wrap:wrap;gap:var(--byob-spacing-md);margin-bottom:var(--byob-spacing-xl);align-items:center}.byob-search-wrapper{position:relative;flex:1;min-width:200px}.byob-search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.byob-search-input:focus{border-color:var(--byob-primary);box-shadow:0 0 0 3px #d4af371a}.byob-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1.2rem}.byob-sort-wrapper{min-width:150px}.byob-sort-select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background-color:#fff;cursor:pointer;transition:border-color .3s ease;outline:none}.byob-sort-select:focus{border-color:var(--byob-primary)}.byob-filters-wrapper{position:relative}.byob-filter-toggle{padding:12px 24px;background:#f5f5f5;border:none;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:var(--byob-spacing-sm);transition:background-color .3s ease}.byob-filter-toggle:hover{background-color:#e8e8e8}.byob-filters-dropdown{position:absolute;top:100%;right:0;margin-top:var(--byob-spacing-sm);background:#fff;padding:var(--byob-spacing-md);border-radius:8px;box-shadow:0 4px 20px #0000001a;min-width:250px;display:none;z-index:10}.byob-filters-dropdown.visible{display:block;animation:slideDown .3s ease}.byob-filter-group{margin-bottom:var(--byob-spacing-md)}.byob-filter-group label{display:block;font-weight:600;margin-bottom:var(--byob-spacing-sm);color:#333}.byob-filter-option{display:flex;align-items:center;gap:var(--byob-spacing-sm);margin-bottom:var(--byob-spacing-sm);font-weight:400;cursor:pointer}.byob-filter-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--byob-primary)}.byob-products-grid{display:grid;grid-template-columns:repeat(var(--desktop-cols, 4),1fr);gap:var(--byob-spacing-lg);margin-bottom:var(--byob-spacing-xl);transition:opacity .3s ease}.byob-product-card{background:#fff;border-radius:var(--byob-card-radius);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:2px solid transparent;position:relative}.byob-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.byob-product-card.selected{border-color:var(--byob-selected-border);box-shadow:0 4px 20px #d4af3726}.byob-product-card.hover-animation:hover{transform:translateY(-8px) scale(1.02)}.byob-product-card .card-shadow{box-shadow:0 2px 8px #0000000f}.byob-card-image{position:relative;padding-bottom:100%;overflow:hidden;background:#f8f8f8}.byob-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .5s ease;border-radius:var(--byob-image-radius)}.byob-product-card:hover .byob-card-image img{transform:scale(1.05)}.byob-card-image .hover-image{opacity:0;transition:opacity .5s ease}.byob-product-card:hover .byob-card-image .hover-image{opacity:1}.byob-badges{position:absolute;top:var(--byob-spacing-sm);left:var(--byob-spacing-sm);display:flex;flex-direction:column;gap:4px;z-index:2}.byob-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;background:#e74c3c}.byob-badge.discount{background:var(--byob-primary)}.byob-badge.sold-out{background:#666}.byob-card-content{padding:var(--byob-spacing-md)}.byob-card-vendor{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.byob-card-title{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:var(--byob-spacing-sm);line-height:1.3}.byob-card-pricing{display:flex;align-items:center;gap:var(--byob-spacing-sm);margin-bottom:var(--byob-spacing-sm)}.byob-card-price{font-size:1.1rem;font-weight:700;color:#1a1a1a}.byob-card-compare{font-size:.9rem;color:#999;text-decoration:line-through}.byob-card-rating{display:flex;align-items:center;gap:4px;margin-bottom:var(--byob-spacing-sm);color:#f5c518}.byob-card-rating .stars{letter-spacing:2px}.byob-card-rating .count{color:#999;font-size:.85rem}.byob-card-actions{display:flex;gap:var(--byob-spacing-sm);align-items:center}.byob-add-btn{flex:1;padding:10px 20px;background:var(--byob-button-color);color:var(--byob-button-text);border:none;border-radius:var(--byob-button-radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.byob-add-btn:hover{transform:scale(1.02);opacity:.9}.byob-add-btn:focus-visible{outline:3px solid var(--byob-primary);outline-offset:2px}.byob-add-btn.selected{background:#27ae60}.byob-add-btn .ripple{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:ripple .6s ease-out;pointer-events:none}.byob-add-btn:disabled{opacity:.5;cursor:not-allowed}.byob-quantity-selector{display:flex;align-items:center;gap:var(--byob-spacing-sm);background:#f5f5f5;border-radius:var(--byob-button-radius);padding:4px}.byob-qty-btn{width:32px;height:32px;border:none;background:#fff;border-radius:50%;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.byob-qty-btn:hover{background:var(--byob-primary);color:#fff}.byob-qty-value{font-weight:600;min-width:24px;text-align:center}.byob-sticky-bar{position:fixed;bottom:0;left:0;right:0;padding:var(--byob-spacing-md);background:var(--byob-sticky-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.05);z-index:100;transform:translateY(100%);transition:transform .3s ease;display:none}.byob-sticky-bar.visible{transform:translateY(0)}.byob-sticky-inner{max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--byob-spacing-md);align-items:center;justify-content:space-between}.byob-sticky-count{font-weight:600;font-size:.95rem}.byob-sticky-count-number{color:var(--byob-primary);font-size:1.2rem}.byob-sticky-thumbnails{display:flex;gap:var(--byob-spacing-sm);flex:1;flex-wrap:wrap;min-width:200px}.byob-sticky-thumb{position:relative;width:48px;height:48px;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0;transition:border-color .3s ease;background:#f5f5f5}.byob-sticky-thumb.selected{border-color:var(--byob-primary)}.byob-sticky-thumb img{width:100%;height:100%;object-fit:contain}.byob-sticky-thumb .remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background:#e74c3c;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.byob-sticky-thumb .remove-btn:hover{transform:scale(1.1)}.byob-sticky-thumb.empty-slot{display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:2px dashed #ccc;color:#999;font-size:1.5rem}.byob-sticky-pricing{display:flex;flex-direction:column;align-items:flex-end;min-width:120px}.byob-sticky-total{font-size:1.1rem;font-weight:700}.byob-sticky-price{color:var(--byob-primary)}.byob-sticky-compare{font-size:.85rem;color:#999;display:flex;gap:var(--byob-spacing-sm);flex-wrap:wrap}.byob-sticky-compare-price{text-decoration:line-through}.byob-sticky-savings{color:#27ae60;font-weight:600}.byob-sticky-add-cart{padding:14px 32px;background:var(--byob-sticky-btn-color);color:var(--byob-sticky-btn-text);border:none;border-radius:var(--byob-button-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px}.byob-sticky-add-cart:hover:not(:disabled){transform:scale(1.02);opacity:.9}.byob-sticky-add-cart:disabled{opacity:.5;cursor:not-allowed}.byob-toast{position:fixed;top:20px;right:20px;padding:16px 24px;background:#333;color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;transform:translate(120%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:1000;max-width:400px}.byob-toast.visible{transform:translate(0)}.byob-toast.success{background:#27ae60}.byob-toast.error{background:#e74c3c}.byob-toast-message{font-weight:500}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.byob-fade-in{animation:fadeIn .5s ease}.byob-slide-up{animation:slideUp .5s ease}@media(max-width:1024px){.byob-products-grid{grid-template-columns:repeat(var(--tablet-cols, 2),1fr)}.byob-heading{font-size:2rem}}@media(max-width:768px){.byob-products-grid{grid-template-columns:repeat(var(--mobile-cols, 2),1fr);gap:var(--byob-spacing-sm)}.byob-heading{font-size:1.75rem}.byob-subheading{font-size:1.1rem}.byob-controls{flex-direction:column}.byob-search-wrapper,.byob-sort-wrapper,.byob-filters-wrapper{width:100%}.byob-filters-dropdown{width:100%;position:static;box-shadow:none;border:2px solid #e0e0e0}.byob-sticky-inner{flex-direction:column;gap:var(--byob-spacing-sm)}.byob-sticky-count{width:100%;text-align:center}.byob-sticky-thumbnails{justify-content:center}.byob-sticky-pricing{align-items:center;width:100%}.byob-sticky-add-cart{width:100%;min-width:auto}.byob-toast{top:10px;right:10px;left:10px;max-width:none}}@media(max-width:480px){.byob-products-grid{grid-template-columns:repeat(1,1fr)}.byob-heading{font-size:1.5rem}.byob-card-content{padding:var(--byob-spacing-sm)}.byob-card-title{font-size:.95rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:3px solid var(--byob-primary);outline-offset:2px}.byob-empty-state{text-align:center;padding:var(--byob-spacing-xl);color:#666;font-size:1.1rem}.byob-empty-state p{margin:0}.byob-loading{opacity:.5;pointer-events:none}.byob-loading:after{content:"";display:block;width:40px;height:40px;margin:var(--byob-spacing-xl) auto;border:4px solid #e0e0e0;border-top-color:var(--byob-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/byob-builder.css.map */