.sp-variant-panel{min-width:0}
.sp-variant-panel .panel-head{gap:16px;align-items:flex-start}
.sp-variant-toggle{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-weight:700}
.sp-variant-toggle input{margin-top:4px;flex:0 0 auto}
.sp-variant-toggle small{display:block;font-weight:400;line-height:1.45;margin-top:4px;color:#675840}
.sp-variant-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:16px 0}
.sp-variant-controls label,.sp-variant-cell label{font-weight:700;font-size:12px}
.sp-variant-controls select,.sp-variant-cell [data-variant-url],.sp-variant-cell input[type=number]{width:100%;min-width:0;box-sizing:border-box}
.sp-variant-status{padding:10px 12px;border-radius:10px;background:#f6f0df;color:#493822;line-height:1.45;font-size:13px;margin:10px 0}
.sp-variant-status[data-error=true]{background:#fff0e9;color:#8b2d10;border:1px solid #dba58c}
.sp-variant-grid-scroll{max-width:100%;overflow:auto;border:1px solid #d8c9ad;border-radius:14px;overscroll-behavior-x:contain}
.sp-variant-grid{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;margin:0}
.sp-variant-grid th,.sp-variant-grid td{border-right:1px solid #e4d8c2;border-bottom:1px solid #e4d8c2;padding:12px;text-align:left;vertical-align:top}
.sp-variant-grid tr:last-child td,.sp-variant-grid tr:last-child th{border-bottom:0}
.sp-variant-grid th:last-child,.sp-variant-grid td:last-child{border-right:0}
.sp-variant-grid thead th{background:#efe4cd;color:#3f2d17;font-size:13px;font-weight:800}
.sp-variant-grid tbody th{width:130px;background:#faf5e9;font-size:13px;overflow-wrap:anywhere;position:sticky;left:0;z-index:1}
.sp-variant-grid .sp-variant-corner{width:130px;position:sticky;left:0;z-index:2}
.sp-variant-cell{min-width:180px;background:#fffdf7}
.sp-variant-cell[data-disabled=true]{background:#f2eee6}
.sp-variant-photo{display:grid;place-items:center;min-height:145px;aspect-ratio:1;overflow:hidden;border:1px dashed #c7b796;border-radius:10px;background:white;margin-bottom:10px;color:#76634a;font-size:12px;text-align:center;padding:6px;box-sizing:border-box}
.sp-variant-photo img{width:100%;height:100%;max-height:200px;object-fit:contain}
.sp-variant-cell-title{display:block;font-size:12px;line-height:1.4;margin:0 0 7px;overflow-wrap:anywhere}
.sp-variant-cell .sp-variant-file{display:block;text-align:center;position:relative;overflow:hidden;min-height:38px;box-sizing:border-box;margin-bottom:8px}
.sp-variant-file input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.sp-variant-file:focus-within{outline:3px solid #65751e;outline-offset:2px}
.sp-variant-cell [data-variant-url]{font-size:12px;padding:8px;margin:5px 0 8px}
.sp-variant-cell .sp-variant-available{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:600;margin-top:8px}
.sp-variant-cell .sp-variant-available input{width:auto;flex:0 0 auto}
.sp-variant-cell .sp-variant-extra{margin-top:8px}
.sp-variant-cell .sp-variant-extra input{margin-top:5px;font-size:13px;padding:8px}
.sp-variant-cell .sp-variant-message{font-size:12px;line-height:1.4;color:#7a3318;min-height:1em;margin-top:6px}
.sp-variant-cell .icon-btn{font-size:12px;min-height:34px}
.sp-variant-cell details{font-size:12px;margin-top:8px}
.sp-variant-cell summary{cursor:pointer;font-weight:700;padding:5px 0}
.sp-variant-empty{padding:18px;background:#faf5e9;border:1px dashed #c7b796;border-radius:12px;font-size:13px;line-height:1.5}
.sp-variant-stock{margin:18px 0;padding:14px;background:#faf5e9;border:1px solid #dfd0b3;border-radius:12px}
.sp-variant-stock h4{margin:0 0 8px}
.sp-variant-stock-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:12px}
.sp-variant-stock-rows label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.sp-variant-stock-rows input{max-width:100%;box-sizing:border-box}
@media(max-width:640px){.sp-variant-controls{grid-template-columns:1fr}.sp-variant-grid th,.sp-variant-grid td{padding:9px}.sp-variant-grid tbody th,.sp-variant-grid .sp-variant-corner{width:105px}.sp-variant-cell{min-width:170px}.sp-variant-status{font-size:12px}.sp-variant-panel .panel-head{display:block}.sp-variant-grid-scroll{margin-right:0}.sp-variant-stock-rows{grid-template-columns:1fr 1fr}}

.sp-order-option-line{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #dfd0b3;font-size:13px;line-height:1.5}.sp-order-option-line img{width:72px;height:90px;object-fit:contain;background:white;border-radius:8px;flex:0 0 auto}.sp-order-option-line small{display:block;margin:4px 0;color:#675840}.sp-order-option-line>div{min-width:0;overflow-wrap:anywhere}