.mat-colors,#border-colors{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px}.mat-color,.border-color{width:32px;height:32px;padding:0;border:3px solid #444;border-radius:50%;cursor:pointer;appearance:none;-webkit-appearance:none;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.mat-color:hover,.border-color:hover{transform:scale(1.08)}.mat-color.active,.border-color.active{border-color:#f9a61c;transform:scale(1.15);box-shadow:0 0 10px #f9a61c80}.mat-preview{position:relative;width:100%;aspect-ratio:1 / 1}#mat-preview,#border-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}#mat-preview{z-index:1}#border-preview{z-index:2;pointer-events:none}.option-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:0}.option-btn{display:flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:2px solid #555;border-radius:10px;background:transparent;color:#fff;font-size:15px;font-weight:500;line-height:1;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.option-btn:hover{border-color:#f9a61c;transform:translateY(-2px)}.option-btn.active{border-color:#f9a61c;background:#f9a61c14;box-shadow:0 0 12px #f9a61c59}.option-btn:active{transform:translateY(0)}#heelpad-options .option-btn,#badge-options .option-btn{min-width:auto}#mode-options,#side-options,#set-options,#material-options,#heelpad-options,#badge-options,#border-options{margin-top:28px}#mode-options{margin-top:0}#mode-options h3,#side-options h3,#set-options h3,#material-options h3,#heelpad-options h3,#badge-options h3,#border-options h3{margin:0 0 12px}.mat-configurator-controls-column>h3:first-child{margin:0 0 16px}#mat-colors{margin-bottom:24px}.mat-configurator{width:100%;max-width:1240px;margin:0 auto;padding:40px 24px 70px}.mat-configurator-layout{display:grid;grid-template-columns:minmax(620px,1.2fr) minmax(360px,.8fr);gap:40px;align-items:start;width:100%}.mat-configurator-preview-column{display:flex;justify-content:center;align-items:flex-start;width:100%;min-width:0;overflow:visible}.mat-configurator-controls-column{width:100%;min-width:0;padding-top:10px}@media screen and (min-width:990px){.mat-configurator-preview-column{min-height:650px}.mat-configurator-preview-column .mat-preview{position:sticky;top:110px;width:630px;max-width:none;min-width:630px;min-height:630px;flex:0 0 630px;margin:0;transform:translate(-230px,80px)}}@media screen and (min-width:750px)and (max-width:989px){.mat-configurator{padding:30px 20px 60px}.mat-configurator-layout{grid-template-columns:1fr;gap:32px}.mat-configurator-preview-column{min-height:0}.mat-configurator-preview-column .mat-preview{position:relative;top:auto;width:100%;max-width:500px;min-width:0;min-height:0;flex:none;margin:0 auto;transform:none}.mat-configurator-controls-column{padding-top:0}}@media screen and (max-width:749px){.mat-configurator{width:100%;max-width:100%;margin:0;padding:20px 16px 50px;overflow:hidden}.mat-configurator-layout{display:flex;flex-direction:column;gap:28px;width:100%}.mat-configurator-preview-column{display:flex;justify-content:center;align-items:flex-start;width:100%;min-width:0;min-height:0;margin:0;overflow:visible}.mat-configurator-preview-column .mat-preview{position:relative;top:auto;width:100%;max-width:320px;min-width:0;min-height:0;aspect-ratio:1 / 1;margin:0 auto;flex:none;transform:none}.mat-configurator-controls-column{width:100%;min-width:0;padding-top:0}.mat-configurator-controls-column h3{font-size:24px;line-height:1.15}.option-buttons{gap:8px}.option-btn{min-height:42px;padding:0 14px;font-size:14px}.mat-color,.border-color{width:28px;height:28px}.mat-colors,#border-colors{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/mat-configurator.css.map */