.konfigurator-container{background-color:#ede5dc!important;height:auto;padding-bottom:100px}#colorPicker{position:absolute;display:flex;gap:5px;padding:8px;background:#fff;border:1px solid black;border-radius:5px;box-shadow:0 2px 5px #0000004d}.hidden{display:none}.color-btn{width:25px;height:25px;border:none;cursor:pointer;border-radius:50%}#canvas-container{//position: relative;width:100vw;height:80vh;display:flex;justify-content:center;align-items:center}canvas{display:block;width:100%;height:100%}#overlay{position:absolute;top:22vh;left:50%;transform:translate(-50%);width:90%;max-width:1200px;margin:0 auto;text-align:center;font-family:Arial,sans-serif;z-index:10}.selection-container{display:flex;align-items:center;justify-content:space-between;gap:50px;width:100%;max-width:1200px;margin:0 auto 20px}.button-block{display:flex;flex-direction:column;align-items:center;flex:1;max-width:320px;padding:25px;border-radius:20px;background-color:#fefefe}.preset-container,.random-color-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.preset-img,.random-color-img{width:80px;height:auto;border-radius:8px;cursor:pointer;transition:transform .3s ease-in-out,opacity .3s}.preset-img:hover,.random-color-img:hover{transform:scale(1.05)}.illustration-container{display:flex;align-items:flex-end;justify-content:center;flex:1.5;max-width:400px;text-align:center;margin-top:auto}.illustration-container-mobile{display:none}.illustration-img{width:100%;max-width:400px;height:auto;object-fit:contain}.action-group{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;margin-top:10px}.shopify-cart-btn{background-color:var(--button-background, #F87828);color:var(--button-text, white);font-size:16px;font-weight:700;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease-in-out;width:100%;max-width:320px}.shopify-cart-btn:hover{transform:scale(1.05)}.secondary-cta{font-size:14px;font-weight:700;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease-in-out;width:100%;max-width:320px;background:#e1306c;color:#fff;padding:10px 15px;border-radius:6px}.secondary-cta:hover{opacity:.8}.button-block-title{font-size:24px;font-weight:700;text-align:center}.preset-container{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.preset-item{display:flex;flex-direction:column;align-items:center}.preset-label{font-size:12px;margin-top:5px;color:#555}.random-color-container{display:flex;justify-content:center;gap:15px;margin-bottom:20px}.random-item{display:flex;flex-direction:column;align-items:center}.random-label{font-size:12px;margin-top:5px;color:#555}.price-info{text-align:center;margin-bottom:15px}.old-price{font-size:14px;text-decoration:line-through;color:#999;margin-right:10px}.new-price{font-size:14px;font-weight:700;color:#000;text-transform:uppercase}.preset-info-text{text-align:left;margin-bottom:20px}#colorPicker{position:absolute;background:#fff;padding:10px;border-radius:8px;box-shadow:0 4px 10px #0003;display:flex;gap:10px;transition:opacity .3s ease-in-out,transform .2s ease-out;z-index:9999;opacity:0;visibility:hidden}#colorPicker.show{opacity:1;visibility:visible;transform:translateY(5px)}.color-btn{width:30px;height:30px;border:none;border-radius:50%;cursor:pointer;transition:transform .2s ease-in-out}.color-btn:hover{transform:scale(1.1)}.hovered{cursor:pointer}.hovered-outline{outline:2px solid rgba(255,255,255,.5);transition:outline .2s ease-in-out}@keyframes floatAnimation{0%{transform:translate(0) translateY(0) rotate(0) scale(1)}25%{transform:translate(10px) translateY(-12px) rotate(2deg) scale(1.02)}50%{transform:translate(0) translateY(5px) rotate(0) scale(1)}75%{transform:translate(-10px) translateY(-12px) rotate(-2deg) scale(1.02)}to{transform:translate(0) translateY(0) rotate(0) scale(1)}}.illustration-img{animation:floatAnimation 6s ease-in-out infinite}@media (max-width: 768px){#canvas-container{height:50vh}#overlay{position:relative;top:auto;width:95%;margin-top:20px}canvas{width:90%!important;height:auto!important}.preset-container,.random-color-container{grid-template-columns:repeat(2,1fr);gap:10px}.action-group{gap:10px}.illustration-container-mobile{display:flex;max-width:350px;order:2;max-width:100%;margin-top:20px}.illustration-container{display:none}.illustration-img{max-width:350px}.button-block{max-width:95%}#colorPicker{flex-direction:column;align-items:center;gap:8px;padding:12px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/3d-configurator.css.map */