html{scroll-behavior:smooth}#products{scroll-margin-top:125px}body{font-family:Quicksand,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.mg-card-grid{display:grid;gap:24px}@media (min-width:900px){.mg-card-grid{grid-template-columns:repeat(3,1fr)}}.mg-card.polished{background:#fff;border:2px solid rgba(10,20,40,.27);border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.mg-card.polished:hover{box-shadow:0 12px 28px rgba(10,20,40,.1);transform:translateY(-2px)}.mg-card__media{aspect-ratio:4/3;background:#f9fafc;display:block;position:relative}.mg-card__media img{height:100%;object-fit:contain;padding:1px;width:100%}.mg-badge{background:#39b54c;border-radius:999px;color:#fff;font-size:14px;font-weight:800;left:12px;padding:6px 10px;position:absolute;top:12px}.mg-card__body{padding:14px 16px}.mg-card__title{color:#0a1428;font-size:22px;font-weight:800;margin:0 0 6px}.mg-card__price{align-items:baseline;display:flex;gap:8px;margin-bottom:10px}.mg-card__value{color:#39b54c;font-size:26px;font-weight:900}.mg-card__per{font-size:14px;opacity:.99}.mg-quick-specs{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);list-style:none;margin:0 0 20px;padding:0}.mg-quick-specs li{background:#f4f6fa;border-radius:10px;font-size:14px;padding:8px 6px;text-align:center}.mg-qs__label{display:block;font-size:12px;opacity:.99}.mg-qs__value{font-weight:900}.mg-card__actions{display:grid;gap:8px}@media (min-width:900px){.mg-card__actions{grid-template-columns:1fr 1fr}}.mg-btn{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:900;justify-content:center;padding:10px 12px;text-decoration:none}.mg-btn--primary{background:#6854e8;color:#fff;transition:background .2s ease,transform .15s ease,box-shadow .15s ease}.mg-btn--primary:hover{background:#6043b6;box-shadow:0 6px 14px rgba(0,0,0,.18);transform:translateY(-1px)}.mg-btn--primary:active{box-shadow:0 3px 8px rgba(0,0,0,.2);transform:translateY(0)}a.mg-btn--ghost{background:#fff;border:1px solid rgba(10,20,40,.2);color:#0a1428!important;text-decoration:none;transition:all .2s ease}a.mg-btn--ghost:hover{background:#f4f6fa;border-color:#0a1428}a.mg-btn--ghost:active,a.mg-btn--ghost:hover{color:#0a1428!important}a.mg-btn,a.mg-btn--primary,a.mg-btn--primary:active,a.mg-btn--primary:focus,a.mg-btn--primary:hover,a.mg-btn:active,a.mg-btn:focus,a.mg-btn:hover{text-decoration:none!important}