2:04からcalcで横幅の指定をしているところで、

.products li {
  width: calc((100% - 16px) / 2);

の指定だけでは、間に16pxの余白ができないのはなぜなのでしょうか。
そのあとgap: 16pxを指定したことで、余白ができていました。
gapを指定しないと、余白ができない。
CSS基本文法＃30のcalcの説明でもgapが出てきていないので、混乱しています。

過去の質問の中に、「フレックスボックスに gap プロパティが導入されたため」と拝見しましたが
calcを使用するときに、gapも使用しなければならないということでしょうか。

よろしくお願いいたします。