body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;color:#333;overflow-x:hidden}#container{max-width:var(--grid-container-width, 1150px);margin:0 auto;padding:0}#step-indicator{display:flex;justify-content:center;align-items:center;gap:10px;margin:20px 0}.step-circle{width:40px;height:40px;background-color:#ddd;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;transition:background-color .3s,transform .3s;cursor:pointer}.step-circle.active{background-color:#ffb300;color:#fff;transform:scale(1.1)}#canvas{background-color:#fff;padding:30px;border-radius:10px;margin-top:20px;position:relative;min-height:500px}.step-title-container{display:flex;justify-content:center;width:100%;margin-bottom:20px;padding-top:10px;position:relative}h2{font-size:1.8rem;margin-bottom:10px;padding-top:5px;text-align:center;width:70%;margin-left:auto;margin-right:auto}button{width:100%;height:250px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;background-color:#fff;transition:transform .2s ease,box-shadow .2s;display:flex;flex-direction:column;align-items:center;justify-content:center}button img{width:100%;height:180px;object-fit:cover;border-bottom:1px solid #eee}button:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.primary-options button{background-color:#ffb300;color:#fff;font-size:1.2rem}.primary-options button:hover{background-color:#ff9f00}.advanced-options button{background-color:#eee;color:#333}.advanced-options button:hover{background-color:#ddd}.options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;justify-content:center}.options button{width:200px;height:200px;border:1px solid #2c2c2c;border-radius:8px;box-sizing:border-box;background-color:#f7f7f7;transition:box-shadow .2s ease,transform .2s ease}.options button img{width:180px;height:180px;object-fit:contain}.options button:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0003}.options button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;position:relative}.options button:disabled:hover{transform:none;box-shadow:none}#fixed-back-button{position:absolute;top:20px;left:20px;background-color:#ffb300;color:#fff;border:none;border-radius:4px;cursor:pointer;width:80px;height:40px;font-size:1rem;justify-content:center;align-items:center;z-index:10;display:flex}.hidden{display:none}.hidden.active{display:block}.step{display:none}.step.active{display:block}button.selected{border:2px solid #ffb300;box-shadow:0 0 12px #ffb30080}button.selected:after{content:"\2713";position:absolute;top:5px;right:5px;color:#ffb300;font-size:20px}.summary-buttons{position:static;display:flex;gap:10px;justify-content:center;margin-top:20px}.summary-buttons button{width:120px;height:50px;margin:0}.tooltip-container{position:relative;display:inline-block}.tooltip-text{visibility:hidden;width:200px;background-color:#333;color:#fff;text-align:center;border-radius:8px;padding:10px;position:absolute;z-index:1;top:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:1.1rem;line-height:1.4;pointer-events:none}.tooltip-text:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent #333 transparent}button:hover .tooltip-text{visibility:visible;opacity:1}@media (max-width: 668px){.summary-buttons{flex-direction:column}.options{grid-template-columns:repeat(2,1fr)}button,button img{height:180px}}#summary{padding-top:2px}button.disabled-option{opacity:.5!important;cursor:not-allowed!important;pointer-events:none;background-color:#f5f5f5!important;color:#999!important;border-color:#ddd!important}button.disabled-option:hover{transform:none!important;box-shadow:none!important}button.disabled-option .tooltip-text{visibility:hidden!important;opacity:0!important}.side-panel{background-color:#f8f8f8;padding:20px;border-radius:10px;border:1px solid #eee;margin-bottom:20px}.side-panel h3{color:#333;margin-bottom:15px;font-size:1.2rem}.selection-list{list-style:none;padding:0;margin:0}.selection-list li{padding:12px 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.selection-list li:last-child{border-bottom:none}.step-label{font-weight:700;color:#666;min-width:80px}#summary-content{margin-bottom:30px}@media (max-width: 768px){.side-panel{padding:15px}.selection-list li{flex-direction:column;align-items:flex-start;gap:5px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/devwiz-styles.css.map */