.mx-side{display:block;min-width:0;margin-block:12px;padding:14px;border:1px solid #bfd0da;border-radius:14px;background:#fff;color:#205d7b;overflow-wrap:anywhere;font-size:16px;line-height:1.4}
.mx-side h2{margin:0 0 6px;font-size:19px;line-height:1.25;font-weight:750;color:inherit}
.mx-side p{margin:6px 0 10px;font-size:15px}
.mx-side--stockists{border:2px solid #205d7b;background:#e9eff2}
.mx-side--reorder{background:#f2fbf7}
.mx-side .mx-side__action{display:block;width:100%;min-height:44px;border:0;border-radius:8px;padding:10px 12px;background:#ffe500;color:#fff;text-align:center;font-family:inherit;text-decoration:none;cursor:pointer}
.mx-side .mx-side__action{font-size:19px;font-weight:700;line-height:1.3}
.mx-side :is(a,button,input):focus-visible{outline:3px solid #205d7b;outline-offset:3px}
.mx-side [hidden]{display:none!important}
.mx-side label{display:grid;gap:4px;font-weight:650}
.mx-side input{width:100%;min-width:0;min-height:44px;background:#fff;color:#2c2c2c;border:1px solid #205d7b;border-radius:6px;padding:8px;font:inherit;box-sizing:border-box}
.mx-side form{display:grid;gap:8px;margin-block-start:12px}
.mx-side__purchases,.mx-side__stores{list-style:none;margin:10px 0;padding:0}
.mx-side__purchase{display:flex;gap:8px;align-items:center;padding-block:8px;border-block-end:1px solid #d8e3e8}
.mx-side__purchase img{object-fit:contain;flex:0 0 50px}
.mx-side__purchase div{min-width:0;display:grid;gap:2px;font-size:15px}
.mx-side__purchase a{color:#205d7b;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.mx-side__purchase small{font-size:14px;color:#2c2c2c}
.mx-side__stores li{border-block-start:1px solid #bfd0da;padding-block:10px}
.mx-side__stores strong,.mx-side__stores span{display:block}

@media(max-width:1199px){
  .mx-side--reorder,.mx-side--stockists{order:2;width:100%}
}


.medicaa-v2 .mx-part .mx-part__account{display:grid;gap:8px}
.medicaa-v2 .mx-part .mx-part__account>a{display:grid;grid-template-columns:32px minmax(0,1fr) 16px;gap:10px;align-items:center;min-height:44px;text-align:left;justify-content:initial}
.medicaa-v2 .mx-part .mx-part__account>a>:first-child{grid-column:1;width:32px;height:32px;display:grid;place-items:center;object-fit:contain;font-size:22px}
.medicaa-v2 .mx-part .mx-part__account>a>:nth-child(2){grid-column:2;min-width:0;text-align:left}
.medicaa-v2 .mx-part .mx-part__account>a>:last-child{grid-column:3;justify-self:end;text-align:right}
