:root{--color-text: #212529;--color-text-highlight: #212529;--color-background: #ffffff;--color-surface: #f8f9fa;--color-primary: #90f209;--color-accent: #007bff;--color-primary-hover: #c2ff6d;--color-accent-hover: #3d9bff;--border-color: #dee2e6;--shadow-color: rgba(0, 0, 0, .3);--text-color: #202020}@media (prefers-color-scheme: dark){:root{--color-text: #e9ecef;--color-text-highlight: #212529;--color-background: #202020;--color-surface: #1e1e1e;--color-primary: #90f209;--color-accent: #007bff;--color-primary-hover: #c2ff6d;--color-accent-hover: #3d9bff;--border-color: #495057;--shadow-color: rgba(0, 0, 0, .5);--text-color: #bbb}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-background);transition:color .2s,background-color .2s;overflow:hidden}#root{display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer";height:100vh;width:100vw}.app-header{grid-area:header;text-align:center;background-color:var(--color-background);border-bottom:1px solid var(--border-color);font-family:Poppins,sans-serif;z-index:10;-webkit-user-select:none;user-select:none}.app-header h1{margin:0}.app-header .subtitle{margin:.15rem 0 .5rem;font-size:1rem;font-weight:300;color:var(--color-text);font-family:Poppins,sans-serif}.app-main{grid-area:main;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:stretch}.app-footer{grid-area:footer;text-align:center;font-size:1rem;color:#777;font-family:Poppins,sans-serif;padding:.5rem;border-top:1px solid var(--border-color);-webkit-user-select:none;user-select:none}@media (max-width: 1024px){body{overflow:auto}#root{display:flex;flex-direction:column;min-height:100vh;height:auto}.app-header h1{font-size:1.2rem}.app-header .subtitle{font-size:.8rem}.app-main{flex-grow:1;overflow:visible}.app-footer{display:none}}.env-selector-container{width:100%;max-width:1200px}.env-selector-container h2{text-align:center;font-size:2rem;margin-bottom:2rem}.env-options{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.env-option{cursor:pointer;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;width:100%;max-width:320px;background-color:var(--color-surface);box-shadow:0 2px 8px var(--shadow-color)}.env-option:hover{transform:translateY(-5px);box-shadow:0 4px 15px var(--shadow-color)}.env-option img{max-width:100%;height:auto;display:block}.env-option h3{margin:0;padding:1rem}.skeleton-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.skeleton-image{width:100%;height:100%;background:linear-gradient(90deg,var(--color-surface) 25%,var(--border-color) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite linear}@keyframes skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.visualizer-wrapper{position:relative;background-color:var(--color-surface);border-radius:8px;overflow:hidden;cursor:zoom-in;width:100%;height:0;padding-bottom:56.25%;-webkit-user-select:none;user-select:none}@media (min-width: 1025px){.visualizer-wrapper{height:auto;padding-bottom:0;aspect-ratio:16 / 9;width:min(100%,calc((100vh - 120px) * 16 / 9),calc(100vw - 400px - 3rem));height:min(calc(100vh - 120px),calc((100vw - 400px - 3rem)*.5625));max-width:100%;max-height:100%}.visualizer-column{display:flex;align-items:center;justify-content:center;overflow:hidden}}@media (max-width: 1024px){.visualizer-wrapper{width:100%;aspect-ratio:16 / 9;max-height:35vh;border-radius:0;position:relative}}@media (max-width: 768px){.visualizer-wrapper{aspect-ratio:4 / 3;max-height:30vh}}.info-icon{z-index:3;position:absolute;bottom:0;right:0;padding:1rem;cursor:pointer}.visualizer-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease-in-out;z-index:2}.visualizer-image.loaded{opacity:1}.brand-logo{position:absolute;top:0;left:0;width:15%;padding:.5rem;z-index:3}.loader-container{position:absolute;bottom:0;left:0;padding:1rem;z-index:3}.loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;background-color:#0000000d;transition:opacity .3s ease-in-out}.loader-overlay.visible{opacity:1}.spinner{width:50px;height:50px;border:5px solid rgba(128,128,128,.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000d9;display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box;z-index:100;cursor:zoom-out;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-image{max-width:100%;object-fit:contain;box-shadow:0 10px 30px #00000080;animation:popIn .3s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.lightbox-close-text{color:#fff;margin-top:1rem;font-size:.9rem;opacity:.7}.lightbox-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}.lightbox-image.loading{opacity:0}.lightbox-image{transition:opacity .3s ease-in-out}.price-container{padding-bottom:.5rem}.price-breakdown,.price-total{display:flex;justify-content:space-between;align-items:center;font-size:1rem;margin-left:.5rem;margin-right:.5rem}.price-total{font-weight:700;font-size:1.25rem;display:flex;justify-content:space-between;align-items:center}.disabled-price{color:#999;font-style:italic}.price-note{font-size:.85rem;text-align:right;margin:0;opacity:.8}.quantity{font-size:1rem;align-self:flex-end;color:var(--text-color);margin-left:.3rem}.retail-price{font-size:1rem;font-weight:400;color:var(--color-text);opacity:.6;text-decoration:line-through;-webkit-user-select:none;user-select:none}.final-price{color:var(--color-primary)}.product-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-modal-panel{width:100%;max-width:500px;border-radius:8px;background-color:var(--color-background);padding:1.5rem;text-align:left;box-shadow:0 10px 25px #0003;color:var(--color-text);position:relative;animation:modal-fade-in .3s ease-out}.product-modal-header{display:flex;justify-content:space-between;align-items:center}.product-modal-title{font-size:1.5rem;font-weight:600}.product-modal-header h3{margin:0}.product-modal-content p{white-space:pre-wrap;font-size:.95rem;color:var(--color-text);line-height:1.6;margin-bottom:0}.product-modal-close-btn{background:none;border:none;cursor:pointer;color:var(--color-text);opacity:.7;transition:opacity .2s}.product-modal-close-btn:hover{opacity:1}.loader{align-self:center}.configurator-container{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.back-button{display:flex;align-items:center;gap:.5rem;font-family:Poppins,sans-serif;background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:1rem;padding:1rem 1rem 0rem;align-self:flex-start;flex-shrink:0;-webkit-user-select:none;user-select:none}.configurator-main{display:grid;grid-template-columns:1fr 400px;grid-template-areas:"visualizer options";gap:1rem;height:100%;overflow:hidden;padding:1rem}.visualizer-column{grid-area:visualizer;display:flex;align-items:first baseline;justify-content:center;overflow:hidden}.options-column{grid-area:options;background-color:var(--color-surface);border-radius:12px;box-shadow:0 0 20px var(--shadow-color);overflow-y:auto;overflow-x:hidden;padding:1rem;max-height:fit-content;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.options-column::-webkit-scrollbar-track{background:transparent}.options-column::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.options-column::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}.label-container{display:flex;align-items:center;margin-bottom:.5rem}.label-container label{margin:0;padding:0}.toggle-button{background-color:var(--color-surface);border:1px solid var(--border-color);color:var(--color-text);padding:.25rem .75rem;font-size:.75rem;border-radius:999px;cursor:pointer;margin-left:1rem;white-space:nowrap;align-self:flex-start;max-height:fit-content;transition:all .2s ease-in-out;opacity:.7}.toggle-button:hover{border-color:var(--color-primary)}.toggle-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-highlight);opacity:1}.options-column h2{margin-top:0;margin-bottom:2rem}.option-group{margin-bottom:1.5rem}.option-group:last-child{margin-bottom:0}.option-group label{display:block;font-weight:600;font-size:1.1rem}.option-group-description{font-size:small;color:var(--text-color);white-space:pre-wrap}.option-title{margin-bottom:1rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem}.option-button{padding:.5rem;border:1px solid var(--border-color);background-color:var(--color-background);color:var(--color-text);border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease-in-out;text-align:center}.option-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.option-button.selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-highlight)}.option-group select{width:100%;padding:.75rem;font-size:1rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--color-background);color:var(--color-text);cursor:pointer}.color-selector{display:flex;gap:.5rem;flex-wrap:wrap}.color-option{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border-color);background-color:var(--color-background);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.color-option span{font-size:.8rem;font-weight:500}.color-option:hover{border-color:var(--color-primary);color:var(--color-text)}.color-option.selected{background-color:var(--border-color)}.color-swatch{display:none;width:16px;height:16px;border-radius:50%}.color-swatch.black{display:block;background-color:#000}.color-swatch.grey{display:block;background-color:#bbb}.length-options-scroller{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:1rem;-ms-overflow-style:none;scrollbar-width:none}.length-options-scroller::-webkit-scrollbar{display:none}.length-option-button{flex-shrink:0;padding:.75rem 1.25rem;border:1px solid var(--border-color);background-color:var(--color-background);color:var(--color-text);border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.length-option-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.length-option-button.selected{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.length-option-button:disabled{background-color:var(--border-color);color:#888;cursor:not-allowed;opacity:.5}.price-info{margin:0;border-radius:8px;background-color:rgba(var(--color-background),.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);padding:.5rem;position:sticky;bottom:0}.external-link-container{display:flex;flex-direction:column;margin-top:1rem}.external-link-heading{font-size:.85rem;color:var(--text-color)}.external-link{width:fit-content;margin-top:.5rem;font-size:1rem;color:var(--color-primary);cursor:pointer;text-decoration:none}.add-to-cart-button{width:100%;font-size:1.1rem;font-weight:700;color:#fff;background-color:var(--color-accent);border:none;border-radius:5px;cursor:pointer;line-height:.5rem;transition:background-color .2s}.add-to-cart-button:hover{background-color:var(--color-accent-hover)}.add-to-cart-container{padding-top:1rem}.button-text{transition:opacity .2s ease-in-out}.button-text.fade-in{opacity:1;display:flex;gap:.5rem}.button-text.fade-out{opacity:0}.button-text.copied-text{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-weight:600}.action-buttons-container{display:flex;gap:.5rem;padding:.5rem 0 0}.action-button{width:50%;padding:.5rem;border:1px solid transparent;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .1s ease-out;will-change:transform;display:flex;justify-content:center;align-items:center}.add-to-cart-button{display:flex;gap:.5rem;background-color:var(--color-primary);color:var(--color-text-highlight);border-color:var(--color-primary)}.add-to-cart-button.disabled{background-color:var(--border-color);border-color:var(--border-color)}.add-to-cart-button.disabled:hover{background-color:var(--border-color);border-color:var(--border-color);cursor:default}.add-to-cart-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.share-button{background-color:transparent;border-color:var(--border-color);color:var(--color-text);font-weight:500;transition:background-color .1s linear,color .1s linear,border-color .1s linear}.share-button:hover{background-color:var(--border-color);border-color:transparent}.share-button.copied{background-color:var(--color-primary);color:var(--color-text-highlight);border-color:var(--color-primary);transform:translateY(0);cursor:default}@media (max-width: 1024px){.configurator-container{overflow:visible}.configurator-main{display:flex;flex-direction:column;height:auto;overflow:visible;padding:0;gap:0}.back-button{padding-bottom:1rem}.visualizer-column{order:1;margin:0;padding:0;position:sticky;top:0;z-index:10;background-color:var(--color-background)}.options-column{order:2;margin:0;max-height:none;border-radius:0;overflow-y:visible;padding-bottom:120px}.price-info{position:fixed;bottom:0;left:0;right:0;z-index:2;margin:0;border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-top:1px solid var(--border-color);padding:1rem;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-background) 20%,transparent),var(--color-background))}.options-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.option-button{font-size:1rem;padding:.25rem}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000;padding:1rem;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-panel{width:100%;max-width:500px;border-radius:8px;background-color:var(--color-background);padding:1.5rem;text-align:left;box-shadow:0 10px 25px #0003;color:var(--color-text);animation:modal-fade-in .3s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-size:1.5rem;font-weight:600;line-height:1.2;margin-bottom:1rem;margin-top:0}.modal-summary{margin-top:1rem}.modal-summary p{margin-bottom:1rem;font-size:.95rem;color:var(--color-text);opacity:.9}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.summary-item:first-of-type{border-top:1px solid var(--border-color)}.summary-item:last-of-type{border-bottom:none}.summary-addon{font-size:.9rem;padding-left:1rem}.summary-label{font-weight:500}.summary-value{font-weight:600}.modal-total-section{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.modal-total-section .summary-label{font-size:1.2rem;font-weight:700}.modal-total-section .total-value{font-size:1.3rem;font-weight:700;color:var(--color-primary)}.modal-buttons{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.button-primary,.button-secondary{width:50%;padding:.5rem;border:1px solid transparent;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .1s ease-out;will-change:transform;display:flex;justify-content:center;align-items:center}.button-primary{background-color:var(--color-primary);color:var(--color-text-highlight)}.button-primary:hover{background-color:var(--color-primary-hover)}.button-secondary{background-color:var(--color-background);color:var(--color-text);border:1px solid var(--border-color)}.button-secondary:hover{background-color:var(--color-surface)}.price-values{display:flex;align-items:baseline;gap:.75rem}.retail-price{font-size:1rem;font-weight:400;color:var(--color-text);opacity:.6;text-decoration:line-through}