body{margin:0;padding:0}*{box-sizing:border-box}@media screen and (max-width: 1024px){.zakeke-viewer{height:70rem!important}}.zakeke-viewer{width:100%;margin-top:6rem;position:relative}@media screen and (max-width: 1024px){.viewer-container--render{height:32rem!important}}.viewer-container--render{position:relative;width:100%;height:44rem;display:flex;justify-content:center;align-items:center}.viewer-container{position:relative;width:100%;height:100%;display:flex;gap:1rem;margin-top:2rem}@media screen and (max-width: 1024px){.viewer-container{flex-direction:column;align-items:center}}.orbit-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0009;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:15px 20px;border-radius:10px;display:flex;flex-direction:column;align-items:center;color:#fff;z-index:10;box-shadow:0 4px 8px #0003;animation:fadeIn .5s ease-in-out}.orbit-hint-icon{margin-bottom:8px;animation:pulse 2s infinite}.orbit-hint-text{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.step-title{font-size:1.5rem;color:#fff;font-family:Montserrat;margin-bottom:0}.step-description{font-size:.9rem;color:#fff;font-family:Montserrat;margin:0;font-style:italic}.step-container{display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:1rem;align-items:end}.step{min-width:300px;width:48%}.step-right{text-align:right}.step select{font-family:Montserrat;width:100%;border:1px solid #fff;padding:.5rem 1rem;transition:all .3s;border-radius:.5rem;font-size:1rem;line-height:1.5;background:#1b1b1b;color:#fff;margin-top:1rem}@media (max-width: 768px){.step{min-width:100%}.step-right{text-align:left}}#product-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;border-bottom:1px solid #fff;padding-bottom:2rem}@media screen and (min-width: 650px){#product-selector{grid-template-columns:repeat(3,1fr);gap:1rem}}@media screen and (min-width: 1000px){#product-selector{grid-template-columns:repeat(5,1fr)}}.loader{position:absolute;top:0;background-color:#1b1b1b;z-index:99;display:flex;justify-content:start;flex-direction:column;width:100%}.svg-loader{width:4em;transform-origin:center;animation:rotate4 2s linear infinite}.circle-loader{fill:none;stroke:#e1630e;stroke-width:2;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;animation:dash4 1.5s ease-in-out infinite}.loader-label{color:#fff;font-family:Montserrat,sans-serif;font-size:1.6rem;font-weight:500}.product-card{border:none;display:flex;flex-direction:column;align-items:center;gap:1rem;font-family:"Montserrat",Sans-Serif;color:#fff;padding:.5rem 0;font-weight:500;background-color:transparent!important;border:2px solid transparent;cursor:pointer}.product-card:hover,.product-card:focus{border-color:#fff;background-color:#1a1a1a!important;border-radius:.5rem}.product-card.active{background-color:#1a1a1a!important;border-color:#e3640e;color:#e3640e;border-radius:.5rem}.product-card>img{height:5rem;width:10rem;object-fit:contain}@media screen and (min-width: 650px){.product-card>img{height:7rem;width:14rem}}.summary-card{height:min-content;padding:1rem;border-radius:.5rem;width:400px;border:1px solid #fff;font-family:Montserrat;color:#fff}.summary-card-container{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width: 1024px){.summary-card{width:100%}}.summary-card--title{margin-top:0;font-size:1.2rem;text-align:center}.btn-quotation{all:unset;display:block;width:100%;cursor:pointer;padding:.75rem;font-family:Montserrat,sans-serif;box-sizing:border-box;text-align:center;border-radius:.5rem;background-color:#e3640e;color:#fff;border:2px solid #e3640e;text-transform:uppercase}.tabs-header{display:flex;flex-direction:row;gap:1rem;scrollbar-color:#d1d1d1 #2c2c2c;overflow-x:auto;padding-bottom:0}@media screen and (max-width: 767px){.tabs-header{padding-bottom:2rem}}.tab-button{all:unset;display:block;cursor:pointer;padding:1rem;flex-grow:1;font-family:Montserrat,sans-serif;box-sizing:border-box;text-align:center;text-transform:uppercase;border-bottom:4px solid #80808038;color:#fff;text-wrap-mode:nowrap}.tab-button:hover,.tab-button.active{border-bottom:4px solid #e3640e}.tab-content{padding:1.5rem 0 2rem;display:flex;flex-direction:row;gap:1rem;scrollbar-color:#d1d1d1 #2c2c2c;overflow-x:auto}.tab-content-custom-category{padding:1rem 0;display:flex;flex-direction:row;justify-content:start;gap:1rem;scrollbar-color:#d1d1d1 #2c2c2c;overflow-x:auto}.custom-category{color:#fff;font-size:1.5rem;margin-bottom:0;font-family:Montserrat,sans-serif}.selectable-button{all:unset;display:block;cursor:pointer;padding:.75rem;font-family:Montserrat,sans-serif;box-sizing:border-box;text-align:center;border-radius:.5rem;color:#fff;border:2px solid #fff;text-wrap-mode:nowrap}.selectable-button:hover,.selectable-button.active{background-color:#e3640e;color:#fff;border:2px solid #e3640e}.list-item-image{width:64px;height:64px;object-fit:contain;margin-bottom:20px}.quotation{display:flex;justify-content:end;width:100%;margin-bottom:2rem}.quotation button{all:unset;display:block;cursor:pointer;padding:.75rem;font-family:Montserrat,sans-serif;box-sizing:border-box;text-align:center;border-radius:.5rem;background-color:#e3640e;color:#fff;border:2px solid #e3640e;text-transform:uppercase}.not-found-message{font-size:1rem;color:#fff;font-family:Montserrat;margin:0;font-style:italic}@keyframes rotate4{to{transform:rotate(360deg)}}@keyframes dash4{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dashoffset:-125px}}