#main {margin-bottom: -170px;}
#main section:last-child{padding-bottom: 170px}

.add-op {font-size: 28px; display: inline-block; margin-top: -4px}
.add-op i {transform: translateY(3px);}
.add-op i.fa-plus {padding:2px 3px; border:3px solid var(--main); border-radius: 50%; font-size:18px; transform: none;}

#cartbar {transition: bottom 0.5s ease;}
#cartbar.showcart {bottom: 15px;}
#cartbar.showcart #cart {margin-top: 10px}
#cartbar.showcart #cart div.resumen span {display: block;}
#cart div.resumen {position: relative;}
#cart div.resumen span {font-size: 16px; padding:0px 8px; border:1px solid #fff; background-color: var(--red); border-radius: 50%; font-weight: 500; position: absolute; left: 28px; top: -10px;}

#opciones select {width: auto; border:3px solid var(--main); color:var(--main); padding: 5px 10px}
#opciones .opcion.selected select {display: inline-block; }

@media (max-width: 576px){
.productos article img {width: 80px; height: 80px}
}