.ct-width{box-sizing:border-box;max-width:100%;margin:20px 0 12px;padding:22px;border:1px solid #e7dfc8;border-radius:12px;background:#fffdf6;color:#222}
.ct-width *{box-sizing:border-box}
.ct-width-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ct-width-heading label{margin:0;font-size:16px;line-height:1.4;font-weight:600}
.ct-width-heading select{flex:0 0 125px;width:125px;height:44px;padding:8px 10px;border:1px solid #b8ac8f;border-radius:6px;background:#fff;color:#222;font-family:inherit;font-size:16px;font-weight:600;line-height:1.3;cursor:pointer}
.ct-width-range{display:block;width:100%;height:34px;margin:19px 0 0;padding:0;accent-color:#b87800;cursor:pointer}
.ct-width-range:focus-visible,.ct-width-heading select:focus-visible{outline:3px solid #385da1;outline-offset:3px}
.ct-width-scale{display:flex;justify-content:space-between;gap:12px;color:#68645b;font-size:12px;line-height:1.4}
.ct-width .ct-width-source{margin:10px 0 18px;font-size:12px;line-height:1.6;color:#625f57}
.ct-width-source a{color:#795400;text-decoration:underline;text-underline-offset:2px}
.ct-width-total{padding-top:16px;border-top:1px solid #e7dfc8}
.ct-width-total output{display:block;margin:0 0 5px;color:#1a1a1a;font-size:30px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.ct-width-total>span{display:block;font-size:13px;line-height:1.6;color:#49463f}
.ct-width .ct-width-rate{margin:14px 0 4px;font-size:13px;line-height:1.5;color:#49463f}
.ct-width .ct-width-formula{margin:0;color:#6a655b;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
.ct-width .ct-width-note{margin:12px 0 0;color:#6a655b;font-size:12px;line-height:1.5}
@media(max-width:480px){.ct-width{padding:16px;margin-top:14px}.ct-width-heading{gap:10px}.ct-width-heading label{font-size:14px}.ct-width-heading select{flex-basis:115px;width:115px}.ct-width-total output{font-size:28px}}
@media(forced-colors:active){.ct-width,.ct-width-total{border-color:CanvasText}.ct-width-range{forced-color-adjust:auto}}

.item .status-icon.ct-width-stock{white-space:normal;line-height:1.5}
#ct-ss-stock-count{font-weight:600;font-variant-numeric:tabular-nums}

.ct-width .ct-width-screws{min-width:0;margin:0 0 18px;padding:0;border:0}
.ct-width-screws legend{display:block;float:none;width:auto;margin:0 0 10px;padding:0;border:0;font-size:16px;font-weight:600;line-height:1.4;color:#222}
.ct-width-screw-options{display:flex;flex-wrap:wrap;gap:10px}
.ct-width .ct-width-screw-option{min-width:90px;min-height:44px;margin:0;padding:9px 18px;border:1px solid #b8ac8f;border-radius:6px;background:#fff;color:#222;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;cursor:pointer;box-shadow:none}
.ct-width .ct-width-screw-option:hover{border-color:#9c7100}
.ct-width .ct-width-screw-option[aria-pressed="true"]{border-color:#ad7e00;background:#ffca00;color:#222;box-shadow:inset 0 0 0 1px #ad7e00}
.ct-width .ct-width-screw-option:focus-visible{outline:3px solid #385da1;outline-offset:3px}
.ct-width .ct-width-screw-option:disabled{opacity:.6;cursor:default}
.ct-width .ct-width-screw-note{margin:8px 0 0;font-size:12px;line-height:1.5;color:#625f57}
@media(forced-colors:active){.ct-width .ct-width-screw-option[aria-pressed="true"]{outline:2px solid Highlight;outline-offset:-4px}}

.ct-width .ct-width-cut{font-size:14px;line-height:1.6;margin:14px 0 4px}.ct-width-cut output{font-weight:700}
.ct-width-heading select:disabled{opacity:1;color:#222;-webkit-text-fill-color:#222}