.variation-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0 24px}.summary-box{background:#f2f6ff;border:1px solid #dfe6ff;border-radius:8px;padding:12px 14px}.summary-box .label{font-size:12px;text-transform:uppercase;color:#546e7a;letter-spacing:.05em}.summary-box .value{font-size:16px;font-weight:600;margin-top:4px}.variation-unit-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.variation-unit-card{border:1px solid #dfe3eb;border-radius:8px;background:#fff;padding:16px}.unit-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.unit-title{font-weight:600;font-size:16px}.unit-subtitle{font-size:13px;color:#607d8b}.unit-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.unit-summary-item{background:#f8f9fb;border-radius:6px;padding:8px 10px}.unit-summary-item .label{font-size:11px;text-transform:uppercase;color:#78909c;letter-spacing:.05em}.unit-summary-item .value{font-weight:600;font-size:14px;margin-top:4px}.variation-empty{padding:16px;text-align:center;color:#78909c;font-style:italic}