.margin-layout{display:grid;grid-template-columns:1.65fr .75fr;gap:16px}.margin-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.margin-product-card{border:1px solid var(--line);background:var(--panel2);padding:16px}.margin-product-head{display:flex;justify-content:space-between;gap:12px}.margin-product-head h4{font:600 15px "Space Grotesk";margin:5px 0 14px}.margin-product-head strong{font:600 18px "Space Grotesk";color:var(--text)}.margin-product-head strong.negative{color:#cf815d}.margin-price-line,.margin-composition>div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:10px}.margin-price-line span,.margin-composition span{color:var(--muted)}.margin-bar{height:5px;background:var(--line);margin:12px 0 9px}.margin-bar i{display:block;width:var(--margin);height:100%;background:var(--text)}.margin-product-card footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.margin-composition{margin-top:16px}.margin-composition b{font:600 12px "Space Grotesk"}.margin-history-panel{margin-top:16px}.margin-helper{color:var(--muted);font-size:11px;line-height:1.5;margin:-8px 0 18px}.margin-kpis b{font-size:23px}@media(max-width:1150px){.margin-layout{grid-template-columns:1fr}.margin-products{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.margin-products{grid-template-columns:1fr}.margin-kpis{grid-template-columns:1fr 1fr!important}}@media(max-width:480px){.margin-kpis{grid-template-columns:1fr!important}}