:root{--primary: #de130a;--primary-dark: #de130a;--secondary: #6b7280;--background: #f9fafb;--text: #1f2937;--success: #047857;--border: #e5e7eb;--desc-font-size: 1.5rem;--heading-font-size: 2.7rem}.bundle-builder-container{max-width:1280px;margin:0 auto;padding:2rem 1rem}.intro-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin-bottom:3rem;animation:fadeIn .5s ease-in}.intro-content{min-width:0}.intro-image img{width:100%;border-radius:1rem;box-shadow:var(--shadow);object-fit:cover;aspect-ratio:4/3;transition:transform .3s ease}.intro-image img:hover{transform:scale(1.02)}h1.bundle-heading{font-size:2.5rem;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:1rem}p.bundle-description{font-size:var(--desc-font-size);color:var(--secondary);line-height:1.6;margin-bottom:1.5rem}button.bundle-button{background:var(--primary-dark);color:#fff;padding:1.2rem 2.8rem;border-radius:.5rem;border:none;cursor:pointer;font-size:1.5rem;font-weight:700;transition:all .3s ease;box-shadow:var(--shadow)}button.bundle-button:hover{background:var(--primary-dark);transform:translateY(-2px)}button.bundle-button:focus{outline:2px solid var(--primary);outline-offset:2px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;padding:1rem 0}.product-category{margin-bottom:3rem}.product-category h3{font-size:1.7rem;font-weight:600;color:var(--text);margin-bottom:1.5rem;position:relative}.product-category h3:after{content:"";position:absolute;bottom:-.5rem;left:0;width:3rem;height:3px;background:var(--primary)}.product-card{border:1px solid var(--border);border-radius:1rem;padding:1rem;background:#fff;transition:all .3s ease;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-card p{font-size:1.2rem;color:var(--text)}.product-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.product-image{position:relative;margin-bottom:1rem}.product-image img{width:100%;border-radius:.5rem;aspect-ratio:1/1;object-fit:cover;transition:opacity .3s ease}.product-image img:hover{opacity:.9}.product-selection{position:absolute;top:.5rem;right:.5rem}.selection-indicator{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--border);border-radius:50%;cursor:pointer;transition:all .2s ease}.selection-indicator.selected{background:var(--primary);border-color:var(--primary);color:#fff}.bundle-summary{background:#fff;padding:2rem;border-radius:1rem;margin-top:2rem;box-shadow:var(--shadow);border:1px solid var(--border)}.bundle-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:1rem;margin-top:1rem;font-size:var(--desc-font-size);font-weight:600}.bundle-discount-message{text-align:center;margin:1rem 0;font-size:var(--desc-font-size);color:var(--secondary);background:var(--background);padding:.5rem;border-radius:.5rem}.success-message{color:var(--success);font-weight:600;animation:slideIn .3s ease}#bundleSuccessPopup{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.popup-content{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 20px 25px -5px #0000004d;max-width:28rem;width:90%;animation:slideUp .3s ease}.discount-code{background:var(--background);padding:1rem;border-radius:.5rem;margin:1rem 0;font-family:monospace;font-size:1.45rem;font-weight:600;text-align:center;color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1024px){.intro-section{grid-template-columns:1fr}h1.bundle-heading{font-size:2rem}}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(2,1fr)}.bundle-builder-container{padding:1.5rem .75rem}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}h1.bundle-heading{font-size:1.75rem}button.bundle-button{width:100%}.popup-content{padding:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/bundle-builder.css.map */