.product-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.product-head a{color:#17659c}.product-state{padding:7px 11px;border-radius:20px;font-weight:700}.product-state.on{background:#e5f6ed;color:#08703e}.product-state.off{background:#edf1f4;color:#687b8d}.product-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:20px}.product-detail-main{display:grid;gap:17px}.product-detail-card,.product-metrics article{background:#fff;border:1px solid #d8e3eb;border-radius:16px;padding:22px}.product-summary>p{color:#087dec;font-size:12px;font-weight:800;letter-spacing:.11em}.product-summary h1{font-size:32px;margin:8px 0 22px}.product-summary>div{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.product-summary span{background:#f2f6f9;border-radius:10px;padding:12px}.product-summary small,.product-metrics small{display:block;color:#6d8298;margin-bottom:5px}.product-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-metrics article{display:grid;gap:5px}.product-metrics strong{font-size:20px}.product-metrics span{color:#6d8298;font-size:13px}.product-metrics .margin{background:#eaf8f0;border-color:#b9e3ca}.variant-preview{display:grid;gap:9px}.variant-preview>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:13px;background:#f3f7fa;border-radius:10px}.product-editor{align-self:start;position:sticky;top:105px}.product-editor form{display:grid;gap:11px}.product-editor label{display:grid;gap:5px;font-size:12px;font-weight:700}.product-editor input,.product-editor textarea{padding:10px;border:1px solid #cad8e4;border-radius:8px;font:inherit;width:100%;box-sizing:border-box}.product-editor .two{display:grid;grid-template-columns:1fr 1fr;gap:9px}.product-editor .important{background:#edf7ff;border-radius:11px;padding:11px}.product-editor .check{display:flex;align-items:center;gap:8px}.product-editor .check input{width:auto}.product-editor h3{margin:14px 0 0}.product-editor fieldset{border:1px solid #d8e3eb;border-radius:10px;padding:12px}.product-editor legend{font-weight:800}.product-editor button{width:100%}@media(max-width:1150px){.product-detail-grid{grid-template-columns:1fr}.product-editor{position:static}.product-metrics{grid-template-columns:1fr 1fr}}@media(max-width:650px){.product-metrics,.product-summary>div,.variant-preview>div,.product-editor .two{grid-template-columns:1fr}}