.scc-panel{background:#f3ece2;border-radius:8px;padding:22px;margin:18px 0;color:#302820;clear:both}
.scc-panel h3{font-size:21px;font-weight:700;margin:0 0 9px;color:#302820}
.scc-panel p{line-height:1.5}
.scc-panel label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}
.scc-panel input[type=number]{background:#fff;border:1px solid #b9aa99;width:100%;max-width:100%;padding:10px;border-radius:4px}
.scc-panel input[type=range]{display:block;width:100%;accent-color:#806044}
.scc-ends{display:flex;justify-content:space-between;font-size:12px;color:#665544}
.scc-panel .scc-hint{font-size:12px;margin-top:16px;color:#665544}
.scc-buy{display:block;width:100%;border:0;background:#806044;color:#fff;padding:14px 20px;margin-top:16px;border-radius:5px;font-weight:700;cursor:pointer}
.scc-buy:hover{background:#60462f}.scc-buy:disabled{opacity:.65;cursor:wait}.scc-message{font-size:13px;margin:9px 0 0}
.scc-choice-group{border:0;margin:17px 0 0;padding:0;min-width:0}
.scc-choice-group legend{font-size:14px;font-weight:700;color:#302820;margin:0 0 9px;padding:0;width:auto;border:0}
.scc-choices{display:flex;flex-wrap:wrap;gap:10px}
.scc-panel .scc-option{position:relative;display:inline-flex;align-items:center;margin:0;cursor:pointer;font-size:14px;font-weight:600}
.scc-option input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.scc-option span{display:inline-block;padding:10px 18px;background:#fff;border:1px solid #b9aa99;border-radius:6px;color:#302820;transition:background .15s,border-color .15s,box-shadow .15s}
.scc-option:hover span{border-color:#806044}
.scc-option input:checked+span{background:#806044;color:#fff;border-color:#806044}
.scc-option input:focus-visible+span{outline:2px solid #302820;outline-offset:3px}
.scc-configurator-active .scc-native-hidden{display:none!important}
@media(max-width:575px){.scc-panel{padding:17px}.scc-panel h3{font-size:19px}.scc-option span{padding:9px 13px}}

/* v0.9.2 - Strong isolation from Angar's global radio/label rules */
body.scc-configurator-active .scc-panel fieldset.scc-choice-group {display:block !important;border:0 !important;padding:0 !important;margin:16px 0 0 !important;min-width:0 !important}
body.scc-configurator-active .scc-panel fieldset.scc-choice-group legend {display:block !important;float:none !important;width:auto !important;max-width:100% !important;font-size:15px !important;line-height:1.4 !important;font-weight:700 !important;margin:0 0 10px !important;padding:0 !important;border:0 !important}
body.scc-configurator-active .scc-panel .scc-choices {display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;justify-content:flex-start !important;gap:10px !important;width:100% !important}
body.scc-configurator-active .scc-panel .scc-choices label.scc-option {position:relative !important;display:inline-flex !important;flex:0 0 auto !important;align-items:center !important;width:auto !important;max-width:100% !important;margin:0 !important;padding:0 !important;cursor:pointer !important;line-height:1.4 !important}
body.scc-configurator-active .scc-panel .scc-choices label.scc-option input[type=radio] {position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;pointer-events:none !important;margin:0 !important}
body.scc-configurator-active .scc-panel .scc-choices label.scc-option > span {display:inline-block !important;padding:10px 18px !important;background:#fff !important;border:1px solid #b9aa99 !important;border-radius:6px !important;color:#302820 !important;font-size:14px !important;font-weight:600 !important;white-space:nowrap !important}
body.scc-configurator-active .scc-panel .scc-choices label.scc-option input:checked + span {background:#806044 !important;border-color:#806044 !important;color:#fff !important}
body.scc-configurator-active .scc-panel .scc-choices label.scc-option input:focus-visible + span {outline:2px solid #302820 !important;outline-offset:3px !important}
/* Native Angar purchase controls are hidden on configured product pages only. */
body.scc-configurator-active .scc-native-hidden {display:none !important}
body.scc-configurator-active .product-add-to-cart:not(:has(.scc-panel)) .product-quantity,
body.scc-configurator-active .product-add-to-cart:not(:has(.scc-panel)) .qty {display:none !important}
@media(max-width:575px){body.scc-configurator-active .scc-panel .scc-choices {gap:7px !important}body.scc-configurator-active .scc-panel .scc-choices label.scc-option > span {padding:9px 12px !important}}