* {
  margin: 0;
  padding: 0;
}

:root {
  --maincolor: #7b5244;
  --subcolor: #333;
  --sublight: #333333a8;
  --white: #f5f1f0;
  --black: #1b1010a8;
  --grey: #888888;
  --lbrown: #f7f3ef;
}
.bcsc {
  position: fixed;
  z-index: 1;
  background: white;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  min-height: 80vh;
  width: 100%;
  border: 1px dashed red;
  visibility: hidden;
  opacity: 0;
}
#section1 {
  height: 90px;
  width: 100%;
  border: 1px grey solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#section1 > div {
  width: 20%;
  height: 100%;
  border: 1px grey dashed;
  display: flex;
  justify-content: center;
  align-items: center;
}
#total {
  width: 20px;
  height: 20px;
  background-color: var(--maincolor);
  display: flex;
  justify-content: center;
  align-content: center;
  color: white;
  border-radius: 30px;
  font-family: Roboto;
  line-height: 18px;
  position: absolute;
  top: 15px;
  right: -1px;
  cursor: pointer;
}
#total > span{
   display: block;
   font-size: 10pt;
}
#title {
  font-family: arial !important;
  width: 571px !important;
  font-size: 18pt !important;
}
#prmbuy{
  cursor: pointer !important;
}
#productsnbr{
  width: 12px;
height: 12px;
background-color: var(--maincolor);
display: flex;
justify-content: center;
align-content: center;
color: white;
border-radius: 30px;
font-family: Roboto;
line-height: 13px;
position: absolute;
top: 5px;
right: 65px;
cursor: pointer;
font-size: 7pt;
}